ngx-payvent-shared 0.0.0

package/fesm2022/ngx-payvent-shared.mjs

@@ -0,0 +1,2595 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, signal, Injectable, inject, Input, Component, HostListener, Pipe, input, computed, model, output, effect, ViewChild, ViewEncapsulation, ElementRef, HostBinding, Renderer2, Output, untracked } from '@angular/core';
+import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
+import { timer, shareReplay, ReplaySubject, of, tap, share } from 'rxjs';
+import * as i1 from '@angular/router';
+import { ActivatedRoute, Router, NavigationStart, NavigationEnd, NavigationCancel } from '@angular/router';
+import { catchError, shareReplay as shareReplay$1, map } from 'rxjs/operators';
+import * as uuid from 'uuid';
+import * as signalR from '@microsoft/signalr';
+import * as i1$2 from '@angular/common';
+import { Location, CommonModule, NgComponentOutlet, NgTemplateOutlet, JsonPipe } from '@angular/common';
+import * as bowser from 'bowser';
+import * as i2$1 from 'primeng/api';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { DomSanitizer, HammerModule } from '@angular/platform-browser';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
+import * as i3 from 'ngx-order-pipe';
+import { OrderModule } from 'ngx-order-pipe';
+import { InputText, InputTextModule } from 'primeng/inputtext';
+import { InputOtp } from 'primeng/inputotp';
+import * as i3$1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { CardModule } from 'primeng/card';
+import { StyleClassModule } from 'primeng/styleclass';
+import * as i1$3 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import * as i1$4 from 'primeng/drawer';
+import { DrawerModule } from 'primeng/drawer';
+import { RippleModule } from 'primeng/ripple';
+import * as i2$2 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+
+class FlowAppConfig {
+    production;
+    application_id;
+    groupId;
+    client_id;
+    endpoints;
+    signalr_hubname;
+    identityserver_scopes;
+    defaultLanguage;
+    forceOrigin;
+    facebook;
+    google;
+    apple;
+    fbPixel;
+}
+
+class GlobalService {
+    onSuccess = new EventEmitter(false);
+    onError = new EventEmitter(false);
+    //   environment = inject(FlowAppConfig)
+    showLoader = true;
+    currentLanguage = signal('RO', ...(ngDevMode ? [{ debugName: "currentLanguage" }] : [])); //this.environment.defaultLanguage;
+    currentEditLanguage = signal('RO', ...(ngDevMode ? [{ debugName: "currentEditLanguage" }] : [])); //this.environment.defaultLanguage;
+    datePickerOptions = { autoclose: true, forceParse: true, format: 'd.mm.yyyy', orientation: 'bottom left', weekStart: 1 };
+    timePickerOptions = { showMeridian: false, minuteStep: 15, showSeconds: false, showInputs: false, explicitMode: true };
+    ckEditorOptions;
+    banks = {
+        'NBOR': 'BANCA NATIONALA A ROMANIEI',
+        'ABNA': 'ABN AMRO BANK ROMANIA',
+        'BUCU': 'ALPHA BANK ROMANIA SA',
+        'ARBL': 'ANGLO ROMANIAN BANK LTD',
+        'MIND': 'ATE BANK ROMANIA SA',
+        'BPOS': 'BANC POST SA',
+        'CARP': 'BANCA COMERCIALA CARPATICA SA',
+        'RNCB': 'BANCA COMERCIALA ROMANA SA',
+        'DARO': 'BANCA CR FIRENZE ROMANIA SA',
+        'BROM': 'BANCA DI ROMA SPA ITALIA - SUCURSALA BUCURESTI',
+        'BITR': 'BANCA ITALO ROMENA SPA',
+        'BRDE': 'BANCA ROMANA PENTRU DEZVOLTARE',
+        'BRMA': 'BANCA ROMANEASCA SA',
+        'BTRL': 'BANCA TRANSILVANIA SA',
+        'DAFB': 'BANK LEUMI ROMANIA SA',
+        'MIRB': 'BLOM BANK EGYPT SAE EGYPT - SUCURSALA ROMANIA',
+        'CECE': 'CASA DE ECONOMII SI CONSEMNATIUNI CEC SA',
+        'CITI': 'CITIBANK ROMANIA SA',
+        'CRCO': 'CREDIT COOP CASA CENTRALA',
+        'FNNB': 'CREDIT EUROPE BANK (ROMANIA) SA',
+        'EGNA': 'EGNATIA BANK (ROMANIA) SA',
+        'BSEA': 'EMPORIKI BANK-ROMANIA SA',
+        'EXIM': 'EXIMBANK ROMANIA',
+        'UGBI': 'GARANTIBANK INTERNATIONAL NV - SUCURSALA ROMANIA',
+        'HVBL': 'HVB BANCA PENTRU LOCUINTE',
+        'INGB': 'ING BANK NV',
+        'BREL': 'LIBRA BANK SA',
+        'CRDZ': 'MKB ROMEXTERRA BANK SA',
+        'OTPV': 'OTP BANK ROMANIA SA',
+        'PIRB': 'PIRAEUS BANK ROMANIA SA',
+        'PORL': 'PORSCHE BANK ROMANIA SA',
+        'MIRO': 'PROCREDIT BANK',
+        'RZBL': 'RAIFFEISEN BANCA PT LOCUINTE SA',
+        'RZBR': 'RAIFFEISEN BANK SA',
+        'ROIN': 'ROMANIAN INTERNATIONAL BANK SA',
+        'WBAN': 'SANPAOLO IMI BANK ROMANIA SA',
+        'TRFD': 'TRANSFOND SA',
+        'TREZ': 'TREZORERIA STATULUI',
+        'BACX': 'UNICREDIT TIRIAC BANK SA',
+        'VBBU': 'VOLKSBANK ROMANIA SA',
+    };
+    loading = true;
+    sidebarOpen = false;
+    constructor() {
+        if (typeof CKEDITOR !== 'undefined')
+            this.ckEditorOptions = {
+                toolbarGroups: [
+                    { name: 'clipboard', groups: ['clipboard', 'undo'] },
+                    { name: 'links' },
+                    { name: 'insert', groups: ['table', 'horizontalline', 'specialcharacters'] },
+                    { name: 'forms' },
+                    { name: 'tools' },
+                    { name: 'document', groups: ['document', 'doctools'] },
+                    { name: 'others' },
+                    '/',
+                    { name: 'basicstyles', groups: ['basicstyles', 'cleanup'] },
+                    { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'] },
+                    { name: 'colors' },
+                ],
+                removeButtons: 'Underline,Subscript,Superscript',
+                enterMode: CKEDITOR.ENTER_BR,
+                // Set the most common block elements.
+                allowedContent: true,
+                // ALLOW <i></i>
+                protectedSource: [...CKEDITOR.config.protectedSource, /<i[^>]*><\/i>/g, /<a[^>]*><\/a>/g],
+                // Simplify the dialog windows.
+                height: 350,
+                ProcessHTMLEntities: false
+            };
+    }
+    checkPID2(pid) {
+        var pidLength = 13;
+        // se testeaza lungimea pid-ului
+        if (typeof (pid) != "string" || pid.length != pidLength) {
+            return false;
+        }
+        var controlValues = new Array(2, 7, 9, 1, 4, 6, 3, 5, 8, 2, 7, 9);
+        var divideValue = 11;
+        var sexValue = 0;
+        var monthValue = 0;
+        var yearValue = 0;
+        var dayValue = 0;
+        // se citeste valorea referitoare la sex si data de nastere
+        try {
+            sexValue = parseInt(pid.substring(0, 1), 10);
+            yearValue = parseInt(pid.substring(1, 3), 10);
+            if (sexValue == 1 || sexValue == 2 || sexValue > 6)
+                yearValue = 1900 + yearValue;
+            else if (sexValue == 3 || sexValue == 4)
+                yearValue = 1800 + yearValue;
+            else if (sexValue == 5 || sexValue == 6)
+                yearValue = 2000 + yearValue;
+            monthValue = parseInt(pid.substring(3, 5), 10);
+            if (monthValue < 1 && monthValue > 12) {
+                return false;
+            }
+            dayValue = parseInt(pid.substring(5, 7), 10);
+            if (dayValue < 0 && dayValue > 31) {
+                return false;
+            }
+            if (!this.checkDateInFutureForPID(pid)) {
+                return false;
+            }
+        }
+        catch (e) {
+            return false;
+        }
+        // se testeaza daca sexul e definit corect
+        if (sexValue == 0) {
+            return false;
+        }
+        // aleg secolul
+        var centuryValue = 19;
+        if (sexValue > 2 && sexValue < 5) {
+            centuryValue = 18;
+        }
+        else if (sexValue > 4) {
+            centuryValue = 20;
+        }
+        if (yearValue < 100)
+            yearValue += centuryValue * 100;
+        // definesc un vector cu numarul de zile ale fiecarei luni din anul yearValue
+        var daysInMonth = new Array(31, 28 + (((yearValue % 4 == 0 && yearValue % 100 != 0) || yearValue % 400 == 0) ? 1 : 0), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
+        // se testeaza daca data nasterii este corecta
+        if (monthValue * dayValue == 0 ||
+            monthValue > 12 ||
+            daysInMonth[monthValue - 1] < dayValue) {
+            return false;
+        }
+        // se testeaza cifra de control
+        var controlValue = 0;
+        for (var ind = 0; ind < controlValues.length; ind++) {
+            var nVal = parseInt(pid.charAt(ind), 10);
+            if (isNaN(nVal)) {
+                return false;
+            }
+            controlValue += nVal * controlValues[ind];
+        }
+        var resultValue = controlValue % divideValue;
+        if (resultValue == 10)
+            resultValue = 1;
+        if (resultValue != parseInt(pid.charAt(pidLength - 1), 10)) {
+            return false;
+        }
+        return true;
+    }
+    checkDateInFutureForPID(pid) {
+        var crtDate = new Date();
+        var sexValue = parseInt(pid.substring(0, 1), 10);
+        var yearValue = parseInt(pid.substring(1, 3), 10);
+        if (sexValue == 1 || sexValue == 2 || sexValue > 6)
+            yearValue = 1900 + yearValue;
+        else if (sexValue == 3 || sexValue == 4)
+            yearValue = 1800 + yearValue;
+        else if (sexValue == 5 || sexValue == 6)
+            yearValue = 2000 + yearValue;
+        var monthValue = parseInt(pid.substring(3, 5), 10);
+        var dayValue = parseInt(pid.substring(5, 7), 10);
+        var crtYear = crtDate.getFullYear();
+        if (crtYear < 1900)
+            crtYear += 1900;
+        if (yearValue > crtYear) {
+            return false;
+        }
+        else if (yearValue == crtDate.getFullYear()) {
+            if (monthValue > crtDate.getMonth() + 1) {
+                return false;
+            }
+            else if (monthValue == crtDate.getMonth() + 1) {
+                if (dayValue > crtDate.getDate()) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    //definitii de functii apelate
+    isValidIBAN2(iban) {
+        /*
+        Pasul 1: Se muta primele patru caractere (simbolizand codul de tara si caracterele de verificare) la dreapta codului IBAN.
+    Exemplu: RO49AAAA1B31007593840000 devine AAAA1B31007593840000RO49.
+    
+    Pasul 2: Se face conversia literelor in numere, conform tabelei de conversie cuprinsa in Anexa nr. 2.
+    Exemplu: AAAA1B31007593840000RO49 devine 1010101011131007593840000272449
+    
+    Pasul 3: Se aplica algoritmul MOD 97-10 (conform ISO 7064). Pentru ca cele 2 caractere de verificare sa fie corecte (codul IBAN sa fie corect), restul impartirii numarului astfel obtinut la 97 trebuie sa fie 1.
+    Exemplu: Restul impartirii lui 1010101011131007593840000272449 la 97 este 1.
+        */
+        if (!iban)
+            return false;
+        //iban ="RO23TREZ1315069XXX000497";
+        iban = iban.toUpperCase();
+        iban = iban.substring(4) + iban.substring(0, 4);
+        iban = this.convert2N(iban);
+        var mod97 = this.GetRemainder(String(iban), "97");
+        var valid = mod97 == 1 ? true : false;
+        if (!valid) {
+            return false;
+        }
+        return true;
+    }
+    convert2N(iban) {
+        var conversionArray = new Array("A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z");
+        var caracter = "";
+        var newiban = "";
+        var flag = 0;
+        for (var i = 0; i < 24; i++) {
+            caracter = iban.substring(i, i + 1);
+            flag = 0;
+            for (var j = 0; j < 26; j++) {
+                if (caracter == conversionArray[j]) {
+                    newiban = newiban + (j + 10);
+                    j = 26;
+                    flag = 1;
+                }
+            }
+            if (flag == 0)
+                newiban = newiban + caracter;
+        }
+        return newiban;
+    }
+    GetRemainder(x, y) {
+        var nr = x;
+        var len = nr.length;
+        var number = parseInt(y, 10);
+        var remainder = 0;
+        var ignore = 0;
+        var k = '';
+        while (ignore < len) {
+            if (remainder == 0) {
+                var w1 = y + ' ';
+                var w2 = w1.length - 1;
+                k = nr.slice(ignore, ignore + w2);
+                ignore += w2;
+                remainder = parseInt(remainder + k, 10) % number;
+            }
+            else {
+                k = nr.slice(ignore, ignore + 1);
+                ignore += 1;
+                remainder = parseInt(remainder + k, 10) % number;
+            }
+        }
+        return remainder;
+    }
+    hexToRgbA(hex, a) {
+        var c;
+        if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+            c = hex.substring(1).split('');
+            if (c.length == 3) {
+                c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+            }
+            c = '0x' + c.join('');
+            return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + a + ')';
+        }
+        throw new Error('Bad Hex');
+    }
+    formatString(str, ...val) {
+        for (let index = 0; index < val.length; index++) {
+            str = str.replace(`{${index}}`, val[index]);
+        }
+        return str;
+    }
+    replacer(key, value) {
+        // Filtering out properties
+        if (typeof value === 'string') {
+            return encodeURIComponent(value);
+        }
+        return value;
+    }
+    reviver(key, value) {
+        // Filtering out properties
+        if (typeof value === 'string') {
+            return decodeURIComponent(value);
+        }
+        return value;
+    }
+    stripHtml(originalString) {
+        let strippedString = originalString ? originalString.replace(/(<([^>]+)>)/gi, '') : '';
+        return strippedString;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GlobalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GlobalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GlobalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class FlowCookieService {
+    instanceId;
+    globalService = inject(GlobalService);
+    _gdprConsent;
+    get gdprConsent() {
+        if (!this._gdprConsent)
+            this._gdprConsent = this.get('GdprConsent');
+        return this._gdprConsent;
+    }
+    set gdprConsent(value) {
+        this._gdprConsent = value;
+        this.put('GdprConsent', value, null);
+    }
+    constructor() {
+    }
+    get(name) {
+        if (!localStorage.getItem(name))
+            return null;
+        let obj = null;
+        try {
+            obj = JSON.parse(localStorage.getItem(name), this.globalService.reviver);
+        }
+        catch {
+            this.put(name, localStorage.getItem(name));
+            return localStorage.getItem(name);
+        }
+        if (obj.expires && Date.parse(obj.expires) < Date.parse(new Date().toISOString())) {
+            localStorage.removeItem(name);
+            return null;
+        }
+        else
+            return obj.value;
+    }
+    remove(name) {
+        localStorage.removeItem(name);
+    }
+    put(name, value, exp = null) {
+        localStorage[name] = JSON.stringify({ value: value, expires: exp ? exp.toISOString() : null }, this.globalService.replacer);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlowCookieService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlowCookieService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlowCookieService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class FlowHttpClient {
+    http = inject(HttpClient);
+    cookieService = inject(FlowCookieService);
+    globalService = inject(GlobalService);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    loading = 0;
+    environment = inject(FlowAppConfig);
+    pageLoadingComplete = new EventEmitter(false);
+    loadingSuccess = new EventEmitter(false);
+    pageLoadingStart = new EventEmitter(false);
+    loadingFailure = new EventEmitter(false);
+    _pageLoading = 0;
+    _spinLoading = 0;
+    set pageLoading(value) {
+        let changed = value != this.loading;
+        this.loading = value;
+        if ((this.recordPageLoading && value > this._pageLoading) || value < this._pageLoading) {
+            if (this._pageLoading == 0)
+                this.pageLoadingStart.emit();
+            this._pageLoading = value;
+        }
+        if (value <= 0) {
+            this.recordPageLoading = false;
+            this._pageLoading = 0;
+            this.pageLoadingComplete.emit();
+        }
+        if (this.loading <= 0 && changed)
+            this.loadingSuccess.emit();
+    }
+    get pageLoading() {
+        // if (this.globalService.browser.name=='Safari' && this.globalService.browser.version && parseInt(this.globalService.browser.version.substring(0,1)) < 9)
+        //     return 0;
+        return this._pageLoading;
+    }
+    recordPageLoading = true;
+    onError = new EventEmitter(false);
+    _token;
+    get token() {
+        if (!this._token)
+            this._token = this.cookieService.get('auth_token');
+        return this._token;
+    }
+    set token(value) {
+        this.cookieService.remove('auth_token');
+        this._token = value;
+        if (value)
+            this.cookieService.put('auth_token', value);
+    }
+    constructor() {
+        this.route.queryParams.subscribe(r => {
+            if (r['auth_token']) {
+                this.token = r['auth_token'];
+                let obj = Object.assign({}, r);
+                obj['auth_token'] = null;
+                this.router.navigate([], { relativeTo: this.route, queryParams: obj, queryParamsHandling: 'merge' });
+            }
+        });
+        this.router.events.subscribe(event => {
+            if (event instanceof NavigationStart) {
+                this.recordPageLoading = true;
+                this.pageLoading++;
+                //   jQuery("html, body").animate({ scrollTop: 0 }, 50);
+            }
+            if (event instanceof NavigationEnd || event instanceof NavigationCancel) {
+                timer(100).subscribe(r => this.pageLoading--);
+            }
+        });
+    }
+    get(endpoint, url, options, showLoader = true) {
+        if (showLoader)
+            this.pageLoading++;
+        options = this.createAuthHeader(options);
+        let retValue = this.http.get(endpoint + url, options)
+            .pipe(catchError((err, caught) => {
+            this.recordPageLoading = false;
+            this.pageLoading = 0;
+            this.onError.emit(err);
+            throw err;
+        }), shareReplay());
+        retValue
+            .subscribe(res => {
+            if (showLoader)
+                this.pageLoading--;
+        });
+        return retValue;
+    }
+    delete(endpoint, url, options, showLoader = false) {
+        this.pageLoading++;
+        options = this.createAuthHeader(options);
+        let retValue = this.http.delete(endpoint + url, options)
+            .pipe(catchError((err, caught) => {
+            this.recordPageLoading = false;
+            this.pageLoading = 0;
+            this.onError.emit(err);
+            throw err;
+        }), shareReplay());
+        retValue
+            .subscribe(res => {
+            this.pageLoading--;
+        });
+        return retValue;
+    }
+    post(endpoint, url, data, options, showLoader = true) {
+        this.pageLoading++;
+        options = this.createAuthHeader(options);
+        if (data !== null && !options.headers.get('Content-Type'))
+            options.headers = options.headers.set('Content-Type', 'application/json');
+        let retValue = this.http.post(endpoint + url, data, options)
+            .pipe(catchError((err, caught) => {
+            this.recordPageLoading = false;
+            this.pageLoading = 0;
+            this.onError.emit(err);
+            throw err;
+        }), shareReplay());
+        retValue
+            .subscribe(res => {
+            this.pageLoading--;
+        });
+        return retValue;
+    }
+    put(endpoint, url, data, options, showLoader = false) {
+        this.pageLoading++;
+        options = this.createAuthHeader(options);
+        if (data !== null && !options.headers.get('Content-Type'))
+            options.headers = options.headers.set('Content-Type', 'application/json');
+        let retValue = this.http.put(endpoint + url, data, options)
+            .pipe(catchError((err, caught) => {
+            this.recordPageLoading = false;
+            this.pageLoading = 0;
+            this.onError.emit(err);
+            throw err;
+        }), shareReplay());
+        retValue
+            .subscribe(res => {
+            this.pageLoading--;
+        });
+        return retValue;
+    }
+    createAuthHeader(options) {
+        if (!options)
+            options = {};
+        if (!options.headers) {
+            options.headers = new HttpHeaders({
+                'Accept': 'application/json',
+                'flow-language-code': this.globalService.currentLanguage(),
+                'flow-edit-language-code': this.globalService.currentEditLanguage(),
+            });
+        }
+        else {
+            if (!options.headers.get('Accept'))
+                options.headers = options.headers.set('Accept', 'application/json');
+            if (!options.headers.get('flow-language-code') && !options.excludeExtraHeaders)
+                options.headers = options.headers.set('flow-language-code', this.globalService.currentLanguage());
+        }
+        if (this.token && !options.excludeExtraHeaders) {
+            options.headers = options.headers.set('Authorization', 'Bearer ' + this.token);
+        }
+        if (this.environment.forceOrigin && !options.excludeExtraHeaders) {
+            options.headers = options.headers.set('flow-origin', this.environment.forceOrigin);
+        }
+        return options;
+    }
+    serializeToQueryString(obj, prefix = null) {
+        var str = [], p;
+        for (p in obj) {
+            if (obj.hasOwnProperty(p) && obj[p]) {
+                var k = prefix && !isNaN(p) ? prefix + "[" + p + "]" : prefix && isNaN(p) ? prefix + "." + p : p, v = obj[p];
+                str.push((v !== null && typeof v === "object") ?
+                    this.serializeToQueryString(v, k) :
+                    encodeURIComponent(k) + "=" + encodeURIComponent(v));
+            }
+        }
+        return str.join("&");
+    }
+    serializeToQueryString2(obj) {
+        var str = [], p;
+        for (p in obj) {
+            if (obj.hasOwnProperty(p) && obj[p]) {
+                var k = !isNaN(p) ? "[" + p + "]" : isNaN(p) ? p : p, v = obj[p];
+                str.push((v !== null && typeof v === "object") ?
+                    this.serializeToQueryString(v, k) :
+                    encodeURIComponent(this.jsUcfirst(k)) + "=" + encodeURIComponent(v));
+            }
+        }
+        return str.join("&");
+    }
+    jsUcfirst(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlowHttpClient, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlowHttpClient, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlowHttpClient, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class SidebarContext {
+    close;
+    _context = signal({}, ...(ngDevMode ? [{ debugName: "_context" }] : []));
+    set context(value) {
+        this._context.set(value);
+    }
+    get context() {
+        return this._context;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarContext, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: SidebarContext, isStandalone: true, selector: "ng-component", inputs: { context: "context" }, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarContext, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``
+                }]
+        }], propDecorators: { context: [{
+                type: Input
+            }] } });
+
+class SidebarService {
+    router;
+    // public readonly router = inject(Router);
+    sidebars = signal([], ...(ngDevMode ? [{ debugName: "sidebars" }] : []));
+    constructor(router) {
+        this.router = router;
+        this.router.events.subscribe(event => {
+            if (event instanceof NavigationStart) {
+                this.closeSidebars();
+            }
+        });
+    }
+    openSidebar(component, data = null, options = {}) {
+        let defaultPosition = 'right';
+        if (window.innerWidth < 576) {
+            document.getElementsByTagName("html")[0].style['overscroll-behavior'] = 'none';
+            document.getElementsByTagName("body")[0].style['overscroll-behavior'] = 'none';
+            defaultPosition = 'bottom';
+        }
+        options.position = options.position || defaultPosition;
+        options.ngStyle = options.ngStyle || {};
+        if (options.position == 'right' || options.position == 'left') {
+            options.ngStyle.width = options.ngStyle.width || '400px';
+            options.ngStyle.height = null;
+            options.ngStyle['max-width'] = '95%';
+            options.contentScrollable = signal(true, ...(ngDevMode ? [{ debugName: "contentScrollable" }] : []));
+        }
+        if (options.position == 'top' || options.position == 'bottom') {
+            options.ngStyle.width = null;
+            options.ngStyle.height = options.ngStyle.height || '30%';
+            options.ngStyle['max-height'] = '95%';
+            options.contentScrollable = signal(false, ...(ngDevMode ? [{ debugName: "contentScrollable" }] : []));
+            if (options.ngStyle.height == '95%')
+                options.contentScrollable.set(true);
+            if (options.position == 'bottom') {
+                options.ngStyle['border-top-left-radius'] = 'var(--p-border-radius)';
+                options.ngStyle['border-top-right-radius'] = 'var(--p-border-radius)';
+            }
+            if (options.position == 'top') {
+                options.ngStyle['border-bottom-left-radius'] = 'var(--p-border-radius)';
+                options.ngStyle['border-bottom-right-radius'] = 'var(--p-border-radius)';
+            }
+        }
+        let obj = {
+            id: uuid.v4(),
+            component: component,
+            options: options,
+            visible: true
+        };
+        let pr = new Promise((resolve, reject) => {
+            if (component.prototype instanceof SidebarContext) {
+                obj.inputs = { context: { data: data } };
+                obj.inputs.context.close = (value) => {
+                    resolve(value);
+                    this.closeSidebar(obj.id);
+                };
+                obj.inputs.context.setSize = (value) => {
+                    this.setSize(value, options);
+                };
+            }
+        });
+        this.sidebars.update(s => [...this.sidebars(), obj]);
+        return pr;
+    }
+    openIframeSidebar(url, width = '400px') {
+    }
+    closeSidebars() {
+    }
+    setSize(size, options) {
+        if (options.position == 'bottom' && size.height) {
+            options.ngStyle.transition = 'height .2s';
+            options.ngStyle.height = size.height;
+            if (size.height == '95%')
+                options.contentScrollable.set(true);
+            else
+                options.contentScrollable.set(false);
+        }
+        else if ((options.position == 'left' || options.position == 'right') && size.width) {
+            options.ngStyle.transition = 'width .2s';
+            options.ngStyle.width = size.width;
+        }
+    }
+    closeSidebar(id) {
+        this.sidebars.update(s => {
+            if (s.findIndex(a => !a.visible) >= 0)
+                s.splice(s.findIndex(a => !a.visible), 1);
+            let closee = s.find(a => a.id == id);
+            closee.visible = false;
+            if (s.findIndex(a => a.visible) < 0) {
+                document.getElementsByTagName("html")[0].style['overscroll-behavior'] = 'initial';
+                document.getElementsByTagName("body")[0].style['overscroll-behavior'] = 'initial';
+            }
+            return s;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.Router }] });
+
+class SortingPagingCriteria {
+    numberOfRecords = 30;
+    pageNumber = 1;
+    totalResults;
+    columnSortOrdersDefinition;
+    applySort(columnName) {
+        if (this.columnSortOrdersDefinition.columnName == columnName) {
+            this.columnSortOrdersDefinition.columnSortOrder = this.columnSortOrdersDefinition.columnSortOrder === 'Ascending' ? 'Descending' : 'Ascending';
+        }
+        else {
+            this.columnSortOrdersDefinition.columnName = columnName;
+            this.columnSortOrdersDefinition.columnSortOrder = 'Ascending';
+        }
+    }
+}
+class ColumnSortOrdersDefinition {
+    columnName;
+    columnSortOrder;
+}
+
+class SignalrNotificationService {
+    cookieService = inject(FlowCookieService);
+    userService = inject(UserAccountService);
+    httpClient = inject(FlowHttpClient);
+    activatedRoute = inject(ActivatedRoute);
+    router = inject(Router);
+    http = inject(FlowHttpClient);
+    translationService = inject(TranslationSharedService);
+    globalService = inject(GlobalService);
+    connection;
+    messages = [];
+    newMessage;
+    subscribedChannels = [];
+    onNotification = new EventEmitter(true);
+    connectionPromise;
+    unreadMessageCount = 0;
+    hasMorePages = false;
+    subscription;
+    environment = inject(FlowAppConfig);
+    onlineStatus = 'OFFLINE';
+    statusSubscription;
+    interval;
+    onConnected = new ReplaySubject();
+    onNotificationClick = new EventEmitter(true);
+    coordinates;
+    simInfo;
+    get mute() {
+        return this.cookieService.get('mute') == 'true';
+    }
+    ;
+    set mute(value) {
+        this.cookieService.put('mute', value ? 'true' : 'false');
+    }
+    ;
+    notificationArray = [
+        { name: 'pop', sound: null },
+        { name: 'marimba1', sound: null },
+    ];
+    constructor() {
+        this.getNotifications();
+        this.getConnection();
+        this.preloadSounds();
+        console.log('subscribing');
+        // this.platform.resume.subscribe(() => {
+        //     console.log('resuming');
+        //     this.getConnection();
+        //     this.subscribePushChannels();
+        // });
+        this.userService.onUserLoggedIn.subscribe(async (res) => {
+            this.getNotifications();
+            await this.stopConnection();
+            await this.getConnection();
+            this.subscribePushChannels();
+        });
+        this.userService.onUserLoggedOut.subscribe(res => {
+            this.unsubscribePushChannels(res);
+        });
+        // this.platform.ready().then(p => {
+        //     if (!window.cordova || !window.FirebasePlugin)
+        //         return;
+        //     window.FirebasePlugin.hasPermission((has) => {
+        //         if (has) { this.initPushNotifications(); }
+        //         else { window.FirebasePlugin.grantPermission(r => this.initPushNotifications()); }
+        //     })
+        // });
+    }
+    initPushNotifications() {
+        window.FirebasePlugin.getToken();
+        window.FirebasePlugin.onMessageReceived(res => {
+            console.log(res);
+        });
+        var channel = {
+            id: "default",
+            sound: "correct"
+        };
+        window.FirebasePlugin.createChannel(channel);
+    }
+    subscribePushChannels() {
+        if (this.userService.currentUser.id && window.cordova && window.FirebasePlugin)
+            window.FirebasePlugin.subscribe(`${this.environment.application_id}${this.environment.production ? '' : '--debug'}--${this.environment.client_id.replace('::', '~')}--${this.userService.currentUser.id}`);
+    }
+    unsubscribePushChannels(user) {
+        if (user.id && window.cordova && window.FirebasePlugin)
+            window.FirebasePlugin.unsubscribe(`${this.environment.application_id}${this.environment.production ? '' : '--debug'}--${this.environment.client_id.replace('::', '~')}--${user.id}`);
+    }
+    async getConnection() {
+        console.log('Getting SignalR connection');
+        console.log(this.onlineStatus);
+        if (this.interval)
+            this.interval.unsubscribe();
+        if (this.onlineStatus == 'ONLINE')
+            return;
+        // let options = 
+        // { 
+        //     headers: {
+        //         'Authorization': `Bearer ${this.httpClient.token}`
+        //     }
+        // };
+        this.connection = new signalR.HubConnectionBuilder()
+            .configureLogging(signalR.LogLevel.Information)
+            .withUrl(`${this.environment.endpoints['NotificationServer']}/SignalRNotificationHub?auth_token=${this.httpClient.token}`)
+            .build();
+        try {
+            await this.connection.start();
+            this.onlineStatus = 'ONLINE';
+        }
+        catch {
+            this.onlineStatus = 'OFFLINE';
+            console.log({ onlineStatus: this.onlineStatus });
+            this.interval = timer(5000).subscribe(async () => await this.getConnection());
+            return;
+        }
+        console.log({ onlineStatus: this.onlineStatus });
+        this.connection.onclose(async () => {
+            this.onlineStatus = 'OFFLINE';
+            console.log({ onClose: this.onlineStatus });
+            this.interval = timer(5000).subscribe(async () => await this.getConnection());
+        });
+        // this.connection.onreconnected(() =>{
+        //     this.onlineStatus='ONLINE';
+        //     console.log({ onReconnect: this.onlineStatus });
+        // });
+        if (this.onlineStatus == 'ONLINE') {
+            if (this.statusSubscription)
+                this.statusSubscription.unsubscribe();
+            await this.sendCurrentStatus();
+            this.statusSubscription = this.router.events.subscribe(async (ev) => {
+                if (ev instanceof NavigationEnd)
+                    await this.sendCurrentStatus();
+            });
+        }
+        if (this.subscription)
+            this.subscription.unsubscribe();
+        this.subscription = this.connection.on('messageReceived', (msg, u) => {
+            let m = JSON.parse(msg);
+            this.onNotification.emit(m);
+            if (m.hideInToaster || this.mute)
+                return;
+            //here
+            this.messages.push(m);
+            this.unreadMessageCount++;
+            this.playSound(m.sound);
+        });
+    }
+    processReplacements(text, strObj, prefix = 'model') {
+        let obj = JSON.parse(strObj);
+        let replacements = this.buildReplacementsArray(obj, prefix);
+        replacements.forEach(element => {
+            text = text.replace(`{{${element.query}}}`, element.value);
+        });
+        return text;
+    }
+    preloadSounds() {
+        this.notificationArray.forEach(s => {
+            s.sound = new Audio();
+            s.sound.src = `../assets/audio/${s.name}.mp3`;
+            s.sound.load();
+        });
+    }
+    async stopConnection() {
+        console.log('stopping connection');
+        this.onlineStatus = 'OFFLINE';
+        if (this.interval && this.interval.unsubscribe) {
+            this.interval.unsubscribe();
+            this.interval = null;
+        }
+        if (this.connection)
+            await this.connection.stop();
+    }
+    playSound(name) {
+        if (!this.mute && name) {
+            let snd = this.notificationArray.find(n => n.name == name);
+            if (snd && snd.sound)
+                snd.sound.play();
+        }
+    }
+    buildReplacementsArray(obj, prefix = 'model') {
+        var str = [], p;
+        for (p in obj) {
+            if (obj.hasOwnProperty(p)) {
+                var k = prefix && !isNaN(p) ? prefix + "[" + p + "]" : prefix && isNaN(p) ? prefix + "." + p : p, v = obj[p];
+                str.push((v !== null && typeof v === "object") ?
+                    this.buildReplacementsArray(v, k) :
+                    { query: k, value: v });
+            }
+        }
+        return str;
+    }
+    messagePageNo = 1;
+    // async updateDeviceStatus() {
+    //     this.coordinates = await this.geolocation.getCurrentPosition({ timeout: 30000 }).catch(err => {
+    //         console.log(err);
+    //         throw err;
+    //     });
+    // }
+    async sendCurrentStatus() {
+        await this.userService.getCurrentUser().toPromise();
+        let objSettings = {
+            ApplicationId: this.environment.application_id,
+            ClientId: this.environment.client_id,
+            // BrowserName: this.browser.getBrowser().name, // "Microsoft Edge"
+            // BrowserVersion: this.browser.getBrowser().version, //114.0.1823.79
+            Route: window.location.pathname + window.location.search, // /access
+            Host: window.location.host,
+            User: this.userService.currentUser.id ? this.userService.currentUser : null, //{roles: Array(0)}
+            //Id: this.instanceId, //"372d46d4-a48a-2ca9-c29a-acdeee6798ef"
+            Language: this.globalService.currentLanguage(), // desktop
+            // Lat: this.coordinates ? this.coordinates.coords.latitude : null, //null
+            // Lng: this.coordinates ? this.coordinates.coords.longitutde : null, //null
+            NetworkOperator: this.simInfo ? this.simInfo.carrierName : null,
+            // OsName: this.browser.getOS().name, //Windows
+            // OsVersion: this.browser.getOS().version, //NT 10.0
+            // PlatformType: this.browser.getPlatformType(),
+            // ScreenH: this.platform.height(),    //721  
+            // ScreenW: this.platform.width(), //1026
+            // Version: packageInfo.version,
+        };
+        await this.connection.send('SendStatus', objSettings);
+    }
+    //offline?
+    getNotifications() {
+        let spc = new SortingPagingCriteria();
+        spc.pageNumber = this.messagePageNo;
+        let obs = this.httpClient.get(this.environment.endpoints['NotificationServer'], `/api/services/app/NotificationService/GetNotifications?${this.httpClient.serializeToQueryString(spc, 'spc')}`, null, false);
+        obs.subscribe(res => {
+            if (res.result.type !== 'error') {
+                if (this.messagePageNo == 1) {
+                    this.messages = this.messages.filter(m => !m.saveToDb);
+                }
+                this.messages = this.messages.concat(res.result.notifications);
+                this.unreadMessageCount = res.result.unreadMessageCount;
+                this.hasMorePages = res.result.hasMorePages;
+            }
+        });
+        return obs;
+    }
+    setReadReceipt() {
+        this.unreadMessageCount = 0;
+        return this.httpClient.get(this.environment.endpoints['NotificationServer'], '/api/services/app/NotificationService/SetReadReceipt');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SignalrNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SignalrNotificationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SignalrNotificationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class ApplicationSharedService {
+    environment = inject(FlowAppConfig);
+    http = inject(FlowHttpClient);
+    constructor() { }
+    endpointObs;
+    allowedApplications = [];
+    _currentApplication = {};
+    get endpoints() {
+        return this.environment.endpoints;
+    }
+    get currentApplication() {
+        return this._currentApplication;
+    }
+    set currentApplication(value) {
+        this._currentApplication = value;
+    }
+    getAdminClients() {
+        return this.http.get(this.endpoints['IdentityServer'], `/clients/getadminclients`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ApplicationSharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ApplicationSharedService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ApplicationSharedService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class TranslationSharedService {
+    translationsLoaded = signal(false, ...(ngDevMode ? [{ debugName: "translationsLoaded" }] : []));
+    onLanguageChanged = new EventEmitter(true);
+    onEditLanguageChanged = new EventEmitter(true);
+    onTranslationsLoaded = new EventEmitter(true);
+    onSetCountryProvinceCity = new EventEmitter(true);
+    environment = inject(FlowAppConfig);
+    http = inject(FlowHttpClient);
+    applicationService = inject(ApplicationSharedService);
+    globalService = inject(GlobalService);
+    cookieService = inject(FlowCookieService);
+    translations = signal({}, ...(ngDevMode ? [{ debugName: "translations" }] : []));
+    languages = signal([], ...(ngDevMode ? [{ debugName: "languages" }] : []));
+    countries = signal([], ...(ngDevMode ? [{ debugName: "countries" }] : []));
+    editContent = signal(false, ...(ngDevMode ? [{ debugName: "editContent" }] : []));
+    translationObs;
+    countryProvinceCityPlaceholder = [];
+    get endpoint() {
+        return this.environment.endpoints['TranslationServer'];
+    }
+    get currentLanguage() {
+        let value = this.cookieService.get('language');
+        if (value)
+            this.globalService.currentLanguage = value;
+        return this.globalService.currentLanguage;
+    }
+    set currentLanguage(value) {
+        if (!value)
+            return;
+        let languageChanged = false;
+        if (this.globalService.currentLanguage != value)
+            languageChanged = true;
+        this.globalService.currentLanguage = value;
+        this.cookieService.put('language', value);
+        if (languageChanged) {
+            this.onLanguageChanged.emit(value);
+            this.getTranslations(true).subscribe(() => { });
+        }
+    }
+    // public get currentEditLanguage() {
+    //   let value = this.cookieService.get('edit-language');
+    //   if (value)
+    //     this.globalService._currentEditLanguage = value;
+    //   return this.globalService._currentEditLanguage;
+    // }
+    // public set currentEditLanguage(value) {
+    //   if (!value)
+    //     return;
+    //   this.http.recordPageLoading = true;
+    //   let languageChanged = false;
+    //   if (this.globalService._currentEditLanguage != value)
+    //     languageChanged = true;
+    //   this.globalService._currentEditLanguage = value;
+    //   this.cookieService.put('edit-language', value);
+    //   if (languageChanged) {
+    //     this.onEditLanguageChanged.emit(value);
+    //   }
+    // }
+    get currentLanguageObj() {
+        if (this.languages && this.languages[this.globalService.currentLanguage()])
+            return this.languages[this.globalService.currentLanguage()];
+        else
+            return {};
+    }
+    constructor() {
+        console.log('constructing translations');
+        this.getTranslations(true).subscribe(() => { });
+        this.getCountries().subscribe(() => { });
+        this.getLanguages().subscribe(() => { });
+        this.getLocalization();
+    }
+    getTranslations(force = true) {
+        if (this.translationsLoaded() && !force)
+            return of(this.translations);
+        if (this.translationObs && !force)
+            return this.translationObs;
+        if (localStorage['translations']) {
+            try {
+                this.translations.set(JSON.parse(localStorage['translations']));
+            }
+            catch { }
+            this.translationsLoaded.set(true);
+        }
+        this.translationObs = this.http.get(this.endpoint, `/api/services/app/TranslationClientService/GetTranslations?applicationId=${encodeURIComponent(this.environment.application_id)}&languageCode=${this.globalService.currentLanguage()}&groupId=${this.environment.groupId}`)
+            .pipe(catchError(err => {
+            console.log('Error loading translations');
+            return of([]);
+        }), tap(res => {
+            this.translations.set(res.result);
+            this.translationsLoaded.set(true);
+            this.onTranslationsLoaded.emit();
+            localStorage['translations'] = JSON.stringify(this.translations());
+            this.translationObs = null;
+        }));
+        return this.translationObs;
+    }
+    getLanguages() {
+        let obs = this.http.get(this.endpoint, `/api/services/app/LanguageClientService/GetLanguages?applicationId=${this.environment.application_id}`)
+            .pipe(catchError(err => {
+            console.log('Error loading translations');
+            return of([]);
+        }), tap(res => {
+            if (!(res instanceof HttpErrorResponse))
+                this.languages.set(res.result);
+        }));
+        return obs;
+    }
+    quickSaveHtmlContent(name, content) {
+        let obs = this.http.post(this.endpoint, `/api/services/app/TranslationAdminService/QuickSave`, { name: name, value: content, languageCode: this.globalService.currentLanguage(), groupName: this.environment.groupId });
+        return obs;
+    }
+    getCountries() {
+        let obs = this.http.get(this.endpoint, `/api/services/app/CountryService/GetCountries`)
+            .pipe(tap(res => {
+            this.countries.set(res.result);
+        }), catchError(err => {
+            return of({});
+        }));
+        return obs;
+    }
+    getCountry(code) {
+        return this.countries().filter(c => c.code == code)[0];
+    }
+    getHtmlContentByUrl(url) {
+        return this.http.get(this.endpoint, `/api/services/app/TranslationClientService/GetContentPage?applicationId=${encodeURIComponent(this.environment.application_id)}&url=${encodeURIComponent(url)}&languageCode=${this.globalService.currentLanguage()}`);
+    }
+    getLocalization() {
+        if (this.cookieService.get('localization'))
+            return of(JSON.parse(this.cookieService.get('localization')));
+        else {
+            let obs = this.http.get(this.endpoint, `/api/services/app/LocalizationService/GetWithClientIp`).pipe(tap(res => this.cookieService.put('localization', JSON.stringify(res))));
+            return obs;
+        }
+    }
+    getCountryCityPlaceholder(correlation) {
+        return this.countryProvinceCityPlaceholder[correlation];
+    }
+    setCountryCityPlaceholder(correlation, value) {
+        var context = this.countryProvinceCityPlaceholder[correlation];
+        context.update(ctx => {
+            let result = {
+                ...ctx,
+                countryCode: value.countryCode,
+                currentCountry: this.countries().find(c => c.code == value.countryCode),
+                city: value.city
+            };
+            if (value.provinceCode) {
+                ctx.currentProvince = this.countryProvinceCityPlaceholder[correlation].currentCountry.provinces.find(p => p.code == value.provinceCode);
+                ctx.provinceCode = ctx.currentProvince.code;
+                ctx.provinceName = ctx.currentProvince.name;
+            }
+            else {
+                ctx.currentProvince = null;
+                ctx.provinceCode = null;
+                ctx.provinceName = value.provinceName;
+            }
+        });
+    }
+    validateCountryProvinceCity(correlation) {
+        this.countryProvinceCityPlaceholder[correlation] = this.countryProvinceCityPlaceholder[correlation] || {};
+        let countryProvinceCity = this.countryProvinceCityPlaceholder[correlation];
+        countryProvinceCity.countryError = false;
+        countryProvinceCity.provinceError = false;
+        countryProvinceCity.cityError = false;
+        if (!countryProvinceCity.countryCode) {
+            countryProvinceCity.countryError = true;
+        }
+        if (!countryProvinceCity.provinceName) {
+            countryProvinceCity.provinceError = true;
+        }
+        if (!countryProvinceCity.city) {
+            countryProvinceCity.cityError = true;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationSharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationSharedService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationSharedService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class UserAccountService {
+    cookieService = inject(FlowCookieService);
+    http = inject(FlowHttpClient);
+    router = inject(Router);
+    location = inject(Location);
+    route = inject(ActivatedRoute);
+    sidebarService = inject(SidebarService);
+    globalService = inject(GlobalService);
+    environment = inject(FlowAppConfig);
+    currentUser = { claims: [] };
+    _redirectTo;
+    source;
+    logoutTimer;
+    get browser() {
+        return bowser.default.getParser(window.navigator.userAgent);
+    }
+    get redirectTo() {
+        if (!this._redirectTo)
+            this._redirectTo = this.cookieService.get('redirectTo');
+        return this._redirectTo;
+    }
+    set redirectTo(value) {
+        this._redirectTo = value;
+        if (!value)
+            this.cookieService.remove('redirectTo');
+        else
+            this.cookieService.put('redirectTo', value);
+    }
+    // public set loginUser(userAccount){
+    //   this.cookieService.put('userAccount', value);
+    // }
+    authError;
+    onUserLoggedIn = new EventEmitter(false);
+    onUserLoggedOut = new EventEmitter(false);
+    onAccessRefused = new EventEmitter(false);
+    lastRouteAddress;
+    accessRefused;
+    // public timer: TimerDirective;
+    get token() {
+        return this.cookieService.get('auth_token');
+    }
+    onFocus(event) {
+        this.setLogOutTimer();
+    }
+    constructor() {
+        this.router.events.subscribe((res) => {
+            if (res instanceof NavigationStart) {
+                this.lastRouteAddress = res.url;
+            }
+        });
+        this.route.queryParams.subscribe(res => {
+            if (res['tkk'])
+                this.processLoginToken(res['tkk']);
+        });
+    }
+    currentUserObs;
+    getCurrentUser(force = false) {
+        if (this.currentUserObs)
+            return this.currentUserObs;
+        if ((this.http.token && !this.currentUser.id) || force) {
+            this.currentUserObs = this.getCurrentUserDetails(force).pipe(shareReplay$1());
+            ;
+            this.currentUserObs.subscribe(res => {
+                if (res.result.status == 'valid')
+                    this.currentUser = res.result.user;
+                else
+                    this.logout();
+                this.currentUserObs = null;
+                if (this.currentUser.id)
+                    this.setLogOutTimer();
+            });
+            return this.currentUserObs;
+        }
+        else {
+            return of(this.currentUser);
+        }
+    }
+    processLoginResponse(res) {
+        if (res.response == 'fill_data') {
+            this.http.token = res.token;
+        }
+        if (res.response == 'logged_in') {
+            console.log(res);
+            this.http.token = res.token;
+            this.currentUser = res.userAccount;
+            this.cookieService.put('userAccount', JSON.stringify({ firstName: res.userAccount.firstName, lastName: res.userAccount.lastName, email: res.userAccount.email }));
+            this.onUserLoggedIn.emit(res.userAccount);
+            this.setLogOutTimer();
+        }
+    }
+    processLoginToken(tkk) {
+        return this.http.get(this.environment.endpoints['IdentityServer'], `/api/services/app/IdentityService/ProcessLoginToken?t=${encodeURIComponent(tkk)}`).subscribe(res => {
+            if (res.result.type == 'TOKEN') {
+                this.processOtpToken(res.result);
+            }
+        });
+    }
+    processOtpToken(result) {
+        this.http.token = result.authToken;
+        this.currentUser = result.user;
+        this.onUserLoggedIn.emit({ action: result.action, user: this.currentUser });
+        this.setLogOutTimer();
+    }
+    getOtp(model) {
+        model.os = this.browser.getOS().name;
+        model.osVersion = this.browser.getOS().versionName;
+        model.userAgent = `${this.browser.getBrowser().name} ${this.browser.getBrowser().version}`;
+        return this.http.post(this.environment.endpoints['IdentityServer'], `api/services/app/IdentityService/GetOtp`, model);
+    }
+    resendOtp(model) {
+        model.os = this.browser.getOS().name;
+        model.osVersion = this.browser.getOS().versionName;
+        model.userAgent = `${this.browser.getBrowser().name} ${this.browser.getBrowser().version}`;
+        return this.http.post(this.environment.endpoints['IdentityServer'], `api/services/app/IdentityService/ResendOtp`, model);
+    }
+    verifyOtp(model) {
+        return this.http.post(this.environment.endpoints['IdentityServer'], `api/services/app/IdentityService/VerifyOtp`, model);
+    }
+    saveUserProfile(model) {
+        return this.http.post(this.environment.endpoints['IdentityServer'], `api/services/app/IdentityService/SaveUserProfileAndLogin
+`, model);
+    }
+    getCurrentUserDetails(force = false) {
+        if (!this.currentUser.id || force) {
+            let obs2;
+            let obs = this.http
+                .get(this.environment.endpoints['IdentityServer'], '/api/services/app/IdentityService/GetTokenModel')
+                .pipe(shareReplay$1());
+            return obs;
+        }
+        else {
+            return of(this.currentUser);
+        }
+    }
+    logout(returnUrl = null) {
+        this.cookieService.remove("op_token");
+        let headers = new HttpHeaders();
+        let loggedOutUser = this.currentUser;
+        headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');
+        let postObj = { token: this.token, client_id: this.environment.client_id };
+        this.cookieService.remove('auth_token');
+        // this.http.post(this.environment.endpoints['IdentityServer'], '/connect/revocation', this.http.serializeToQueryString(postObj), { headers: headers } );
+        this.currentUser = { claims: [] };
+        this.currentUserObs = null;
+        this.http.token = null;
+        this.onUserLoggedOut.emit(loggedOutUser);
+    }
+    getDecodedAccessToken(token) {
+        let arrSplit = token.split('|');
+        return { token: arrSplit[0], exp: arrSplit.length > 1 ? arrSplit[1] : null };
+    }
+    setLogOutTimer() {
+        let tokenInfo = this.getDecodedAccessToken(this.token);
+        if (!tokenInfo.exp)
+            return;
+        let expireDate = moment.unix(tokenInfo.exp);
+        let currentDate = moment();
+        let timeOut = expireDate.diff(currentDate);
+        if (timeOut < 0)
+            this.logout();
+        if (this.logoutTimer) {
+            this.logoutTimer.unsubscribe();
+            this.logoutTimer = null;
+        }
+        this.logoutTimer = timer(timeOut).subscribe(res => {
+            this.logout();
+        });
+    }
+    userHasPermission(perm) {
+        return this.currentUser.permissions && this.currentUser.permissions.includes(perm);
+    }
+    checkCurentUserClaims(route) {
+        let obs = this.getCurrentUser(!this.currentUser.id);
+        return obs.pipe(map((result) => {
+            let retValue = !route.data.permissions; //currentRouteConfig.canActivate.length > 0;
+            if (!route.data.permissions || !this.currentUser.id)
+                return retValue;
+            if (route.data.permissions && route.data.permissions.length == 0 && this.currentUser.id)
+                return true;
+            console.log(result);
+            route.data.permissions.forEach(x => {
+                retValue = retValue || (result?.permissions?.indexOf(x) >= 0);
+            });
+            if (!retValue) {
+                this.redirectTo = window.location.pathname + window.location.search;
+                if (result)
+                    this.authError = 'Nu aveti suficiente drepturi pentru a accesa pagina dorita';
+            }
+            else {
+                this.authError = undefined;
+            }
+            return retValue ? true : false;
+        }));
+    }
+    requestLoginNameChange(model) {
+        return this.http.post(this.environment.endpoints['IdentityServer'], '/api/services/app/IdentityService/RequestLoginNameChange', model);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: UserAccountService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: UserAccountService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: UserAccountService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [], propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['window:focus', ['$event']]
+            }] } });
+
+// The work of the pipe is handled in the tranform method with our pipe's class
+class TranslationPipe {
+    constructor() { }
+    transform(value, htmlContentList) {
+        return htmlContentList && htmlContentList[value] ? htmlContentList[value] : value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: TranslationPipe, isStandalone: true, name: "translation" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'translation',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+
+// The work of the pipe is handled in the tranform method with our pipe's class
+class SumPipe {
+    constructor() { }
+    transform(value, member) {
+        let result = 0;
+        value.forEach(t => result += parseFloat(t[member]));
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: SumPipe, isStandalone: true, name: "sum" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SumPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sum'
+                }]
+        }], ctorParameters: () => [] });
+
+// import { ConfirmDialogModule } from 'primeng/confirmdialog';
+// import { Modal, BSModalContext } from 'ngx-modialog-7/plugins/bootstrap';
+// import { overlayConfigFactory } from 'ngx-modialog-7';
+class ModalService {
+    translationService = inject(TranslationSharedService);
+    // modal = inject(DialogModule);
+    confirmationService = inject(ConfirmationService);
+    messageService = inject(MessageService);
+    constructor() { }
+    openConfirm(trans) {
+        this.confirmationService.confirm({
+            header: new TranslationPipe().transform(`${trans}.title`, this.translationService.translations),
+            message: new TranslationPipe().transform(`${trans}.body`, this.translationService.translations),
+            icon: undefined,
+            acceptIcon: "none",
+            rejectIcon: "none",
+            rejectButtonStyleClass: "p-button-text",
+            acceptLabel: new TranslationPipe().transform(`ok`, this.translationService.translations),
+            rejectLabel: new TranslationPipe().transform(`cancel`, this.translationService.translations),
+            accept: () => {
+                console.log('Dialog closed');
+            },
+            // accept: () => {
+            //         this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
+            //     },
+            // reject: () => {
+            //         this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
+            //     }
+        });
+    }
+    openAlert(trans) {
+        this.confirmationService.confirm({
+            header: new TranslationPipe().transform(`${trans}.title`, this.translationService.translations),
+            message: new TranslationPipe().transform(`${trans}.body`, this.translationService.translations),
+            acceptIcon: "none",
+            rejectIcon: "none",
+            rejectButtonStyleClass: "p-button-text",
+            acceptVisible: true,
+            rejectVisible: false,
+            acceptLabel: new TranslationPipe().transform(`ok`, this.translationService.translations)
+        });
+    }
+    openRawAlert(titleText, bodyText) {
+        this.confirmationService.confirm({
+            message: bodyText,
+            acceptIcon: "none",
+            rejectIcon: "none",
+            rejectButtonStyleClass: "p-button-text",
+            acceptVisible: true,
+            rejectVisible: false,
+            acceptLabel: new TranslationPipe().transform(`ok`, this.translationService.translations)
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class TranslationComponent {
+    _name = signal(null, ...(ngDevMode ? [{ debugName: "_name" }] : []));
+    name = input('name', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    // @Input('name')
+    // public set name(value) {
+    //   this._name.set(value);
+    //   this.ngOnInit();
+    // }
+    // public get name() {
+    //   return this._name();
+    // }
+    // public _replacements: string[] = [];
+    _replacements = signal(null, ...(ngDevMode ? [{ debugName: "_replacements" }] : []));
+    replacements = input(null, ...(ngDevMode ? [{ debugName: "replacements" }] : []));
+    editorOpen = signal(false, ...(ngDevMode ? [{ debugName: "editorOpen" }] : []));
+    saveSuccess = signal(false, ...(ngDevMode ? [{ debugName: "saveSuccess" }] : []));
+    editContent = signal(false, ...(ngDevMode ? [{ debugName: "editContent" }] : []));
+    content = computed(() => {
+        return this.sanitizer.bypassSecurityTrustHtml(this.globalService.formatString(new TranslationPipe().transform(this.name(), this.translationService.translations()), ...(Array.isArray(this.replacements()) ? this.replacements() : [])));
+    }, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    editableContent = computed(() => this.sanitizer.bypassSecurityTrustHtml(new TranslationPipe().transform(this._name(), this.translationService.translations())), ...(ngDevMode ? [{ debugName: "editableContent" }] : []));
+    translationService = inject(TranslationSharedService);
+    router = inject(Router);
+    sanitizer = inject(DomSanitizer);
+    userService = inject(UserAccountService);
+    route = inject(ActivatedRoute);
+    globalService = inject(GlobalService);
+    constructor() {
+        window.angularContext = window.angularContext || { parentComponent: this };
+    }
+    ngOnInit() {
+    }
+    changeEdit() {
+        this.userService.getCurrentUser().subscribe((res) => {
+            this.translationService.editContent.set(res.claims && res.claims['permission'] &&
+                res.claims['permission'].indexOf('manageTranslations') >= 0);
+        });
+    }
+    // navigateUrl(url: string) {
+    //   this.zone.run(() => {
+    //     this.router.navigateByUrl(url);
+    //     this.appRef.tick();
+    //   });
+    // }
+    openEditor() {
+        if (!this.translationService.editContent())
+            return;
+        this.editorOpen.set(true);
+    }
+    closeEditor() {
+        this.editorOpen.set(false);
+    }
+    quickSaveContent() {
+        this.translationService.quickSaveHtmlContent(this.name(), this.translationService.translations()[this.name()]).subscribe((res) => {
+            if (res.result === true) {
+                this.closeEditor();
+            }
+        });
+    }
+    handleSave(e) {
+        if (e.ctrlKey && (e.which == 83)) {
+            e.preventDefault();
+            this.quickSaveContent();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: TranslationComponent, isStandalone: true, selector: "translate", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, replacements: { classPropertyName: "replacements", publicName: "replacements", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (translationService.translationsLoaded()) {\r\n<span (click)=\"openEditor()\" style=\"position:relative\">\r\n    @if(!translationService.editContent()){<span (dblclick)=\"changeEdit()\" [innerHtml]=\"content()\"></span>}\r\n</span>\r\n} @else {\r\n<p-skeleton></p-skeleton>\r\n}\r\n\r\n@if (translationService.editContent()) {\r\n<span class=\"html-edit\">\r\n    <a class=\"btn-show-edit\" (click)=\"openEditor()\"><i class=\"fa fa-edit\"></i>\r\n        {{name()}}</a>\r\n    <span (click)=\"openEditor()\" [innerHtml]=\"editableContent()\"></span>\r\n</span>\r\n}\r\n@if(editorOpen()) {\r\n<div class=\"content-editor\">\r\n    <textarea [(ngModel)]=\"translationService.translations()[name()]\" class='form-control html-edit-control'\r\n        (keydown)=\"handleSave($event)\"></textarea>\r\n\r\n    <div class=\"modal-footer\">\r\n        @if(saveSuccess){<span class=\"text-muted\"><i class=\"fa fa-save\"></i> Datele au fost salvate</span>\r\n        }\r\n        <button color=\"default\" (click)=\"closeEditor()\">Anuleaza</button>\r\n        <button color=\"primary\" (click)=\"quickSaveContent()\">Salveaza modificari</button>\r\n    </div>\r\n\r\n    <style type=\"text/css\">\r\n        body {\r\n            margin-bottom: 300px\r\n        }\r\n    </style>\r\n</div>\r\n}", styles: [".content-editor{position:fixed;z-index:100001;bottom:0;left:0;right:0;background-color:#fff}.html-edit:hover *{opacity:.8}.btn-show-edit{display:inherit}.btn-show-edit{display:none;background-color:#c87f0a;border-radius:2px;padding:3px;font-size:8pt;z-index:10000;white-space:nowrap;color:#fff!important;position:absolute;left:5px;top:-12px;opacity:1!important}.html-edit{cursor:pointer}.html-edit-control{height:150px!important;font-family:Courier New;font-size:12px;width:100%!important;display:block!important}\n", "body{margin-bottom:300px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'translate', standalone: true, imports: [CommonModule, FormsModule, SkeletonModule], template: "@if (translationService.translationsLoaded()) {\r\n<span (click)=\"openEditor()\" style=\"position:relative\">\r\n    @if(!translationService.editContent()){<span (dblclick)=\"changeEdit()\" [innerHtml]=\"content()\"></span>}\r\n</span>\r\n} @else {\r\n<p-skeleton></p-skeleton>\r\n}\r\n\r\n@if (translationService.editContent()) {\r\n<span class=\"html-edit\">\r\n    <a class=\"btn-show-edit\" (click)=\"openEditor()\"><i class=\"fa fa-edit\"></i>\r\n        {{name()}}</a>\r\n    <span (click)=\"openEditor()\" [innerHtml]=\"editableContent()\"></span>\r\n</span>\r\n}\r\n@if(editorOpen()) {\r\n<div class=\"content-editor\">\r\n    <textarea [(ngModel)]=\"translationService.translations()[name()]\" class='form-control html-edit-control'\r\n        (keydown)=\"handleSave($event)\"></textarea>\r\n\r\n    <div class=\"modal-footer\">\r\n        @if(saveSuccess){<span class=\"text-muted\"><i class=\"fa fa-save\"></i> Datele au fost salvate</span>\r\n        }\r\n        <button color=\"default\" (click)=\"closeEditor()\">Anuleaza</button>\r\n        <button color=\"primary\" (click)=\"quickSaveContent()\">Salveaza modificari</button>\r\n    </div>\r\n\r\n    <style type=\"text/css\">\r\n        body {\r\n            margin-bottom: 300px\r\n        }\r\n    </style>\r\n</div>\r\n}", styles: [".content-editor{position:fixed;z-index:100001;bottom:0;left:0;right:0;background-color:#fff}.html-edit:hover *{opacity:.8}.btn-show-edit{display:inherit}.btn-show-edit{display:none;background-color:#c87f0a;border-radius:2px;padding:3px;font-size:8pt;z-index:10000;white-space:nowrap;color:#fff!important;position:absolute;left:5px;top:-12px;opacity:1!important}.html-edit{cursor:pointer}.html-edit-control{height:150px!important;font-family:Courier New;font-size:12px;width:100%!important;display:block!important}\n", "body{margin-bottom:300px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class InternationalPhoneComponent {
+    countriesList = [];
+    countryFlag;
+    localizationCountry;
+    selectedCountryCode;
+    phoneNo;
+    //private _phoneNumber = computed(() => this.phoneNumber());
+    // private _phoneNumber = signal('')
+    countriesObs;
+    selectedCountry;
+    _phoneNumber = signal('', ...(ngDevMode ? [{ debugName: "_phoneNumber" }] : []));
+    phoneNumber = model(null, ...(ngDevMode ? [{ debugName: "phoneNumber" }] : []));
+    // private _phoneNumber: string;
+    // @Input()
+    // public set phoneNumber(value) {
+    //   this._phoneNumber = value;
+    //   this.onPhoneInput(this._phoneNumber);
+    // }
+    get currentPhoneNumber() {
+        let phoneDialCode = this.countriesList.find(ctr => ctr.code == this.selectedCountryCode).dialCode;
+        if (this.phoneNo && phoneDialCode) {
+            return phoneDialCode + this.phoneNo;
+        }
+        else {
+            return null;
+        }
+    }
+    phoneNumberChange = output();
+    // @Output()
+    // phoneNumberChange = new EventEmitter(true)
+    translationService = inject(TranslationSharedService);
+    constructor() {
+        // effect(() => {
+        //   this._phoneNumber.set(this.phoneNumber() || '');
+        //   this.onPhoneInput(this._phoneNumber());
+        // });
+        effect(() => {
+            this._phoneNumber.update(this.phoneNumber() || '');
+            this.onPhoneInput(this._phoneNumber());
+        }, { allowSignalWrites: true });
+    }
+    ngOnInit() {
+        this.getCountries();
+        this.getFlagEmoji(this.countriesList);
+        console.log(this.countriesList);
+    }
+    getCountries() {
+        if (this.countriesList.length > 0)
+            return of(this.countriesList);
+        this.countriesObs = this.translationService.getCountries().pipe(share());
+        this.countriesObs.subscribe(res => {
+            if (!this.selectedCountryCode) {
+                this.translationService.getLocalization().subscribe(r => {
+                    this.countriesList = res.result;
+                    this.countriesList.forEach(c => c.displayName = `${c.name} ${this.getFlagEmoji(c.code)} (${c.dialCode})`);
+                    this.localizationCountry = r.result.country;
+                    if (this.localizationCountry)
+                        this.onSelectionChange(this.localizationCountry);
+                });
+            }
+        });
+        return this.countriesObs;
+    }
+    onSelectionChange(selectedCode) {
+        this.countriesList.forEach(c => c.displayName = `${c.name} ${this.getFlagEmoji(c.code)} (${c.dialCode})`);
+        this.selectedCountry = this.countriesList.find(c => c.code == selectedCode);
+        this.selectedCountry.displayName = `${this.getFlagEmoji(this.selectedCountry.code)} (${this.selectedCountry.dialCode})`;
+        this.selectedCountryCode = this.selectedCountry.code;
+    }
+    changePhoneNumber() {
+        if (this._phoneNumber() != this.currentPhoneNumber) {
+            this._phoneNumber.set(this.currentPhoneNumber);
+            this.phoneNumberChange.emit(this.currentPhoneNumber);
+        }
+    }
+    onPaste(pastedText) {
+        this.onPhoneInput(pastedText.data);
+    }
+    onPhoneInput(pastedNumber = this.phoneNo) {
+        this.getCountries().subscribe(c => {
+            this.onSelectionChange(this.selectedCountryCode);
+            if (!pastedNumber)
+                return;
+            pastedNumber = pastedNumber.replace(/[^0-9+]/g, '');
+            let matchingCountry = this.countriesList.find(c => {
+                return c.dialCode == pastedNumber.substring(0, c.dialCode.length);
+            });
+            if (matchingCountry) {
+                this.phoneNo = pastedNumber.slice(matchingCountry.dialCode.length).trim();
+                this.onSelectionChange(matchingCountry.code);
+            }
+            this.changePhoneNumber();
+        });
+    }
+    getFlagEmoji(countryCodeFlag) {
+        if (countryCodeFlag.length < 2) {
+            return "";
+        }
+        this.countryFlag =
+            [...countryCodeFlag?.toUpperCase()]
+                .map((char) => String.fromCodePoint(127397 + char.charCodeAt(0)))
+                .reduce((a, b) => `${a}${b}`);
+        return this.countryFlag;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InternationalPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InternationalPhoneComponent, isStandalone: true, selector: "payvent-international-phone", inputs: { phoneNumber: { classPropertyName: "phoneNumber", publicName: "phoneNumber", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { phoneNumber: "phoneNumberChange", phoneNumberChange: "phoneNumberChange" }, ngImport: i0, template: "<div class=\"mb-3\">\r\n  <select style=\"width:110px; border-radius: 6px 0 0 6px; border-right-width: 0;\" class=\"form-control\" name=\"country\"\r\n    [(ngModel)]=\"selectedCountryCode\" (change)=\"onPhoneInput()\" #country=\"ngModel\">\r\n    <option value=\"undefined\" selected disabled>- select -</option>\r\n    @for (item of countriesList; track item.code){\r\n    <option [ngValue]=\"item.code\">{{item.displayName}}</option>\r\n    }\r\n  </select>\r\n  <input style=\"border-radius: 0 6px 6px 0; border-left-width: 0;\" pInputText class=\"w-full\" type=\"phone\" [(ngModel)]=\"phoneNo\"\r\n    (input)=\"onPhoneInput()\" phone class=\"form-control\" #phone=\"ngModel\" (paste)=\"onPaste($event)\" name=\"phone\"\r\n    placeholder=\"Please enter phone number\" />\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InternationalPhoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'payvent-international-phone', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        // InputTextModule,
+                        // CardModule,
+                        // RippleModule,
+                        // ButtonModule,
+                        // DropdownModule,
+                        // CheckboxModule,
+                        // TagModule,
+                        // AvatarModule,
+                        // AvatarGroupModule,
+                    ], template: "<div class=\"mb-3\">\r\n  <select style=\"width:110px; border-radius: 6px 0 0 6px; border-right-width: 0;\" class=\"form-control\" name=\"country\"\r\n    [(ngModel)]=\"selectedCountryCode\" (change)=\"onPhoneInput()\" #country=\"ngModel\">\r\n    <option value=\"undefined\" selected disabled>- select -</option>\r\n    @for (item of countriesList; track item.code){\r\n    <option [ngValue]=\"item.code\">{{item.displayName}}</option>\r\n    }\r\n  </select>\r\n  <input style=\"border-radius: 0 6px 6px 0; border-left-width: 0;\" pInputText class=\"w-full\" type=\"phone\" [(ngModel)]=\"phoneNo\"\r\n    (input)=\"onPhoneInput()\" phone class=\"form-control\" #phone=\"ngModel\" (paste)=\"onPaste($event)\" name=\"phone\"\r\n    placeholder=\"Please enter phone number\" />\r\n</div>" }]
+        }], ctorParameters: () => [] });
+
+class CountryProvinceCityComponent {
+    translationService = inject(TranslationSharedService);
+    correlation = input('country-province-city', ...(ngDevMode ? [{ debugName: "correlation" }] : []));
+    mode = input('country', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    _currentProvinceName;
+    currentCountryCode;
+    currentProvinceCode;
+    set currentProvinceName(value) {
+        this._currentProvinceName = value;
+    }
+    get currentProvinceName() {
+        return this._currentProvinceName;
+    }
+    constructor() { }
+    ngOnInit() {
+        this.translationService.countryProvinceCityPlaceholder[this.correlation()] = signal({});
+    }
+    // emitOutput() {
+    //   this.valueChange.emit({ countryCode: this.currentCountryCode, countryName: this.currentCountryName, provinceCode: this.currentProvinceCode, provinceName: this.currentProvinceName });
+    // }
+    setCountry() {
+        let placeholder = this.translationService.getCountryCityPlaceholder(this.correlation());
+        placeholder.update(p => ({
+            ...p,
+            provinceCode: undefined,
+            provinceName: undefined,
+            currentProvince: undefined,
+            city: undefined
+        }));
+        this.translationService.setCountryCityPlaceholder(this.correlation(), placeholder);
+    }
+    setProvince() {
+        let placeholder = this.translationService.getCountryCityPlaceholder(this.correlation());
+        placeholder.update(p => ({
+            ...p,
+            city: undefined
+        }));
+        this.translationService.setCountryCityPlaceholder(this.correlation(), placeholder);
+    }
+    ngOnDestroy() {
+        this.translationService.countryProvinceCityPlaceholder[this.correlation()] = undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CountryProvinceCityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CountryProvinceCityComponent, isStandalone: true, selector: "payvent-country-province-city", inputs: { correlation: { classPropertyName: "correlation", publicName: "correlation", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (mode() == 'country') {\r\n<select (change)=\"setCountry()\"\r\n  [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().countryCode\"\r\n  class=\"form-control\">\r\n  <option [ngValue]=\"undefined\">{{'pleaseSelect' | translation: translationService.translations }}</option>\r\n  @for(c of translationService.countries(); track c.code) {\r\n  <option [ngValue]=\"c.code\">{{c.name}}</option>\r\n  }\r\n</select>\r\n}\r\n\r\n@if(mode()=='province') {\r\n@if(translationService.countryProvinceCityPlaceholder[this.correlation()]()?.currentCountry?.provinces?.length > 0) {\r\n\r\n<select (change)=\"setProvince()\" class=\"form-control\"\r\n  [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().provinceCode\">\r\n  <option [ngValue]=\"undefined\">{{'pleaseSelect' | translation: translationService.translations }}</option>\r\n  <option\r\n    *ngFor=\"let c of translationService.countryProvinceCityPlaceholder[this.correlation()]().currentCountry?.provinces | orderBy: 'name'\"\r\n    [ngValue]=\"c.code\">{{c.name}}</option>\r\n</select>\r\n}\r\n\r\n@if(!(translationService.countryProvinceCityPlaceholder[this.correlation()]().currentCountry?.provinces?.length > 0)) {\r\n<input type=\"text\" [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().provinceName\"\r\n  class=\"form-control\" #currentPName=\"ngModel\" name=\"currentPName\" required />\r\n}\r\n}\r\n\r\n@if(mode()=='city') {\r\n\r\n@if(translationService.countryProvinceCityPlaceholder[this.correlation()]().currentProvince?.cities?.length > 0) {\r\n\r\n<select class=\"form-control\" [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().city\">\r\n  <option [ngValue]=\"undefined\">{{'pleaseSelect' | translation: translationService.translations }}</option>\r\n  @for(c of translationService.countryProvinceCityPlaceholder[this.correlation()]().currentProvince?.cities; track c) {\r\n  <option>{{c}}</option>\r\n  }\r\n</select>\r\n}\r\n\r\n@if(!(translationService.countryProvinceCityPlaceholder[this.correlation()]().currentProvince?.cities?.length > 0)) {\r\n\r\n<input type=\"text\" [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().city\"\r\n  class=\"form-control\" #currentC=\"ngModel\" name=\"currentC\" required />\r\n}\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderModule }, { kind: "pipe", type: TranslationPipe, name: "translation" }, { kind: "pipe", type: i3.OrderPipe, name: "orderBy" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CountryProvinceCityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'payvent-country-province-city', standalone: true, imports: [CommonModule, FormsModule, TranslationComponent, TranslationPipe, OrderModule], template: "@if (mode() == 'country') {\r\n<select (change)=\"setCountry()\"\r\n  [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().countryCode\"\r\n  class=\"form-control\">\r\n  <option [ngValue]=\"undefined\">{{'pleaseSelect' | translation: translationService.translations }}</option>\r\n  @for(c of translationService.countries(); track c.code) {\r\n  <option [ngValue]=\"c.code\">{{c.name}}</option>\r\n  }\r\n</select>\r\n}\r\n\r\n@if(mode()=='province') {\r\n@if(translationService.countryProvinceCityPlaceholder[this.correlation()]()?.currentCountry?.provinces?.length > 0) {\r\n\r\n<select (change)=\"setProvince()\" class=\"form-control\"\r\n  [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().provinceCode\">\r\n  <option [ngValue]=\"undefined\">{{'pleaseSelect' | translation: translationService.translations }}</option>\r\n  <option\r\n    *ngFor=\"let c of translationService.countryProvinceCityPlaceholder[this.correlation()]().currentCountry?.provinces | orderBy: 'name'\"\r\n    [ngValue]=\"c.code\">{{c.name}}</option>\r\n</select>\r\n}\r\n\r\n@if(!(translationService.countryProvinceCityPlaceholder[this.correlation()]().currentCountry?.provinces?.length > 0)) {\r\n<input type=\"text\" [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().provinceName\"\r\n  class=\"form-control\" #currentPName=\"ngModel\" name=\"currentPName\" required />\r\n}\r\n}\r\n\r\n@if(mode()=='city') {\r\n\r\n@if(translationService.countryProvinceCityPlaceholder[this.correlation()]().currentProvince?.cities?.length > 0) {\r\n\r\n<select class=\"form-control\" [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().city\">\r\n  <option [ngValue]=\"undefined\">{{'pleaseSelect' | translation: translationService.translations }}</option>\r\n  @for(c of translationService.countryProvinceCityPlaceholder[this.correlation()]().currentProvince?.cities; track c) {\r\n  <option>{{c}}</option>\r\n  }\r\n</select>\r\n}\r\n\r\n@if(!(translationService.countryProvinceCityPlaceholder[this.correlation()]().currentProvince?.cities?.length > 0)) {\r\n\r\n<input type=\"text\" [(ngModel)]=\"translationService.countryProvinceCityPlaceholder[this.correlation()]().city\"\r\n  class=\"form-control\" #currentC=\"ngModel\" name=\"currentC\" required />\r\n}\r\n}" }]
+        }], ctorParameters: () => [] });
+
+class LoginFormComponent {
+    context = model({}, ...(ngDevMode ? [{ debugName: "context" }] : []));
+    myForm;
+    // @ViewChild('cd', { static: false }) private countdown: CountdownComponent;
+    allowAccountCreation = input(true, ...(ngDevMode ? [{ debugName: "allowAccountCreation" }] : []));
+    tokenType = input('TEMPORARY', ...(ngDevMode ? [{ debugName: "tokenType" }] : []));
+    clientId = input(null, ...(ngDevMode ? [{ debugName: "clientId" }] : []));
+    type = input('EMAIL', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    showError = signal(false, ...(ngDevMode ? [{ debugName: "showError" }] : []));
+    loginMessage;
+    env;
+    status;
+    cordova;
+    loginSubscription;
+    accessRefused = signal(false, ...(ngDevMode ? [{ debugName: "accessRefused" }] : []));
+    emailSent;
+    verifyPhone;
+    provincesList = [];
+    countriesList = [];
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    otpSuccess = signal(false, ...(ngDevMode ? [{ debugName: "otpSuccess" }] : []));
+    contextResponse;
+    responseStatus;
+    otpError = signal(false, ...(ngDevMode ? [{ debugName: "otpError" }] : []));
+    otpSent;
+    verified;
+    otpVerified = signal(false, ...(ngDevMode ? [{ debugName: "otpVerified" }] : []));
+    loginToken;
+    userProfile;
+    emailOtp;
+    phoneOtp;
+    prevContext = {};
+    countryFlag;
+    localizationCountry;
+    selectedCountryCode;
+    phoneLoginNumber;
+    profileCountryCode;
+    currentCountry;
+    currentProvince;
+    showResend = signal(true, ...(ngDevMode ? [{ debugName: "showResend" }] : []));
+    expTimestamp;
+    countdownConfig = {};
+    get passwordError() {
+        if (!this.context().password)
+            return 'error.login-form.password';
+        if (this.context().password.length < 6)
+            return 'error.login-form.password-length';
+        return null;
+    }
+    userService = inject(UserAccountService);
+    sidebarService = inject(SidebarService);
+    router = inject(Router);
+    http = inject(HttpClient);
+    translationService = inject(TranslationSharedService);
+    environment = inject(FlowAppConfig);
+    httpClient = inject(FlowHttpClient);
+    // public platform: Platform,
+    cookieService = inject(FlowCookieService);
+    globalService = inject(GlobalService);
+    constructor() {
+    }
+    ngOnInit() {
+        var result = {};
+        this.context.update(ctx => ({
+            ...ctx,
+            type: ctx.type ?? this.type(),
+            tokenType: ctx.tokenType ?? this.tokenType(),
+            action: ctx.action ?? 'LOGIN',
+            allowAccountCreation: typeof ctx.allowAccountCreation == 'boolean' ? ctx.allowAccountCreation : this.allowAccountCreation()
+        }));
+        this.userService.onAccessRefused.subscribe(res => {
+            this.resetContext();
+            this.accessRefused.set(true);
+        });
+        this.env = this.environment;
+        this.cordova = window.cordova;
+        if (!this.userService.redirectTo)
+            this.userService.redirectTo = this.context().returnUrl || window.location.pathname + window.location.search;
+        window.login = window.login || this;
+        if (this.context().otpType == 'EMAIL') {
+            this.context.update(ctx => ({
+                ...ctx,
+                otp: this.emailOtp
+            }));
+        }
+        if (this.context().otpType == 'PHONE') {
+            this.context.update(ctx => ({
+                ...ctx,
+                otp: this.phoneOtp
+            }));
+        }
+    }
+    ngOnDestroy() {
+        if (this.loginSubscription)
+            this.loginSubscription.unsubscribe();
+        window.login = null;
+    }
+    openConsent(evt, item) {
+        evt.stopPropagation();
+        // this.http.get(item.contentUrl, { responseType: 'text' }).subscribe(r => {
+        //   this.modalService.openRawAlert(new TranslationPipe().transform('consentTitle.' + item.name, this.translationService.translations), r);
+        // });
+    }
+    recover() {
+        this.context.update(ctx => ({
+            ...ctx,
+            action: 'RECOVER',
+            type: ctx.type == 'EMAIL' ? 'PHONE' : 'EMAIL'
+        }));
+    }
+    getOtp() {
+        this.showError.set(false);
+        this.context.update(ctx => ({ ...ctx, errorMessage: null }));
+        // this.showResend = false;
+        if (this.myForm && !this.myForm.valid) {
+            this.showError.set(true);
+            this.globalService.onError.emit();
+            return;
+        }
+        this.context.update(ctx => ({
+            ...ctx,
+            clientName: this.environment.client_id,
+            allowAccountCreation: this.allowAccountCreation
+        }));
+        this.userService.getOtp(this.context()).subscribe(res => {
+            if (res.result.status == 'otp_verified') {
+                this.otpSuccess.set(true);
+                this.globalService.onSuccess.emit();
+                if (res.result.type == 'TOKEN') {
+                    this.userService.processOtpToken(res.result);
+                    return;
+                }
+                if (res.result.type == 'DATA') {
+                    // this.translationService.setCountryCityPlaceholder('login-form', {
+                    //   countryCode: this.context().user.countryCode,
+                    //   provinceCode: this.context().user.provinceCode,
+                    //   provinceName: this.context().user.province,
+                    //   city: this.context().user.city
+                    // });
+                }
+            }
+            this.prevContext = this.context();
+            this.context.set(res.result);
+            this.countdownConfig = { leftTime: 30, format: 'ss' };
+            if (this.context().status == 'error') {
+                this.globalService.onError.emit();
+            }
+            if (this.context().errorMessage == 'duplicate_phone') {
+                this.globalService.onError.emit();
+                console.log('duplicate_phone');
+                return;
+            }
+        });
+    }
+    verifyOtp(val) {
+        console.log(this.context());
+        if (val?.value.length < 6)
+            return;
+        this.context.update(ctx => ({
+            ...ctx,
+            errorMessage: null,
+            clientName: this.environment.client_id,
+            status: 'otp_sent',
+        }));
+        this.loading.set(true);
+        this.otpError.set(false);
+        this.otpSuccess.set(false);
+        this.userService.verifyOtp(this.context()).subscribe(r => {
+            if (r.result.status == 'otp_verified') {
+                this.otpSuccess.set(true);
+                this.globalService.onSuccess.emit();
+                if (r.result.type == 'TOKEN') {
+                    this.userService.processOtpToken(r.result);
+                    return;
+                }
+                if (r.result.action == 'CHANGELOGINNAME' && r.result.status == 'login_name_changed') {
+                    this.userService.currentUser = r.result.user;
+                    this.userService.onUserLoggedIn.emit({ action: this.context().action, user: r.result.user });
+                    return;
+                }
+            }
+            this.loading.set(false);
+            this.context.set(r.result);
+            console.log(this.context());
+            if (this.context().errorMessage == 'wrong_code') {
+                this.context().update(ctx => ({
+                    ...ctx,
+                    otp: null
+                }));
+                this.emailOtp = null;
+                this.phoneOtp = null;
+                this.otpError.set(true);
+            }
+            if (this.context().type == 'DATA') {
+            }
+        });
+    }
+    countdownEvent(evt) {
+        if (evt.action == 'finished' || evt.action == 'done') {
+            // this.showResend = true;
+        }
+    }
+    resendOtp() {
+        this.userService.resendOtp(this.context()).subscribe(res => {
+            if (res.result.status == 'error') {
+                this.context().errorMessage = res.result.errorMessage;
+                this.globalService.onError.emit();
+            }
+            else {
+                this.globalService.onSuccess.emit();
+                // this.showResend = false;
+                this.context.set(res.result);
+                this.countdownConfig = { leftTime: 30, format: 'ss' };
+            }
+        });
+    }
+    saveUser() {
+        this.translationService.validateCountryProvinceCity('login-form');
+        let countryProvinceCity = this.translationService.countryProvinceCityPlaceholder['login-form'];
+        this.showError.set(false);
+        if ((this.myForm && !this.myForm.valid) || this.context().user.consents.find(c => c.required && !c.consented) || countryProvinceCity.countryError || countryProvinceCity.provinceError || countryProvinceCity.cityError) {
+            this.globalService.onError.emit();
+            this.showError.set(true);
+            return;
+        }
+        this.context().errorMessage = null;
+        let cpc = this.translationService.getCountryCityPlaceholder('login-form');
+        this.context.update(ctx => ({
+            ...ctx,
+            user: {
+                ...ctx.user,
+                countryCode: cpc.countryCode,
+                country: cpc.countryName,
+                provinceCode: cpc.provinceCode,
+                province: cpc.provinceName,
+                city: cpc.city
+            }
+        }));
+        this.userService.saveUserProfile(this.context()).subscribe(r => {
+            this.userService.processOtpToken(r.result);
+        });
+    }
+    resetContext() {
+        this.prevContext.token = null;
+        this.prevContext.loginName = null;
+        this.context.set(this.prevContext);
+    }
+    resetContextData() {
+    }
+    submitRegister() {
+        this.context.update(ctx => ({
+            ...ctx,
+            token: this.loginToken,
+            errorMessage: null
+        }));
+        this.userService.verifyOtp(this.context()).subscribe(r => {
+            this.context.set(r.result);
+            if (r.result.status == 'error')
+                this.globalService.onError.emit();
+            else
+                this.globalService.onSuccess.emit();
+        });
+    }
+    remove() {
+        this.cookieService.remove('userAccount');
+        this.resetContext();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LoginFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: LoginFormComponent, isStandalone: true, selector: "payvent-login-form", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, allowAccountCreation: { classPropertyName: "allowAccountCreation", publicName: "allowAccountCreation", isSignal: true, isRequired: false, transformFunction: null }, tokenType: { classPropertyName: "tokenType", publicName: "tokenType", isSignal: true, isRequired: false, transformFunction: null }, clientId: { classPropertyName: "clientId", publicName: "clientId", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { context: "contextChange" }, viewQueries: [{ propertyName: "myForm", first: true, predicate: ["myForm"], descendants: true }], ngImport: i0, template: "<div class=\"login-component\">\r\n  @if (accessRefused()) {\r\n  <div class=\"alert alert-danger\">\r\n    <translate name=\"login-form.access-refused\"></translate>\r\n  </div>\r\n  }\r\n\r\n  <form novalidate #myForm=\"ngForm\">\r\n    @if (context().errorMessage) {\r\n    <div class=\"mt-1 text-red-500\">\r\n      <span class=\"material-symbols mr-1\">info</span>\r\n      <translate [name]=\"'login-form.error.' + context().errorMessage\"></translate>\r\n    </div>\r\n    }\r\n\r\n\r\n    @if (context().type == 'EMAIL' && !['otp_sent', 'login_name_changed'].includes(context().status) &&\r\n    context().errorMessage != 'wrong_code' ){\r\n    <div class=\"form-group\">\r\n      <label class=\"primary-50\">\r\n        <translate [name]=\"'login-form.email.' + context().action.toLowerCase()\"></translate>\r\n      </label>\r\n      <input type=\"email\" [(ngModel)]=\"context().loginName\" pInputText email class=\"form-control\" #email=\"ngModel\"\r\n        name=\"email\" required />\r\n      @if(context().action=='LOGIN') {\r\n      <a (click)=\"recover()\">\r\n        <translate name=\"login-form.no-email-access\"></translate>\r\n      </a>\r\n      }\r\n\r\n      @if(!email.valid && showError) {\r\n      <div class=\"text-danger\">\r\n        <i class=\"fa fa-info-circle\"></i>\r\n        <translate name=\"error.login-form.email\"></translate>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <p-button color=\"success\" (click)=\"getOtp()\">\r\n      <translate [name]=\"'login-form.submit-email.' + context().action.toLowerCase()\"></translate>\r\n    </p-button>\r\n    }\r\n\r\n\r\n    @if (context().status == 'otp_sent' || context().errorMessage == 'wrong_code') {\r\n    <div class=\"position:relative\">\r\n      @if (loading()) {\r\n      <div class=\"loader-container\">\r\n        <div class=\"loader\"></div>\r\n      </div>\r\n      }\r\n      <div class=\"form-group\">\r\n        <translate name=\"login-form.enter_otp_code\" [replacements]=\"[context().loginNameMasked]\"></translate>\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <p-inputotp [disabled]=\"loading()\" [(ngModel)]=\"context().otp\" [length]=\"6\" [autofocus]=\"true\"\r\n          (onChange)=\"verifyOtp($event)\" name=\"inputOtp\"></p-inputotp>\r\n      </div>\r\n      @if(!showResend()) {\r\n      <translate name=\"login-form.resend-code.in-sec\"></translate>\r\n      <!-- <countdown #cd [config]=\"countdownConfig\" (event)=\"countdownEvent($event)\">$!s!</countdown> sec -->\r\n      }\r\n\r\n      @if(showResend()) {\r\n      <p-button color=\"info\" class=\"btn-block\" (click)=\"resendOtp()\">\r\n        <translate name=\"login-form.resend-otp\"></translate>\r\n      </p-button>\r\n      }\r\n    </div>\r\n\r\n    }\r\n\r\n\r\n    @if (context().type == 'PHONE' && !['otp_sent', 'login_name_changed'].includes(context().status) &&\r\n    context().errorMessage != 'wrong_code') {\r\n    <div class=\"form-group\">\r\n      <label class=\"login-label\">\r\n        <translate [name]=\"'login-form.phone.' + context().action.toLowerCase()\"></translate>\r\n      </label>\r\n      <payvent-international-phone [(phoneNumber)]=\"context().loginName\" name=\"phone\"\r\n        ngDefaultControl></payvent-international-phone>\r\n\r\n      @if (showError()) {\r\n      <div class=\"text-danger\">\r\n        <i class=\"fa fa-info-circle\"></i>\r\n        <translate name=\"error.login-form.phone\"></translate>\r\n      </div>\r\n      }\r\n\r\n      @if (context().status=='duplicate_phone') {\r\n      <div class=\"text-danger\">\r\n        <i class=\"fa fa-info-circle\"></i>\r\n        <translate name=\"error.login-form.duplicate_phone\"></translate>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"form-group\">\r\n      <button loading-button color=\"success\" class=\"btn-block\" (click)=\"getOtp()\">\r\n        <translate [name]=\"'login-form.submit-phone.' + context().action.toLowerCase()\"></translate>\r\n      </button>\r\n    </div>\r\n    }\r\n\r\n    @if (context().type=='DATA') {\r\n    <div class=\"form-group\">\r\n      <div class=\"text-center form-group\">\r\n        <label class=\"login-label\">\r\n          <translate name=\"login-form.profile-data.login\"></translate>\r\n        </label>\r\n      </div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.email\"></translate>\r\n        </label>\r\n        <input type=\"email\" [(ngModel)]=\"context().user.email\" class=\"form-control\" #email=\"ngModel\" name=\"email\"\r\n          disabled />\r\n      </div>\r\n      <div class=\"form-group name-group\">\r\n        <div class=\"first\">\r\n          <label>\r\n            <translate name=\"login-form.firstName\"></translate>\r\n          </label>\r\n          <input type=\"text\" [(ngModel)]=\"context().user.firstName\" class=\"form-control\" #firstName=\"ngModel\"\r\n            name=\"firstName\" required />\r\n          <div *ngIf=\"!firstName.valid && showError\" class=\"text-danger\">\r\n            <i class=\"fa fa-info-circle\"></i>\r\n            <translate name=\"error.login-form.firstName\"></translate>\r\n          </div>\r\n        </div>\r\n        <div class=\"second\">\r\n          <label>\r\n            <translate name=\"login-form.lastName\"></translate>\r\n          </label>\r\n          <input type=\"text\" [(ngModel)]=\"context().user.lastName\" class=\"form-control\" #lastName=\"ngModel\"\r\n            name=\"lastName\" required />\r\n          <div *ngIf=\"!lastName.valid && showError\" class=\"text-danger\">\r\n            <i class=\"fa fa-info-circle\"></i>\r\n            <translate name=\"error.login-form.lastName\"></translate>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.phone\"></translate>\r\n        </label>\r\n        <input type=\"phone\" [(ngModel)]=\"context().user.phoneNumber\" class=\"form-control\" #phone=\"ngModel\" name=\"phone\"\r\n          disabled />\r\n      </div>\r\n\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.country\"></translate>\r\n        </label>\r\n        <payvent-country-province-city mode=\"country\" correlation=\"login-form\"></payvent-country-province-city>\r\n        @if(translationService.countryProvinceCityPlaceholder['login-form']().countryError) {\r\n        <div class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate name=\"error.login-form.country\"></translate>\r\n        </div>\r\n        }\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.province\"></translate>\r\n        </label>\r\n        <payvent-country-province-city mode=\"province\" correlation=\"login-form\"></payvent-country-province-city>\r\n\r\n        @if(translationService.countryProvinceCityPlaceholder['login-form']().provinceError) {\r\n        <div class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate name=\"error.login-form.province\"></translate>\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.city\"></translate>\r\n        </label>\r\n        <payvent-country-province-city mode=\"city\" correlation=\"login-form\"></payvent-country-province-city>\r\n        @if(translationService.countryProvinceCityPlaceholder['login-form']().cityError) {\r\n        <div class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate name=\"error.login-form.city\"></translate>\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      @for(item of context().user.consents; track item.id) {\r\n      <div class=\"form-group\">\r\n        <icheck [name]=\"item.name\" [(ngModel)]=\"item.consented\">\r\n          <translate name=\"login-form.consent\"></translate>&nbsp;<a (click)=\"openConsent($event, item)\">\r\n            <translate [name]=\"'consent.' + item.name\"></translate>\r\n          </a>\r\n        </icheck>\r\n        <div *ngIf=\"!item.consented && item.required && showError\" class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate [name]=\"'consentError.' + item.name\"></translate>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n  </form>\r\n\r\n\r\n  <div class=\"form-group\">\r\n    @if (context().type == 'DATA') {\r\n    <button loading-button color=\"success\" class=\"btn-block\" (click)=\"saveUser()\">\r\n      <translate name=\"login-form.save-changes\"></translate>\r\n    </button>\r\n    }\r\n  </div>\r\n\r\n  @if (context().status && context().status != 'client_not_found' && context().status != 'login_name_changed' &&\r\n  context().status != 'otp_verified' && !loading()) {\r\n  <div class=\"form-group\">\r\n    <p-button (click)=\"resetContext()\">\r\n      <translate name=\"login-form.back\"></translate>\r\n    </p-button>\r\n  </div>\r\n  }\r\n\r\n  @if(context().action=='VERIFYRECOVER' && context().type=='TOKEN') {\r\n  <translate name=\"login-form.recover_success\"></translate>\r\n  }\r\n\r\n  @if(context().action=='CHANGELOGINNAME' && context().status=='login_name_changed') {\r\n  <translate [name]=\"'login-form.login_name_changed.' + context().type.toLowerCase()\"></translate>\r\n  }\r\n\r\n</div>", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;display:flex;align-items:center;justify-content:center}.loader{content:\"\";box-sizing:border-box;display:inline-block;width:32px;height:32px;position:absolute;border-radius:50%;border:4px solid rgba(237,156,40,.3);border-top-color:#ed9c28;animation:spinner .8s cubic-bezier(.58,.33,.52,.75) infinite;z-index:10000000001}\n"], dependencies: [{ kind: "component", type: TranslationComponent, selector: "translate", inputs: ["name", "replacements"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InternationalPhoneComponent, selector: "payvent-international-phone", inputs: ["phoneNumber"], outputs: ["phoneNumberChange"] }, { kind: "component", type: CountryProvinceCityComponent, selector: "payvent-country-province-city", inputs: ["correlation", "mode"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: InputOtp, selector: "p-inputOtp, p-inputotp, p-input-otp", inputs: ["readonly", "tabindex", "length", "styleClass", "mask", "integerOnly", "autofocus", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LoginFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'payvent-login-form', standalone: true, imports: [
+                        TranslationComponent,
+                        CommonModule,
+                        FormsModule,
+                        InternationalPhoneComponent,
+                        CountryProvinceCityComponent,
+                        InputText,
+                        InputOtp,
+                        ButtonModule
+                    ], template: "<div class=\"login-component\">\r\n  @if (accessRefused()) {\r\n  <div class=\"alert alert-danger\">\r\n    <translate name=\"login-form.access-refused\"></translate>\r\n  </div>\r\n  }\r\n\r\n  <form novalidate #myForm=\"ngForm\">\r\n    @if (context().errorMessage) {\r\n    <div class=\"mt-1 text-red-500\">\r\n      <span class=\"material-symbols mr-1\">info</span>\r\n      <translate [name]=\"'login-form.error.' + context().errorMessage\"></translate>\r\n    </div>\r\n    }\r\n\r\n\r\n    @if (context().type == 'EMAIL' && !['otp_sent', 'login_name_changed'].includes(context().status) &&\r\n    context().errorMessage != 'wrong_code' ){\r\n    <div class=\"form-group\">\r\n      <label class=\"primary-50\">\r\n        <translate [name]=\"'login-form.email.' + context().action.toLowerCase()\"></translate>\r\n      </label>\r\n      <input type=\"email\" [(ngModel)]=\"context().loginName\" pInputText email class=\"form-control\" #email=\"ngModel\"\r\n        name=\"email\" required />\r\n      @if(context().action=='LOGIN') {\r\n      <a (click)=\"recover()\">\r\n        <translate name=\"login-form.no-email-access\"></translate>\r\n      </a>\r\n      }\r\n\r\n      @if(!email.valid && showError) {\r\n      <div class=\"text-danger\">\r\n        <i class=\"fa fa-info-circle\"></i>\r\n        <translate name=\"error.login-form.email\"></translate>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <p-button color=\"success\" (click)=\"getOtp()\">\r\n      <translate [name]=\"'login-form.submit-email.' + context().action.toLowerCase()\"></translate>\r\n    </p-button>\r\n    }\r\n\r\n\r\n    @if (context().status == 'otp_sent' || context().errorMessage == 'wrong_code') {\r\n    <div class=\"position:relative\">\r\n      @if (loading()) {\r\n      <div class=\"loader-container\">\r\n        <div class=\"loader\"></div>\r\n      </div>\r\n      }\r\n      <div class=\"form-group\">\r\n        <translate name=\"login-form.enter_otp_code\" [replacements]=\"[context().loginNameMasked]\"></translate>\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <p-inputotp [disabled]=\"loading()\" [(ngModel)]=\"context().otp\" [length]=\"6\" [autofocus]=\"true\"\r\n          (onChange)=\"verifyOtp($event)\" name=\"inputOtp\"></p-inputotp>\r\n      </div>\r\n      @if(!showResend()) {\r\n      <translate name=\"login-form.resend-code.in-sec\"></translate>\r\n      <!-- <countdown #cd [config]=\"countdownConfig\" (event)=\"countdownEvent($event)\">$!s!</countdown> sec -->\r\n      }\r\n\r\n      @if(showResend()) {\r\n      <p-button color=\"info\" class=\"btn-block\" (click)=\"resendOtp()\">\r\n        <translate name=\"login-form.resend-otp\"></translate>\r\n      </p-button>\r\n      }\r\n    </div>\r\n\r\n    }\r\n\r\n\r\n    @if (context().type == 'PHONE' && !['otp_sent', 'login_name_changed'].includes(context().status) &&\r\n    context().errorMessage != 'wrong_code') {\r\n    <div class=\"form-group\">\r\n      <label class=\"login-label\">\r\n        <translate [name]=\"'login-form.phone.' + context().action.toLowerCase()\"></translate>\r\n      </label>\r\n      <payvent-international-phone [(phoneNumber)]=\"context().loginName\" name=\"phone\"\r\n        ngDefaultControl></payvent-international-phone>\r\n\r\n      @if (showError()) {\r\n      <div class=\"text-danger\">\r\n        <i class=\"fa fa-info-circle\"></i>\r\n        <translate name=\"error.login-form.phone\"></translate>\r\n      </div>\r\n      }\r\n\r\n      @if (context().status=='duplicate_phone') {\r\n      <div class=\"text-danger\">\r\n        <i class=\"fa fa-info-circle\"></i>\r\n        <translate name=\"error.login-form.duplicate_phone\"></translate>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"form-group\">\r\n      <button loading-button color=\"success\" class=\"btn-block\" (click)=\"getOtp()\">\r\n        <translate [name]=\"'login-form.submit-phone.' + context().action.toLowerCase()\"></translate>\r\n      </button>\r\n    </div>\r\n    }\r\n\r\n    @if (context().type=='DATA') {\r\n    <div class=\"form-group\">\r\n      <div class=\"text-center form-group\">\r\n        <label class=\"login-label\">\r\n          <translate name=\"login-form.profile-data.login\"></translate>\r\n        </label>\r\n      </div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.email\"></translate>\r\n        </label>\r\n        <input type=\"email\" [(ngModel)]=\"context().user.email\" class=\"form-control\" #email=\"ngModel\" name=\"email\"\r\n          disabled />\r\n      </div>\r\n      <div class=\"form-group name-group\">\r\n        <div class=\"first\">\r\n          <label>\r\n            <translate name=\"login-form.firstName\"></translate>\r\n          </label>\r\n          <input type=\"text\" [(ngModel)]=\"context().user.firstName\" class=\"form-control\" #firstName=\"ngModel\"\r\n            name=\"firstName\" required />\r\n          <div *ngIf=\"!firstName.valid && showError\" class=\"text-danger\">\r\n            <i class=\"fa fa-info-circle\"></i>\r\n            <translate name=\"error.login-form.firstName\"></translate>\r\n          </div>\r\n        </div>\r\n        <div class=\"second\">\r\n          <label>\r\n            <translate name=\"login-form.lastName\"></translate>\r\n          </label>\r\n          <input type=\"text\" [(ngModel)]=\"context().user.lastName\" class=\"form-control\" #lastName=\"ngModel\"\r\n            name=\"lastName\" required />\r\n          <div *ngIf=\"!lastName.valid && showError\" class=\"text-danger\">\r\n            <i class=\"fa fa-info-circle\"></i>\r\n            <translate name=\"error.login-form.lastName\"></translate>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.phone\"></translate>\r\n        </label>\r\n        <input type=\"phone\" [(ngModel)]=\"context().user.phoneNumber\" class=\"form-control\" #phone=\"ngModel\" name=\"phone\"\r\n          disabled />\r\n      </div>\r\n\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.country\"></translate>\r\n        </label>\r\n        <payvent-country-province-city mode=\"country\" correlation=\"login-form\"></payvent-country-province-city>\r\n        @if(translationService.countryProvinceCityPlaceholder['login-form']().countryError) {\r\n        <div class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate name=\"error.login-form.country\"></translate>\r\n        </div>\r\n        }\r\n      </div>\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.province\"></translate>\r\n        </label>\r\n        <payvent-country-province-city mode=\"province\" correlation=\"login-form\"></payvent-country-province-city>\r\n\r\n        @if(translationService.countryProvinceCityPlaceholder['login-form']().provinceError) {\r\n        <div class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate name=\"error.login-form.province\"></translate>\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <translate name=\"login-form.city\"></translate>\r\n        </label>\r\n        <payvent-country-province-city mode=\"city\" correlation=\"login-form\"></payvent-country-province-city>\r\n        @if(translationService.countryProvinceCityPlaceholder['login-form']().cityError) {\r\n        <div class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate name=\"error.login-form.city\"></translate>\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      @for(item of context().user.consents; track item.id) {\r\n      <div class=\"form-group\">\r\n        <icheck [name]=\"item.name\" [(ngModel)]=\"item.consented\">\r\n          <translate name=\"login-form.consent\"></translate>&nbsp;<a (click)=\"openConsent($event, item)\">\r\n            <translate [name]=\"'consent.' + item.name\"></translate>\r\n          </a>\r\n        </icheck>\r\n        <div *ngIf=\"!item.consented && item.required && showError\" class=\"text-danger\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          <translate [name]=\"'consentError.' + item.name\"></translate>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n  </form>\r\n\r\n\r\n  <div class=\"form-group\">\r\n    @if (context().type == 'DATA') {\r\n    <button loading-button color=\"success\" class=\"btn-block\" (click)=\"saveUser()\">\r\n      <translate name=\"login-form.save-changes\"></translate>\r\n    </button>\r\n    }\r\n  </div>\r\n\r\n  @if (context().status && context().status != 'client_not_found' && context().status != 'login_name_changed' &&\r\n  context().status != 'otp_verified' && !loading()) {\r\n  <div class=\"form-group\">\r\n    <p-button (click)=\"resetContext()\">\r\n      <translate name=\"login-form.back\"></translate>\r\n    </p-button>\r\n  </div>\r\n  }\r\n\r\n  @if(context().action=='VERIFYRECOVER' && context().type=='TOKEN') {\r\n  <translate name=\"login-form.recover_success\"></translate>\r\n  }\r\n\r\n  @if(context().action=='CHANGELOGINNAME' && context().status=='login_name_changed') {\r\n  <translate [name]=\"'login-form.login_name_changed.' + context().type.toLowerCase()\"></translate>\r\n  }\r\n\r\n</div>", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;display:flex;align-items:center;justify-content:center}.loader{content:\"\";box-sizing:border-box;display:inline-block;width:32px;height:32px;position:absolute;border-radius:50%;border:4px solid rgba(237,156,40,.3);border-top-color:#ed9c28;animation:spinner .8s cubic-bezier(.58,.33,.52,.75) infinite;z-index:10000000001}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { myForm: [{
+                type: ViewChild,
+                args: ['myForm', { static: false }]
+            }] } });
+
+class CookieBarComponent {
+    get isPrerender() {
+        return window.navigator.userAgent.includes('prerender');
+    }
+    cookieService = inject(FlowCookieService);
+    gs = inject(GlobalService);
+    constructor() { }
+    ngOnInit() {
+    }
+    acceptCookies() {
+        this.cookieService.gdprConsent = '1';
+    }
+    rejectCookies() {
+        this.cookieService.gdprConsent = '0';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CookieBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CookieBarComponent, isStandalone: true, selector: "cookie-bar", ngImport: i0, template: "@if(!cookieService.gdprConsent && !isPrerender){\r\n<div class=\"flow-cookie-bar-overlay\">\r\n  <div class=\"flow-cookie-bar-alert\">\r\n    <div style=\"padding: 10px;\">\r\n\r\n      <div style=\"margin-bottom: 10px;\">\r\n        <translate name=\"cookie-bar.text\"></translate>\r\n      </div>\r\n      <!-- <a pButton pRipple class=\"p-button-link\" (click)=\"acceptCookies()\">\r\n        <translate name=\"cookie-bar.accept\"></translate>\r\n      </a> -->\r\n\r\n      <!-- <button pButton pRipple class=\"w-full\" (click)=\"acceptCookies()\">\r\n        <translate name=\"cookie-bar.accept\"></translate>\r\n      </button> -->\r\n\r\n      <!-- <div class=\"mb-3\">\r\n        <button class=\"w-full\" severity=\"secondary\" pRipple pButton (click)=\"acceptCookies()\">\r\n          <translate name=\"cookie-bar.accept\"></translate>\r\n        </button>\r\n      </div> -->\r\n\r\n      <div>\r\n        <span style=\"padding: 5px;\">\r\n          <p-button [outlined]=\"true\" (click)=\"acceptCookies()\" class=\"button-padding\">\r\n            <translate name=\"cookie-bar.accept\"></translate>\r\n          </p-button>\r\n        </span>\r\n        <span style=\"padding: 5px;\">\r\n          <p-button [outlined]=\"true\" severity=\"secondary\" (click)=\"rejectCookies()\" class=\"button-padding\">\r\n            <translate name=\"cookie-bar.reject\"></translate>\r\n          </p-button>\r\n        </span>\r\n      </div>\r\n\r\n\r\n      <!-- <button class=\"btn btn-default yes-btn\" (click)=\"acceptCookies()\">\r\n        <translate name=\"cookie-bar.accept\"></translate>\r\n      </button>\r\n      <a class=\"no-link\" (click)=\"rejectCookies()\">\r\n        <translate name=\"cookie-bar.reject\"></translate>\r\n      </a> -->\r\n    </div>\r\n  </div>\r\n</div>\r\n}", styles: [".flow-cookie-bar-overlay{z-index:10;position:fixed;inset:0;background-color:#0003;display:flex;justify-content:center;align-items:center;text-align:center}.flow-cookie-bar-alert{border-radius:6px;background-color:#fff;border:solid 1px #eee;text-align:center;max-width:500px;margin:10px;font-size:medium;box-shadow:0 0 5px #ffa50033}.flow-cookie-bar-alert .yes-btn{margin-right:10px;padding:7px 10px}.flow-cookie-bar-alert .no-link{padding-bottom:10px;text-decoration:none;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TranslationComponent, selector: "translate", inputs: ["name", "replacements"] }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: StyleClassModule }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CookieBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cookie-bar', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        CommonModule,
+                        TranslationComponent,
+                        CardModule,
+                        ButtonModule,
+                        StyleClassModule
+                        // FormsModule,
+                        // RouterModule,
+                        // InputTextModule,
+                        // RippleModule,
+                        // ButtonModule,
+                        // DropdownModule,
+                        // CheckboxModule,
+                        // TagModule,
+                        // CompareDirective
+                    ], template: "@if(!cookieService.gdprConsent && !isPrerender){\r\n<div class=\"flow-cookie-bar-overlay\">\r\n  <div class=\"flow-cookie-bar-alert\">\r\n    <div style=\"padding: 10px;\">\r\n\r\n      <div style=\"margin-bottom: 10px;\">\r\n        <translate name=\"cookie-bar.text\"></translate>\r\n      </div>\r\n      <!-- <a pButton pRipple class=\"p-button-link\" (click)=\"acceptCookies()\">\r\n        <translate name=\"cookie-bar.accept\"></translate>\r\n      </a> -->\r\n\r\n      <!-- <button pButton pRipple class=\"w-full\" (click)=\"acceptCookies()\">\r\n        <translate name=\"cookie-bar.accept\"></translate>\r\n      </button> -->\r\n\r\n      <!-- <div class=\"mb-3\">\r\n        <button class=\"w-full\" severity=\"secondary\" pRipple pButton (click)=\"acceptCookies()\">\r\n          <translate name=\"cookie-bar.accept\"></translate>\r\n        </button>\r\n      </div> -->\r\n\r\n      <div>\r\n        <span style=\"padding: 5px;\">\r\n          <p-button [outlined]=\"true\" (click)=\"acceptCookies()\" class=\"button-padding\">\r\n            <translate name=\"cookie-bar.accept\"></translate>\r\n          </p-button>\r\n        </span>\r\n        <span style=\"padding: 5px;\">\r\n          <p-button [outlined]=\"true\" severity=\"secondary\" (click)=\"rejectCookies()\" class=\"button-padding\">\r\n            <translate name=\"cookie-bar.reject\"></translate>\r\n          </p-button>\r\n        </span>\r\n      </div>\r\n\r\n\r\n      <!-- <button class=\"btn btn-default yes-btn\" (click)=\"acceptCookies()\">\r\n        <translate name=\"cookie-bar.accept\"></translate>\r\n      </button>\r\n      <a class=\"no-link\" (click)=\"rejectCookies()\">\r\n        <translate name=\"cookie-bar.reject\"></translate>\r\n      </a> -->\r\n    </div>\r\n  </div>\r\n</div>\r\n}", styles: [".flow-cookie-bar-overlay{z-index:10;position:fixed;inset:0;background-color:#0003;display:flex;justify-content:center;align-items:center;text-align:center}.flow-cookie-bar-alert{border-radius:6px;background-color:#fff;border:solid 1px #eee;text-align:center;max-width:500px;margin:10px;font-size:medium;box-shadow:0 0 5px #ffa50033}.flow-cookie-bar-alert .yes-btn{margin-right:10px;padding:7px 10px}.flow-cookie-bar-alert .no-link{padding-bottom:10px;text-decoration:none;color:#000}\n"] }]
+        }], ctorParameters: () => [] });
+
+class NotificationListComponent {
+    pageNo = 1;
+    loading = false;
+    signalRService = inject(SignalrNotificationService);
+    translationService = inject(TranslationSharedService);
+    constructor() { }
+    ngOnInit() {
+        this.signalRService.getNotifications().subscribe(res => {
+            this.signalRService.messages.filter(m => m.isUnread).forEach(item => {
+                item.isUnread = false;
+                item.wasNew = true;
+            });
+            this.signalRService.setReadReceipt();
+        });
+    }
+    ngOnDestroy() {
+        this.signalRService.messages.forEach(item => {
+            item.wasNew = false;
+        });
+    }
+    get messages() {
+        return this.signalRService.messages.slice().sort((a, b) => (a.creationTime.toString() < b.creationTime.toString() ? 1 : -1));
+    }
+    openNextPage() {
+        this.loading = true;
+        this.signalRService.messagePageNo++;
+        this.signalRService.getNotifications().subscribe(res => this.loading = false);
+    }
+    notificationClick(message) {
+        this.signalRService.onNotificationClick.emit(message);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NotificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: NotificationListComponent, isStandalone: true, selector: "app-notification-list", ngImport: i0, template: "@for( m of messages; track m){\r\n<span>\r\n  <li [class]=\"m.isUnread ? 'dropdown-message-unread' : m.wasNew ? 'dropdown-message-wasnew' : ''\">\r\n    <div class=\"dropdown-messages-box\">\r\n      <a class=\"media-link\" (click)=\"notificationClick(m)\">\r\n        @if(m.mediaType=='Image' && m.mediaSrc){<img [src]=\"m.mediaSrc\" style=\"width:100%\" />}\r\n        <span class=\"media-body\">\r\n          <!-- <i class=\"fa fa-check bg-green icon\" *ngIf=\"m.class=='success'\"></i>\r\n          <i class=\"fa fa-info-circle bg-aqua icon\" *ngIf=\"m.class=='info'\"></i>\r\n          <i class=\"fa fa-exclamation-circle icon bg-yellow\" *ngIf=\"m.class=='warning'\"></i>\r\n          <i class=\"fa fa-times bg-red icon\" *ngIf=\"m.class=='error'\"></i> -->\r\n          @if(m.class=='success'){\r\n          <i class=\"pi pi-check\"></i>\r\n          }\r\n          @if(m.class=='info'){\r\n          <i class=\"pi pi-info-circle\"></i>\r\n          }\r\n          @if(m.class=='warning'){\r\n          <i class=\"pi-exclamation-circle\"></i>\r\n          }\r\n          @if(m.class=='error'){\r\n          <i class=\"pi pi-times\"></i>\r\n          }\r\n\r\n          <!-- @if(m.subject){\r\n          <div class=\"media-title\">\r\n            {{signalRService.processReplacements(m.subject | translation : translationService.translations, m.model)}}\r\n          </div>\r\n          }\r\n\r\n          <span\r\n            [innerHtml]=\"signalRService.processReplacements(m.body | translation : translationService.translations, m.model)\">\r\n          </span>\r\n          <br />\r\n          <small class=\"text-muted\">\r\n            <i class=\"fa subicon fa-clock-o\"></i> {{m.creationTime | amFromUtc | amTimeAgo}}</small> -->\r\n        </span>\r\n      </a>\r\n\r\n    </div>\r\n  </li>\r\n</span>\r\n}\r\n\r\n@if(messages.length==0){\r\n<li>\r\n  <div class=\"media-body text-center text-muted\">\r\n    <translate name=\"messages.nomessages\"></translate>\r\n  </div>\r\n\r\n</li>\r\n}\r\n@if(signalRService.hasMorePages){\r\n<div class=\"media-body notification-footer text-center text-muted small-text\">\r\n  @if(loading){<span class=\"loader loader-small\"></span>}\r\n  @if(!loading){\r\n  <a (click)=\"openNextPage()\">\r\n    <translate name=\"messages.viewmore\"></translate>\r\n  </a>\r\n  }\r\n</div>\r\n}", styles: [".icon{margin-right:7px;margin-bottom:3px}.media-title{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TranslationComponent, selector: "translate", inputs: ["name", "replacements"] }, { kind: "ngmodule", type: CardModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NotificationListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-notification-list', standalone: true, imports: [
+                        CommonModule,
+                        TranslationComponent,
+                        CardModule,
+                    ], template: "@for( m of messages; track m){\r\n<span>\r\n  <li [class]=\"m.isUnread ? 'dropdown-message-unread' : m.wasNew ? 'dropdown-message-wasnew' : ''\">\r\n    <div class=\"dropdown-messages-box\">\r\n      <a class=\"media-link\" (click)=\"notificationClick(m)\">\r\n        @if(m.mediaType=='Image' && m.mediaSrc){<img [src]=\"m.mediaSrc\" style=\"width:100%\" />}\r\n        <span class=\"media-body\">\r\n          <!-- <i class=\"fa fa-check bg-green icon\" *ngIf=\"m.class=='success'\"></i>\r\n          <i class=\"fa fa-info-circle bg-aqua icon\" *ngIf=\"m.class=='info'\"></i>\r\n          <i class=\"fa fa-exclamation-circle icon bg-yellow\" *ngIf=\"m.class=='warning'\"></i>\r\n          <i class=\"fa fa-times bg-red icon\" *ngIf=\"m.class=='error'\"></i> -->\r\n          @if(m.class=='success'){\r\n          <i class=\"pi pi-check\"></i>\r\n          }\r\n          @if(m.class=='info'){\r\n          <i class=\"pi pi-info-circle\"></i>\r\n          }\r\n          @if(m.class=='warning'){\r\n          <i class=\"pi-exclamation-circle\"></i>\r\n          }\r\n          @if(m.class=='error'){\r\n          <i class=\"pi pi-times\"></i>\r\n          }\r\n\r\n          <!-- @if(m.subject){\r\n          <div class=\"media-title\">\r\n            {{signalRService.processReplacements(m.subject | translation : translationService.translations, m.model)}}\r\n          </div>\r\n          }\r\n\r\n          <span\r\n            [innerHtml]=\"signalRService.processReplacements(m.body | translation : translationService.translations, m.model)\">\r\n          </span>\r\n          <br />\r\n          <small class=\"text-muted\">\r\n            <i class=\"fa subicon fa-clock-o\"></i> {{m.creationTime | amFromUtc | amTimeAgo}}</small> -->\r\n        </span>\r\n      </a>\r\n\r\n    </div>\r\n  </li>\r\n</span>\r\n}\r\n\r\n@if(messages.length==0){\r\n<li>\r\n  <div class=\"media-body text-center text-muted\">\r\n    <translate name=\"messages.nomessages\"></translate>\r\n  </div>\r\n\r\n</li>\r\n}\r\n@if(signalRService.hasMorePages){\r\n<div class=\"media-body notification-footer text-center text-muted small-text\">\r\n  @if(loading){<span class=\"loader loader-small\"></span>}\r\n  @if(!loading){\r\n  <a (click)=\"openNextPage()\">\r\n    <translate name=\"messages.viewmore\"></translate>\r\n  </a>\r\n  }\r\n</div>\r\n}", styles: [".icon{margin-right:7px;margin-bottom:3px}.media-title{font-weight:700}\n"] }]
+        }], ctorParameters: () => [] });
+
+class NotificationDropdownComponent {
+    connection;
+    notificationsOpen = false;
+    sortingPagingCriteria = new SortingPagingCriteria();
+    canClose;
+    icon = input('fa fa-bell', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    translation = input('', ...(ngDevMode ? [{ debugName: "translation" }] : []));
+    linkClass = input('', ...(ngDevMode ? [{ debugName: "linkClass" }] : []));
+    onDocumentClick(targetElementPath) {
+        let elementRefInPath = targetElementPath.path ? targetElementPath.path.find(e => e === this._elementRef.nativeElement) : undefined;
+        if (!elementRefInPath && this.notificationsOpen && this.canClose) {
+            this.openNotifications();
+        }
+    }
+    signalRService = inject(SignalrNotificationService);
+    translationService = inject(TranslationSharedService);
+    _elementRef = inject(ElementRef);
+    constructor() { }
+    ngOnInit() {
+    }
+    openNotifications() {
+        this.canClose = false;
+        this.notificationsOpen = !this.notificationsOpen;
+        timer(100).subscribe(r => this.canClose = true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NotificationDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: NotificationDropdownComponent, isStandalone: true, selector: "[notification-dropdown]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, translation: { classPropertyName: "translation", publicName: "translation", isSignal: true, isRequired: false, transformFunction: null }, linkClass: { classPropertyName: "linkClass", publicName: "linkClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:touchend": "onDocumentClick($event)", "document:click": "onDocumentClick($event)" }, properties: { "class.open": "this.notificationsOpen" } }, ngImport: i0, template: "<a [class]=\"'dropdown-toggle count-info ' + linkClass\" (click)=\"openNotifications()\">\r\n    <i [class]=\"icon()\"></i>\r\n    @if(signalRService.unreadMessageCount>0){\r\n    <span class=\"label label-primary\">{{signalRService.unreadMessageCount}}</span>\r\n    }\r\n    @if(translation){<translate [name]=\"translation\"></translate>}\r\n</a>\r\n@if(notificationsOpen){\r\n<ul class=\"dropdown-menu dropdown-messages\" #messagesCtl>\r\n    <app-notification-list></app-notification-list>\r\n</ul>\r\n}", styles: [".media-body .icon{padding:2px;border-radius:2px;margin-right:3px}a.media-body{text-decoration:none}.media-body .subicon{margin-right:1px}.dropdown-menu{max-height:500px;overflow-y:auto;overflow-x:hidden;text-align:left}.dropdown-menu::-webkit-scrollbar-track{border-radius:5px;background-color:transparent}.dropdown-menu::-webkit-scrollbar{width:6px;background-color:transparent}.dropdown-menu::-webkit-scrollbar-thumb{border-radius:5px;background-color:#afafaf4d}.notification-footer{background-color:#fafafa;padding:10px 0;vertical-align:bottom}.notification-footer a{color:#333;font-size:9pt;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TranslationComponent, selector: "translate", inputs: ["name", "replacements"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: NotificationListComponent, selector: "app-notification-list" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NotificationDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[notification-dropdown]', standalone: true, imports: [
+                        CommonModule,
+                        TranslationComponent,
+                        CardModule,
+                        NotificationListComponent,
+                    ], template: "<a [class]=\"'dropdown-toggle count-info ' + linkClass\" (click)=\"openNotifications()\">\r\n    <i [class]=\"icon()\"></i>\r\n    @if(signalRService.unreadMessageCount>0){\r\n    <span class=\"label label-primary\">{{signalRService.unreadMessageCount}}</span>\r\n    }\r\n    @if(translation){<translate [name]=\"translation\"></translate>}\r\n</a>\r\n@if(notificationsOpen){\r\n<ul class=\"dropdown-menu dropdown-messages\" #messagesCtl>\r\n    <app-notification-list></app-notification-list>\r\n</ul>\r\n}", styles: [".media-body .icon{padding:2px;border-radius:2px;margin-right:3px}a.media-body{text-decoration:none}.media-body .subicon{margin-right:1px}.dropdown-menu{max-height:500px;overflow-y:auto;overflow-x:hidden;text-align:left}.dropdown-menu::-webkit-scrollbar-track{border-radius:5px;background-color:transparent}.dropdown-menu::-webkit-scrollbar{width:6px;background-color:transparent}.dropdown-menu::-webkit-scrollbar-thumb{border-radius:5px;background-color:#afafaf4d}.notification-footer{background-color:#fafafa;padding:10px 0;vertical-align:bottom}.notification-footer a{color:#333;font-size:9pt;font-weight:700}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { notificationsOpen: [{
+                type: HostBinding,
+                args: ['class.open']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:touchend', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class NotificationToasterComponent {
+    connection;
+    _messages = [];
+    newMessage;
+    obsTimeout;
+    obsTimer;
+    signalRService = inject(SignalrNotificationService);
+    translationService = inject(TranslationSharedService);
+    messageService = inject(MessageService);
+    constructor() { }
+    ngOnInit() {
+        this.signalRService.onNotification.subscribe(m => {
+            m.isToasterUnread = true;
+            m.isUnread = true;
+            if (this.obsTimer) {
+                this.obsTimer.unsubscribe();
+            }
+            this.obsTimeout = timer(5000);
+            this.obsTimer = this.obsTimeout.subscribe(() => this.messages.forEach(m => {
+                m.isToasterUnread = false;
+            }));
+            if (this.messages.length > 5)
+                this.messages[0].isToasterUnread = false;
+        });
+    }
+    get messages() {
+        return this.signalRService.messages.filter(m => m && m.isToasterUnread && m.isUnread);
+    }
+    sendMessage() {
+        this.connection.invoke('send', this.newMessage);
+        this.newMessage = '';
+    }
+    removeNotification(not) {
+        not.isUnread = false;
+        not.isToasterUnread = false;
+    }
+    notificationClick(message) {
+        this.signalRService.onNotificationClick.emit(message);
+        this.removeNotification(message);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NotificationToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: NotificationToasterComponent, isStandalone: true, selector: "app-notification-toaster", ngImport: i0, template: "<div id=\"toast-container\" class=\"card flex justify-content-center\" class=\"toast-bottom-right\">\r\n    <p-toast />\r\n    @for (m of messages; track m) {\r\n    <p-button (onClick)=\"notificationClick(m)\" [severity]=\" m.class\" />\r\n    <div class=\"toast-progress\"></div>\r\n    <div class=\"pull-left\">\r\n        @if(!m.iconUrl){\r\n        <ng-container>\r\n            @if(m.class=='success'){\r\n            <i class=\"pi pi-check\"></i>\r\n            }\r\n            @if(m.class=='info'){\r\n            <i class=\"pi pi-info-circle\"></i>\r\n            }\r\n            @if(m.class=='warning'){\r\n            <i class=\"pi-exclamation-circle\"></i>\r\n            }\r\n            @if(m.class=='error'){\r\n            <i class=\"pi pi-times\"></i>\r\n            }\r\n        </ng-container>\r\n    }\r\n\r\n    @if(m.iconUrl){<div [style.backgroundImage]=\"'url(' + m.iconUrl + ')'\" class=\"toast-icon\"></div>\r\n}\r\n    </div>\r\n\r\n    }\r\n</div>\r\n", styles: ["#toast-container>.toast{background-image:none!important}#toast-container>div{-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;opacity:.9;-ms-filter:alpha(Opacity=90);filter:alpha(opacity=90)}#toast-container>:hover{-moz-box-shadow:0 0 4px #999;-webkit-box-shadow:0 0 4px #999;box-shadow:0 0 4px #999;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;position:absolute;right:10px;top:5px}.toast-top-center{top:0;right:0;width:100%}.toast-icon{width:48px;height:48px;border-radius:4px;background-color:#fff;background-size:90%;background-repeat:no-repeat;background-position:center center;margin:0 7px 7px 0}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.toast{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 25px 15px 15px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}.icon{margin-right:10px;margin-bottom:10px}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303;color:#fff}.toast-success{background-color:#51a351;color:#fff}.toast-error{background-color:#bd362f;color:#fff}.toast-info{background-color:#2f96b4;color:#fff}.toast-warning{background-color:#f89406;color:#fff}.toast-default{background-color:#fafafa;color:#555;padding:none}.toast-default.toast,.toast-default.toast .toast-message{padding:0}.toast-default.toast .toast-text-container{padding:15px}.toast-default.toast .toast-title{margin-bottom:3px}.toast-default .toast-message a,.toast-default .toast-message label{color:#555}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{width:90%;margin-left:auto;margin-right:auto}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{width:90%;margin-left:auto;margin-right:auto}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{width:25em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1$3.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NotificationToasterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-notification-toaster', standalone: true, imports: [
+                        TranslationPipe,
+                        CommonModule,
+                        TranslationComponent,
+                        CardModule,
+                        ToastModule,
+                        ButtonModule
+                    ], template: "<div id=\"toast-container\" class=\"card flex justify-content-center\" class=\"toast-bottom-right\">\r\n    <p-toast />\r\n    @for (m of messages; track m) {\r\n    <p-button (onClick)=\"notificationClick(m)\" [severity]=\" m.class\" />\r\n    <div class=\"toast-progress\"></div>\r\n    <div class=\"pull-left\">\r\n        @if(!m.iconUrl){\r\n        <ng-container>\r\n            @if(m.class=='success'){\r\n            <i class=\"pi pi-check\"></i>\r\n            }\r\n            @if(m.class=='info'){\r\n            <i class=\"pi pi-info-circle\"></i>\r\n            }\r\n            @if(m.class=='warning'){\r\n            <i class=\"pi-exclamation-circle\"></i>\r\n            }\r\n            @if(m.class=='error'){\r\n            <i class=\"pi pi-times\"></i>\r\n            }\r\n        </ng-container>\r\n    }\r\n\r\n    @if(m.iconUrl){<div [style.backgroundImage]=\"'url(' + m.iconUrl + ')'\" class=\"toast-icon\"></div>\r\n}\r\n    </div>\r\n\r\n    }\r\n</div>\r\n", styles: ["#toast-container>.toast{background-image:none!important}#toast-container>div{-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;opacity:.9;-ms-filter:alpha(Opacity=90);filter:alpha(opacity=90)}#toast-container>:hover{-moz-box-shadow:0 0 4px #999;-webkit-box-shadow:0 0 4px #999;box-shadow:0 0 4px #999;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;position:absolute;right:10px;top:5px}.toast-top-center{top:0;right:0;width:100%}.toast-icon{width:48px;height:48px;border-radius:4px;background-color:#fff;background-size:90%;background-repeat:no-repeat;background-position:center center;margin:0 7px 7px 0}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.toast{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 25px 15px 15px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}.icon{margin-right:10px;margin-bottom:10px}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303;color:#fff}.toast-success{background-color:#51a351;color:#fff}.toast-error{background-color:#bd362f;color:#fff}.toast-info{background-color:#2f96b4;color:#fff}.toast-warning{background-color:#f89406;color:#fff}.toast-default{background-color:#fafafa;color:#555;padding:none}.toast-default.toast,.toast-default.toast .toast-message{padding:0}.toast-default.toast .toast-text-container{padding:15px}.toast-default.toast .toast-title{margin-bottom:3px}.toast-default .toast-message a,.toast-default .toast-message label{color:#555}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{width:90%;margin-left:auto;margin-right:auto}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{width:90%;margin-left:auto;margin-right:auto}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{width:25em}}\n"] }]
+        }], ctorParameters: () => [] });
+
+class QrScannerComponent {
+    value = '';
+    // @Input()
+    // public disabled: boolean;
+    // disabled = input<boolean>('')
+    eventListener;
+    valueRead = new EventEmitter();
+    timeout;
+    renderer = inject(Renderer2);
+    constructor() { }
+    ngOnInit() {
+        this.eventListener = this.renderer.listen(document, 'keydown', (event) => {
+            // if (this.disabled())
+            //   return;
+            if (this.timeout)
+                clearTimeout(this.timeout);
+            if (event.keyCode != 13) {
+                if (event.keyCode >= 31) {
+                    this.value += event.key.toString().toUpperCase();
+                    this.timeout = setTimeout(() => {
+                        this.value = '';
+                    }, 1000);
+                }
+            }
+            else {
+                this.valueRead.emit(this.value);
+                this.value = '';
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.eventListener();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: QrScannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: QrScannerComponent, isStandalone: true, selector: "flow-qr-scanner", outputs: { valueRead: "valueRead" }, ngImport: i0, template: "", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: QrScannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flow-qr-scanner', standalone: true, template: "" }]
+        }], ctorParameters: () => [], propDecorators: { valueRead: [{
+                type: Output
+            }] } });
+
+class SidebarComponent {
+    contentComponent;
+    sidebarService = inject(SidebarService);
+    initialHeight;
+    panElement;
+    contentScrollable = signal(false, ...(ngDevMode ? [{ debugName: "contentScrollable" }] : []));
+    #deltaScroll = 0;
+    #initialY = 0;
+    #initialTimestamp;
+    ngOnInit() {
+    }
+    closeCallback(id) {
+        this.sidebarService.closeSidebar(id);
+    }
+    onPan(evt, id) {
+        console.log(evt);
+        switch (evt.type) {
+            case 'touchstart':
+                let targetId = evt.target.id;
+                this.panElement = document.querySelector(`#sidebar-${id} .p-drawer`);
+                this.panElement.style.transition = 'none';
+                this.initialHeight = this.panElement.offsetHeight;
+                this.#initialY = evt.touches[0].clientY;
+                this.#initialTimestamp = new Date().getTime();
+                break;
+            case 'touchmove':
+                if (!this.panElement)
+                    return;
+                this.#deltaScroll = this.#initialY - evt.touches[0].clientY;
+                if (this.#deltaScroll < 0 && this.contentComponent.nativeElement.scrollTop > 0) {
+                    this.panElement = null;
+                    return;
+                }
+                this.panElement.style.height = (this.initialHeight + this.#initialY - evt.touches[0].clientY) + 'px';
+                break;
+            case 'touchend':
+                if (!this.panElement)
+                    return;
+                let currentSidebar = this.sidebarService.sidebars().find(s => s.id == id);
+                this.panElement.style.transition = 'height .2s';
+                let scrollSpeed = Math.abs(this.#deltaScroll) / Math.floor(new Date().getTime() - this.#initialTimestamp);
+                if (this.panElement.offsetHeight < window.innerHeight * .3 || (this.#deltaScroll < 0 && scrollSpeed > 1.3)) {
+                    this.closeCallback(id);
+                }
+                if (this.panElement.offsetHeight > window.innerHeight * .3 && this.panElement.offsetHeight < window.innerHeight * .7) {
+                    this.panElement.style.height = '50%';
+                    currentSidebar.options.contentScrollable.set(false);
+                }
+                if (this.panElement.offsetHeight > window.innerHeight * .7) {
+                    this.panElement.style.height = '95%';
+                    currentSidebar.options.contentScrollable.set(true);
+                }
+                this.#deltaScroll = 0;
+                this.#initialTimestamp = 0;
+                this.#initialY = 0;
+                this.panElement = null;
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: SidebarComponent, isStandalone: true, selector: "sidebar", viewQueries: [{ propertyName: "contentComponent", first: true, predicate: ["content"], descendants: true, read: ElementRef }], ngImport: i0, template: "@for(sidebar of sidebarService.sidebars(); track sidebar.id) {\r\n<div [id]=\"'sidebar-' + sidebar.id\" style=\"height: 100%;\">\r\n  <p-drawer [visible]=\"sidebar.visible\" [appendTo]=\"'sidebar-' + sidebar.id\" dismissible=\"false\" closeOnEscape=\"false\"\r\n    [position]=\"sidebar.options.position\" [style]=\"sidebar.options.ngStyle\">\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-col h-full\" [id]=\"'sidebar-body-' + sidebar.id\" style=\"touch-action: none;\"\r\n        (touchmove)=\"onPan($event, sidebar.id)\" (touchstart)=\"onPan($event, sidebar.id)\"\r\n        (touchend)=\"onPan($event, sidebar.id)\">\r\n        <div class=\"flex align-items-center justify-content-between px-3 py-2 flex-shrink-0\"\r\n          [id]=\"'sidebar-header-' + sidebar.id\">\r\n          <span [id]=\"'sidebar-header-inner-' + sidebar.id\"\r\n            class=\"inline-flex flex-1 align-items-center justify-content-center gap-2 \">\r\n            @if (sidebar.options.position=='bottom') {\r\n            <div class=\"inline-block self-center bg-sky-400 rounded-full my-8\"\r\n              [id]=\"'sidebar-header-hook-' + sidebar.id\" style=\"height: .3rem; width:70px\"></div>\r\n            }\r\n          </span>\r\n          @if(sidebar.options.position == 'left' || sidebar.options.position == 'right') {\r\n          <span>\r\n            <p-button type=\"button\" (click)=\"closeCallback(sidebar.id)\" rounded=\"true\" outlined=\"true\"\r\n              styleClass=\"h-2rem w-2rem\"><span class=\"material-symbols\">close</span></p-button>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div #content\r\n          [class]=\"{ 'overflow-y-auto': sidebar.options.contentScrollable(), 'p-3': !sidebar.options.noPadding }\">\r\n          <ng-container *ngComponentOutlet=\"sidebar.component;inputs: sidebar.inputs;\" />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-drawer>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1$4.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: HammerModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sidebar', standalone: true, imports: [DrawerModule, NgComponentOutlet, ButtonModule, HammerModule], template: "@for(sidebar of sidebarService.sidebars(); track sidebar.id) {\r\n<div [id]=\"'sidebar-' + sidebar.id\" style=\"height: 100%;\">\r\n  <p-drawer [visible]=\"sidebar.visible\" [appendTo]=\"'sidebar-' + sidebar.id\" dismissible=\"false\" closeOnEscape=\"false\"\r\n    [position]=\"sidebar.options.position\" [style]=\"sidebar.options.ngStyle\">\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-col h-full\" [id]=\"'sidebar-body-' + sidebar.id\" style=\"touch-action: none;\"\r\n        (touchmove)=\"onPan($event, sidebar.id)\" (touchstart)=\"onPan($event, sidebar.id)\"\r\n        (touchend)=\"onPan($event, sidebar.id)\">\r\n        <div class=\"flex align-items-center justify-content-between px-3 py-2 flex-shrink-0\"\r\n          [id]=\"'sidebar-header-' + sidebar.id\">\r\n          <span [id]=\"'sidebar-header-inner-' + sidebar.id\"\r\n            class=\"inline-flex flex-1 align-items-center justify-content-center gap-2 \">\r\n            @if (sidebar.options.position=='bottom') {\r\n            <div class=\"inline-block self-center bg-sky-400 rounded-full my-8\"\r\n              [id]=\"'sidebar-header-hook-' + sidebar.id\" style=\"height: .3rem; width:70px\"></div>\r\n            }\r\n          </span>\r\n          @if(sidebar.options.position == 'left' || sidebar.options.position == 'right') {\r\n          <span>\r\n            <p-button type=\"button\" (click)=\"closeCallback(sidebar.id)\" rounded=\"true\" outlined=\"true\"\r\n              styleClass=\"h-2rem w-2rem\"><span class=\"material-symbols\">close</span></p-button>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div #content\r\n          [class]=\"{ 'overflow-y-auto': sidebar.options.contentScrollable(), 'p-3': !sidebar.options.noPadding }\">\r\n          <ng-container *ngComponentOutlet=\"sidebar.component;inputs: sidebar.inputs;\" />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-drawer>\r\n</div>\r\n}" }]
+        }], propDecorators: { contentComponent: [{
+                type: ViewChild,
+                args: ['content', { read: ElementRef }]
+            }] } });
+
+class StoriesComponent {
+    stories = input([], ...(ngDevMode ? [{ debugName: "stories" }] : []));
+    currentStoryIndex = signal(-1, ...(ngDevMode ? [{ debugName: "currentStoryIndex" }] : []));
+    footerTemplate = input(...(ngDevMode ? [undefined, { debugName: "footerTemplate" }] : []));
+    subFooterTemplate = input(...(ngDevMode ? [undefined, { debugName: "subFooterTemplate" }] : []));
+    sideTemplate = input(...(ngDevMode ? [undefined, { debugName: "sideTemplate" }] : []));
+    showSubFooter = input(true, ...(ngDevMode ? [{ debugName: "showSubFooter" }] : []));
+    mute = signal(true, ...(ngDevMode ? [{ debugName: "mute" }] : []));
+    descriptionOpen = input(...(ngDevMode ? [undefined, { debugName: "descriptionOpen" }] : []));
+    storyChanged = output();
+    currentStory = computed(() => this.stories()[this.currentStoryIndex()], ...(ngDevMode ? [{ debugName: "currentStory" }] : []));
+    defaultDuration = input(7, ...(ngDevMode ? [{ debugName: "defaultDuration" }] : []));
+    currentProgress = signal(0, ...(ngDevMode ? [{ debugName: "currentProgress" }] : []));
+    currentTime = 0;
+    timerInterval = 100;
+    timerSubscription;
+    paused = model(false, ...(ngDevMode ? [{ debugName: "paused" }] : []));
+    sidebarService = inject(SidebarService);
+    videoPlayer;
+    constructor() {
+        effect(() => {
+            if (this.currentStoryIndex() == -1 && this.stories().length > 0)
+                untracked(() => this.next());
+        });
+        effect(() => {
+            if (!this.paused()) {
+                untracked(() => this.runTimer());
+                if (this.videoPlayer)
+                    this.videoPlayer.nativeElement.play();
+            }
+            else {
+                if (this.videoPlayer)
+                    this.videoPlayer.nativeElement.pause();
+            }
+        });
+    }
+    ngOnInit() {
+    }
+    next() {
+        this.currentStoryIndex.update(c => c + 1 < this.stories().length ? c + 1 : 0);
+        this.currentStory().completion = signal(0, ...(ngDevMode ? [{ debugName: "completion" }] : []));
+        this.storyChanged.emit(this.currentStory());
+        this.paused.set(false);
+        this.currentProgress.set(0);
+        this.currentTime = 0;
+        this.runTimer();
+    }
+    runTimer() {
+        if (this.timerSubscription)
+            this.timerSubscription.unsubscribe();
+        if (this.paused())
+            return;
+        this.timerSubscription = timer(this.timerInterval).subscribe(() => {
+            this.currentTime += this.timerInterval;
+            let duration = this.currentStory()?.duration ?? this.defaultDuration();
+            this.currentProgress.set(this.currentTime / (duration * 10));
+            if (this.currentTime >= duration * 1000)
+                this.next();
+            else
+                this.runTimer();
+        });
+    }
+    closeCallback(id) {
+        this.sidebarService.closeSidebar(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: StoriesComponent, isStandalone: true, selector: "stories", inputs: { stories: { classPropertyName: "stories", publicName: "stories", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, subFooterTemplate: { classPropertyName: "subFooterTemplate", publicName: "subFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, sideTemplate: { classPropertyName: "sideTemplate", publicName: "sideTemplate", isSignal: true, isRequired: false, transformFunction: null }, showSubFooter: { classPropertyName: "showSubFooter", publicName: "showSubFooter", isSignal: true, isRequired: false, transformFunction: null }, descriptionOpen: { classPropertyName: "descriptionOpen", publicName: "descriptionOpen", isSignal: true, isRequired: false, transformFunction: null }, defaultDuration: { classPropertyName: "defaultDuration", publicName: "defaultDuration", isSignal: true, isRequired: false, transformFunction: null }, paused: { classPropertyName: "paused", publicName: "paused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { storyChanged: "storyChanged", paused: "pausedChange" }, viewQueries: [{ propertyName: "videoPlayer", first: true, predicate: ["videoPlayer"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"w-full h-full flex align-items-center justify-content-center story-container\">\r\n    <div class=\"story-backdrop\" (click)=\"next()\">\r\n        @if (currentStory()?.type=='image') {\r\n        <img [src]=\"currentStory().src\" />\r\n        } @else if (currentStory()?.type=='video') {\r\n        <video class=\"w-full\">\r\n            <source [src]=\"currentStory().src\" type=\"video/mp4\">\r\n        </video>\r\n        }\r\n    </div>\r\n\r\n\r\n    <div class=\"story-content sm:border-round\">\r\n        \r\n        <div class=\"flex gap-1 story-lines p-2\">\r\n            @for (story of stories(); track story.id; let i = $index) {\r\n                <span>\r\n                    <p-button type=\"button\" (click)=\"closeCallback(story.id)\" icon=\"pi pi-times\" rounded=\"true\"\r\n                        outlined=\"true\" styleClass=\"h-2rem w-2rem\"></p-button>\r\n                </span>\r\n            <div class=\"story-line\">\r\n                <div class=\"story-line-inner\"\r\n                    [style.width]=\"currentStoryIndex() > i ? '100%' : (currentStoryIndex() == i ? this.currentProgress() + '%' : '0')\">\r\n                </div>\r\n            </div>\r\n            }\r\n        </div>\r\n        @if (currentStory()?.type == 'image') {\r\n        <img [src]=\"currentStory().src\" (click)=\"next()\" />\r\n        }\r\n        @if (currentStory()?.type=='video') {\r\n\r\n        <video class=\"w-full h-full\" (canplay)=\"videoPlayer.play()\" (loadedmetadata)=\"videoPlayer.muted = mute()\"\r\n            #videoPlayer autoplay [muted]=\"mute()\" [playsInline]=\"true\" loop (click)=\"next()\">\r\n            <source [src]=\"currentStory().src\" type=\"video/mp4\">\r\n\r\n        </video>\r\n        }\r\n\r\n        <div\r\n            [class]=\"'story-overlay absolute bottom-0 p-3 left-0 w-full flex-column absolute flex align-items-end justify-content-end gap-2 ' + (descriptionOpen() ? 'scrollable' : '')\">\r\n            <div class=\"flex align-items-end min-h-0 w-full gap-2\">\r\n                @if(footerTemplate()){\r\n                <div class=\"story-footer\">\r\n                    <ng-container [ngTemplateOutlet]=\"footerTemplate()\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: currentStory() }\"></ng-container>\r\n                </div>\r\n                }\r\n                @if(sideTemplate()){\r\n                <div class=\"story-side\">\r\n                    <div class=\"mb-4\">\r\n                        <i (click)=\"paused.set(!paused())\"\r\n                            [class]=\"'pi side-icon ' + (paused() ? 'pi-play' : 'pi-pause')\"></i>\r\n                    </div>\r\n                    <div class=\"mb-4\">\r\n                        <i (click)=\"mute.set(!mute())\"\r\n                            [class]=\"'pi side-icon ' + (mute() ? 'pi-volume-off' : 'pi-volume-up')\"></i>\r\n                    </div>\r\n                    <ng-container [ngTemplateOutlet]=\"sideTemplate()\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: currentStory() }\"></ng-container>\r\n                </div>\r\n                }\r\n            </div>\r\n            @if(showSubFooter() && subFooterTemplate()){\r\n            <div class=\"story-subfooter w-full text-center\">\r\n                <ng-container [ngTemplateOutlet]=\"subFooterTemplate()\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: currentStory() }\"></ng-container>\r\n            </div>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n</div>", styles: [".story-content{background-position:center;background-size:contain;z-index:1;background-repeat:no-repeat;background-color:#000;position:relative;aspect-ratio:9 / 16;height:calc(100% - 5rem);display:flex;overflow:hidden}.story-backdrop{background-color:#000;position:absolute;left:0;top:0;width:100%;height:100%;filter:blur(50px);display:flex;align-items:center;justify-content:center;overflow:hidden}.story-backdrop video,.story-backdrop img{object-fit:cover;width:100%;height:100%}.story-content video,.story-content img{object-fit:contain}.story-content img{width:100%}.story-lines{position:absolute;width:100%}.story-line{background:#fff6;border-radius:6px;height:4px;flex:1}.story-footer{color:#fff;flex:1;min-width:0}p-skeleton .p-skeleton{background-color:#373737cc}.story-overlay{color:#fff;background-image:linear-gradient(transparent,#000c,#000);text-shadow:0 0px 3px rgba(0,0,0);padding-top:50px!important}.story-side{width:50px;text-align:center}.story-side .side-icon{font-size:24px}.story-line-inner{background:#fff;border-radius:6px;height:4px;transition:width .1s}.story-container{background-color:#000}.story-overlay.scrollable{height:90%;padding-top:0}.story-overlay.scrollable .story-footer{height:100%;overflow-y:auto}.story-overlay.scrollable .story-description{height:initial}.story-footer::-webkit-scrollbar{display:none}@media (max-width: 567px){.story-content{width:100%;height:100%;border-radius:0;background-color:transparent;margin:0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StoriesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'stories', standalone: true, imports: [JsonPipe, NgTemplateOutlet, ButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"w-full h-full flex align-items-center justify-content-center story-container\">\r\n    <div class=\"story-backdrop\" (click)=\"next()\">\r\n        @if (currentStory()?.type=='image') {\r\n        <img [src]=\"currentStory().src\" />\r\n        } @else if (currentStory()?.type=='video') {\r\n        <video class=\"w-full\">\r\n            <source [src]=\"currentStory().src\" type=\"video/mp4\">\r\n        </video>\r\n        }\r\n    </div>\r\n\r\n\r\n    <div class=\"story-content sm:border-round\">\r\n        \r\n        <div class=\"flex gap-1 story-lines p-2\">\r\n            @for (story of stories(); track story.id; let i = $index) {\r\n                <span>\r\n                    <p-button type=\"button\" (click)=\"closeCallback(story.id)\" icon=\"pi pi-times\" rounded=\"true\"\r\n                        outlined=\"true\" styleClass=\"h-2rem w-2rem\"></p-button>\r\n                </span>\r\n            <div class=\"story-line\">\r\n                <div class=\"story-line-inner\"\r\n                    [style.width]=\"currentStoryIndex() > i ? '100%' : (currentStoryIndex() == i ? this.currentProgress() + '%' : '0')\">\r\n                </div>\r\n            </div>\r\n            }\r\n        </div>\r\n        @if (currentStory()?.type == 'image') {\r\n        <img [src]=\"currentStory().src\" (click)=\"next()\" />\r\n        }\r\n        @if (currentStory()?.type=='video') {\r\n\r\n        <video class=\"w-full h-full\" (canplay)=\"videoPlayer.play()\" (loadedmetadata)=\"videoPlayer.muted = mute()\"\r\n            #videoPlayer autoplay [muted]=\"mute()\" [playsInline]=\"true\" loop (click)=\"next()\">\r\n            <source [src]=\"currentStory().src\" type=\"video/mp4\">\r\n\r\n        </video>\r\n        }\r\n\r\n        <div\r\n            [class]=\"'story-overlay absolute bottom-0 p-3 left-0 w-full flex-column absolute flex align-items-end justify-content-end gap-2 ' + (descriptionOpen() ? 'scrollable' : '')\">\r\n            <div class=\"flex align-items-end min-h-0 w-full gap-2\">\r\n                @if(footerTemplate()){\r\n                <div class=\"story-footer\">\r\n                    <ng-container [ngTemplateOutlet]=\"footerTemplate()\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: currentStory() }\"></ng-container>\r\n                </div>\r\n                }\r\n                @if(sideTemplate()){\r\n                <div class=\"story-side\">\r\n                    <div class=\"mb-4\">\r\n                        <i (click)=\"paused.set(!paused())\"\r\n                            [class]=\"'pi side-icon ' + (paused() ? 'pi-play' : 'pi-pause')\"></i>\r\n                    </div>\r\n                    <div class=\"mb-4\">\r\n                        <i (click)=\"mute.set(!mute())\"\r\n                            [class]=\"'pi side-icon ' + (mute() ? 'pi-volume-off' : 'pi-volume-up')\"></i>\r\n                    </div>\r\n                    <ng-container [ngTemplateOutlet]=\"sideTemplate()\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: currentStory() }\"></ng-container>\r\n                </div>\r\n                }\r\n            </div>\r\n            @if(showSubFooter() && subFooterTemplate()){\r\n            <div class=\"story-subfooter w-full text-center\">\r\n                <ng-container [ngTemplateOutlet]=\"subFooterTemplate()\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: currentStory() }\"></ng-container>\r\n            </div>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n</div>", styles: [".story-content{background-position:center;background-size:contain;z-index:1;background-repeat:no-repeat;background-color:#000;position:relative;aspect-ratio:9 / 16;height:calc(100% - 5rem);display:flex;overflow:hidden}.story-backdrop{background-color:#000;position:absolute;left:0;top:0;width:100%;height:100%;filter:blur(50px);display:flex;align-items:center;justify-content:center;overflow:hidden}.story-backdrop video,.story-backdrop img{object-fit:cover;width:100%;height:100%}.story-content video,.story-content img{object-fit:contain}.story-content img{width:100%}.story-lines{position:absolute;width:100%}.story-line{background:#fff6;border-radius:6px;height:4px;flex:1}.story-footer{color:#fff;flex:1;min-width:0}p-skeleton .p-skeleton{background-color:#373737cc}.story-overlay{color:#fff;background-image:linear-gradient(transparent,#000c,#000);text-shadow:0 0px 3px rgba(0,0,0);padding-top:50px!important}.story-side{width:50px;text-align:center}.story-side .side-icon{font-size:24px}.story-line-inner{background:#fff;border-radius:6px;height:4px;transition:width .1s}.story-container{background-color:#000}.story-overlay.scrollable{height:90%;padding-top:0}.story-overlay.scrollable .story-footer{height:100%;overflow-y:auto}.story-overlay.scrollable .story-description{height:initial}.story-footer::-webkit-scrollbar{display:none}@media (max-width: 567px){.story-content{width:100%;height:100%;border-radius:0;background-color:transparent;margin:0}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { videoPlayer: [{
+                type: ViewChild,
+                args: ['videoPlayer', { read: ElementRef }]
+            }] } });
+
+// import { UUID } from 'angular2-uuid';
+// import { environment } from 'environments/environment';
+class QuestionsComponent {
+    imageRoot = input(null, ...(ngDevMode ? [{ debugName: "imageRoot" }] : []));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    // get value(): any {
+    //   return this.registerQuestions;
+    // };
+    mode = input('answer', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    // private _mode: string = 'answer';
+    // @Input()
+    // public get mode() {
+    //   return this._mode;
+    // }
+    // public set mode(value) {
+    //   this._mode = value;
+    // }
+    get imageItem() {
+        return !this.registerQuestions ? null : this.registerQuestions().find(t => t.type == 'IMAGE');
+    }
+    get firstNameItem() {
+        return !this.registerQuestions ? null : this.registerQuestions().find(t => t.type == 'FIRSTNAME');
+    }
+    get lastNameItem() {
+        return !this.registerQuestions ? null : this.registerQuestions().find(t => t.type == 'LASTNAME');
+    }
+    get extraFields() {
+        return !this.registerQuestions ? null : this.registerQuestions().filter(t => t.type != 'IMAGE' && t.type != 'FIRSTNAME' && t.type != 'LASTNAME') || [];
+    }
+    get imageUrl() {
+        if (!this.imageItem)
+            return null;
+        else
+            return this.sanitizer.bypassSecurityTrustStyle(`url(${this.imageRoot()}/misc/${!this.environment.production ? '_debug/' : ''}${this.imageItem.answer})`);
+    }
+    has(item, type) {
+        return !this.registerQuestions().find(t => t.type == type && t.id != item.id);
+    }
+    get orderedRegisterQuestions() {
+        return this.registerQuestions()?.sort((a, b) => a.priority > b.priority ? 1 : a.priority == b.priority ? 0 : -1);
+    }
+    registerQuestions = model([], ...(ngDevMode ? [{ debugName: "registerQuestions" }] : []));
+    sanitizer = inject(DomSanitizer);
+    environment = inject(FlowAppConfig);
+    constructor() {
+    }
+    ngOnInit() {
+    }
+    addNew() {
+        this.registerQuestions.update(rq => ([...rq, { id: uuid.v4(), type: 'TEXTBOX', priority: (Math.max(...rq.map(q => q.priority)) > 0 ? Math.max(...rq.map(q => q.priority)) : 0) + 1 }]));
+        console.log(this.registerQuestions());
+    }
+    deleteQuestion(item) {
+        this.registerQuestions.update(q => q.splice(q.indexOf(item), 1));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: QuestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: QuestionsComponent, isStandalone: true, selector: "questions", inputs: { imageRoot: { classPropertyName: "imageRoot", publicName: "imageRoot", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, registerQuestions: { classPropertyName: "registerQuestions", publicName: "registerQuestions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { registerQuestions: "registerQuestionsChange" }, ngImport: i0, template: "<div>\r\n  @for(item of orderedRegisterQuestions; track item){\r\n  <div>\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.question\"></translate>\r\n      </label>\r\n      <input type=\"text\" [(ngModel)]=\"item.name\" class=\"form-control\" name=\"{{item.id}}\" required />\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.type\"></translate>\r\n      </label>\r\n\r\n      <select [(ngModel)]=\"item.inputType\" class=\"form-control\">\r\n        <option>TEXTBOX</option>\r\n        <option>TEXTAREA</option>\r\n        <option>CHOICE</option>\r\n        @if(has(item, 'DATEOFBIRTH')){\r\n        <option>DATE</option>\r\n        }\r\n\r\n        @if(has(item, 'IMAGE')){\r\n        <option>IMAGE</option>\r\n        }\r\n      </select>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.value-type\"></translate>\r\n      </label>\r\n\r\n      <select [(ngModel)]=\"item.type\" class=\"form-control\">\r\n        @if(has(item, 'FIRSTNAME')){\r\n        <option>FIRSTNAME</option>\r\n        }\r\n        @if(has(item, 'LASTNAME')){\r\n        <option>LASTNAME</option>\r\n        }\r\n        @if(has(item, 'EMAIL')){\r\n        <option>EMAIL</option>\r\n        }\r\n        @if(has(item, 'PHONE')){\r\n        <option>PHONE</option>\r\n        }\r\n        @if(has(item, 'CNP')){\r\n        <option>CNP</option>\r\n        }\r\n        @if(has(item, 'SEX')){\r\n        <option>SEX</option>\r\n        }\r\n        @if(has(item, 'COUNTRY')){\r\n        <option>COUNTRY</option>\r\n        }\r\n        @if(has(item, 'CITY')){\r\n        <option>CITY</option>\r\n        }\r\n        @if(has(item, 'DATEOFBIRTH')){\r\n        <option>DATEOFBIRTH</option>\r\n        }\r\n        @if(has(item, 'GUARDIANNAME')){\r\n        <option>GUARDIANNAME</option>\r\n        }\r\n        @if(has(item, 'GUARDIANPHONE')){\r\n        <option>GUARDIANPHONE</option>\r\n        }\r\n        @if(has(item, 'IMAGE')){\r\n        <option>IMAGE</option>\r\n        }\r\n        <option>OTHER</option>\r\n      </select>\r\n    </div>\r\n    @if(item.inputType=='CHOICE'){\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.choices\"></translate>\r\n      </label>\r\n      <textarea [(ngModel)]=\"item.choices\" class=\"form-control\" #choices=\"ngModel\" name=\"choices\" rows=\"5\"></textarea>\r\n    </div>\r\n    }\r\n\r\n    <div class=\"form-group\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n      <label>\r\n        <translate name=\"company-questions.priority\"></translate>\r\n      </label>\r\n      <input type=\"number\" [(ngModel)]=\"item.priority\" class=\"form-control\" style=\"width:100px; margin-left: 5px;\" />\r\n\r\n      <p-checkbox class=\"pr-3\" [(ngModel)]=\"item.required\" [binary]=\"true\" name=\"is_required\" [inputId]=\"item.required\">\r\n        <translate name=\"questions.is-required\">\r\n        </translate>\r\n      </p-checkbox>\r\n\r\n      <!-- <icheck name=\"is_required\" style=\"margin-left: 10px;\" [(ngModel)]=\"item.required\"><translate name=\"questions.is-required\">\r\n      </translate>\r\n    </icheck> -->\r\n\r\n      <a class=\"btn btn-warning btn-sm\" style=\"margin-left: auto;\" (click)=\"deleteQuestion(item)\"><i\r\n          class=\"pi pi-trash\"></i></a>\r\n\r\n    </div>\r\n    <hr />\r\n  </div>\r\n}\r\n  <button class=\"btn btn-primary\" (click)=\"addNew()\"><i class=\"pi pi-plus\"></i></button>\r\n</div>\r\n<!-- <div *ngIf=\"mode=='answer'\">\r\n  <div class=\"form-group text-center\">\r\n    <div [style.backgroundImage]=\"imageUrl\" *ngIf=\"imageItem\" class=\"image-upload\"></div>\r\n    <h3 *ngIf=\"firstNameItem || lastNameItem\">{{firstNameItem?.answer}} {{lastNameItem?.answer}}</h3>\r\n  </div>\r\n  <div class=\"form-group extra-fields\" *ngFor=\"let item of extraFields\">\r\n    <label>{{item.name}}</label>\r\n    \r\n    <div>{{item.answer}}</div>\r\n  </div>\r\n</div> -->", styles: [".image-upload{width:200px;height:200px;background-size:cover;background-position:center center;display:inline-block}.extra-fields{background-color:#fff;border-bottom:solid 1px #ccc;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TranslationComponent, selector: "translate", inputs: ["name", "replacements"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: QuestionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'questions', standalone: true, imports: [
+                        CommonModule,
+                        TranslationComponent,
+                        FormsModule,
+                        InputTextModule,
+                        CardModule,
+                        RippleModule,
+                        ButtonModule,
+                        CheckboxModule,
+                        // DropdownModule,
+                        // TagModule,
+                        // CompareDirective
+                        // RouterModule,
+                    ], template: "<div>\r\n  @for(item of orderedRegisterQuestions; track item){\r\n  <div>\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.question\"></translate>\r\n      </label>\r\n      <input type=\"text\" [(ngModel)]=\"item.name\" class=\"form-control\" name=\"{{item.id}}\" required />\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.type\"></translate>\r\n      </label>\r\n\r\n      <select [(ngModel)]=\"item.inputType\" class=\"form-control\">\r\n        <option>TEXTBOX</option>\r\n        <option>TEXTAREA</option>\r\n        <option>CHOICE</option>\r\n        @if(has(item, 'DATEOFBIRTH')){\r\n        <option>DATE</option>\r\n        }\r\n\r\n        @if(has(item, 'IMAGE')){\r\n        <option>IMAGE</option>\r\n        }\r\n      </select>\r\n    </div>\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.value-type\"></translate>\r\n      </label>\r\n\r\n      <select [(ngModel)]=\"item.type\" class=\"form-control\">\r\n        @if(has(item, 'FIRSTNAME')){\r\n        <option>FIRSTNAME</option>\r\n        }\r\n        @if(has(item, 'LASTNAME')){\r\n        <option>LASTNAME</option>\r\n        }\r\n        @if(has(item, 'EMAIL')){\r\n        <option>EMAIL</option>\r\n        }\r\n        @if(has(item, 'PHONE')){\r\n        <option>PHONE</option>\r\n        }\r\n        @if(has(item, 'CNP')){\r\n        <option>CNP</option>\r\n        }\r\n        @if(has(item, 'SEX')){\r\n        <option>SEX</option>\r\n        }\r\n        @if(has(item, 'COUNTRY')){\r\n        <option>COUNTRY</option>\r\n        }\r\n        @if(has(item, 'CITY')){\r\n        <option>CITY</option>\r\n        }\r\n        @if(has(item, 'DATEOFBIRTH')){\r\n        <option>DATEOFBIRTH</option>\r\n        }\r\n        @if(has(item, 'GUARDIANNAME')){\r\n        <option>GUARDIANNAME</option>\r\n        }\r\n        @if(has(item, 'GUARDIANPHONE')){\r\n        <option>GUARDIANPHONE</option>\r\n        }\r\n        @if(has(item, 'IMAGE')){\r\n        <option>IMAGE</option>\r\n        }\r\n        <option>OTHER</option>\r\n      </select>\r\n    </div>\r\n    @if(item.inputType=='CHOICE'){\r\n    <div class=\"form-group\">\r\n      <label>\r\n        <translate name=\"company-questions.choices\"></translate>\r\n      </label>\r\n      <textarea [(ngModel)]=\"item.choices\" class=\"form-control\" #choices=\"ngModel\" name=\"choices\" rows=\"5\"></textarea>\r\n    </div>\r\n    }\r\n\r\n    <div class=\"form-group\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n      <label>\r\n        <translate name=\"company-questions.priority\"></translate>\r\n      </label>\r\n      <input type=\"number\" [(ngModel)]=\"item.priority\" class=\"form-control\" style=\"width:100px; margin-left: 5px;\" />\r\n\r\n      <p-checkbox class=\"pr-3\" [(ngModel)]=\"item.required\" [binary]=\"true\" name=\"is_required\" [inputId]=\"item.required\">\r\n        <translate name=\"questions.is-required\">\r\n        </translate>\r\n      </p-checkbox>\r\n\r\n      <!-- <icheck name=\"is_required\" style=\"margin-left: 10px;\" [(ngModel)]=\"item.required\"><translate name=\"questions.is-required\">\r\n      </translate>\r\n    </icheck> -->\r\n\r\n      <a class=\"btn btn-warning btn-sm\" style=\"margin-left: auto;\" (click)=\"deleteQuestion(item)\"><i\r\n          class=\"pi pi-trash\"></i></a>\r\n\r\n    </div>\r\n    <hr />\r\n  </div>\r\n}\r\n  <button class=\"btn btn-primary\" (click)=\"addNew()\"><i class=\"pi pi-plus\"></i></button>\r\n</div>\r\n<!-- <div *ngIf=\"mode=='answer'\">\r\n  <div class=\"form-group text-center\">\r\n    <div [style.backgroundImage]=\"imageUrl\" *ngIf=\"imageItem\" class=\"image-upload\"></div>\r\n    <h3 *ngIf=\"firstNameItem || lastNameItem\">{{firstNameItem?.answer}} {{lastNameItem?.answer}}</h3>\r\n  </div>\r\n  <div class=\"form-group extra-fields\" *ngFor=\"let item of extraFields\">\r\n    <label>{{item.name}}</label>\r\n    \r\n    <div>{{item.answer}}</div>\r\n  </div>\r\n</div> -->", styles: [".image-upload{width:200px;height:200px;background-size:cover;background-position:center center;display:inline-block}.extra-fields{background-color:#fff;border-bottom:solid 1px #ccc;padding:10px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class LoginComponent {
+    userService;
+    globalService;
+    router;
+    message;
+    constructor(userService, globalService, router) {
+        this.userService = userService;
+        this.globalService = globalService;
+        this.router = router;
+    }
+    ngOnInit() {
+        var result = {};
+        window.location.hash.substring(1).split('&').forEach(e => {
+            var k = e.split('=');
+            if (k[1] != 'null')
+                result[k[0]] = k[1];
+        });
+        let provider = decodeURIComponent(result.state).split('|')[0];
+        let returnUrl = decodeURIComponent(result.state).split('|')[1];
+        this.userService.redirectTo = returnUrl;
+        if (window.opener && window.opener && window.opener.login) {
+            window.opener.login.externalLogin(result, provider);
+            window.close();
+            return;
+        }
+        if (window.parent && window.parent.login) {
+            window.parent.login.externalLogin(result, provider);
+            return;
+        }
+        timer(100).subscribe(r => {
+            window.login.externalLogin(result, provider);
+        });
+        // this.userService.redirectTo = null;
+        // let redirectUrl = this.userService.processLogin().subscribe(res => {
+        //   console.log(window)
+        //   if (window.opener && window.opener && window.opener.login)
+        //   {
+        //     window.opener.login.userLoggedIn(this.userService.currentUser);
+        //     window.close();
+        //     return;
+        //   }
+        //   if (window.parent && window.parent.login) {
+        //     window.parent.login.userLoggedIn(this.userService.currentUser);
+        //     return;
+        //   }
+        //   window.login.userLoggedIn(this.userService.currentUser);
+        // });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LoginComponent, deps: [{ token: UserAccountService }, { token: GlobalService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: LoginComponent, isStandalone: true, selector: "app-login", ngImport: i0, template: "<!-- <app-loader></app-loader> -->\r\n<div style=\"max-width:400px; width:90%; margin: 0px auto\">\r\n  <payvent-login-form></payvent-login-form>\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoginFormComponent, selector: "payvent-login-form", inputs: ["context", "allowAccountCreation", "tokenType", "clientId", "type"], outputs: ["contextChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-login', standalone: true, imports: [LoginFormComponent], template: "<!-- <app-loader></app-loader> -->\r\n<div style=\"max-width:400px; width:90%; margin: 0px auto\">\r\n  <payvent-login-form></payvent-login-form>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: UserAccountService }, { type: GlobalService }, { type: i1.Router }] });
+
+// export * from './loading-button/loading-button.component';
+// export * from './location-select/location-select.component';
+// export * from './flow-uploader/flow-uploader.component';
+// export * from './notification-list/notification-list.component';
+// export * from './questions/questions.component';
+
+class Misc {
+    hexToRgbA(hex, opacity) {
+        var c;
+        if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+            c = hex.substring(1).split('');
+            if (c.length == 3) {
+                c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+            }
+            c = '0x' + c.join('');
+            return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + opacity + ')';
+        }
+        throw new Error('Bad Hex');
+    }
+}
+
+class StoryContext {
+    id;
+    type;
+    src;
+    completion = signal(0, ...(ngDevMode ? [{ debugName: "completion" }] : []));
+}
+
+/*
+ * Public API Surface of ngx-payvent-shared
+ */
+// export * from './lib/misc/sidebar-context';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ApplicationSharedService, CookieBarComponent, FlowAppConfig, FlowCookieService, FlowHttpClient, GlobalService, InternationalPhoneComponent, LoginComponent, LoginFormComponent, Misc, ModalService, NotificationDropdownComponent, NotificationListComponent, NotificationToasterComponent, QrScannerComponent, QuestionsComponent, SidebarComponent, SidebarContext, SidebarService, SignalrNotificationService, SortingPagingCriteria, StoriesComponent, StoryContext, SumPipe, TranslationComponent, TranslationPipe, TranslationSharedService, UserAccountService };
+//# sourceMappingURL=ngx-payvent-shared.mjs.map