@sambath999/localize-token 12.4.1 → 12.4.2

package/fesm2015/sambath999-localize-token.js

@@ -1,12 +1,12 @@
-import * as i0 from '@angular/core';
-import { Injectable, NgModule, Component, ViewEncapsulation, ChangeDetectorRef, Injector, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { __awaiter } from 'tslib';
-import { BehaviorSubject, takeUntil, catchError, throwError, Subject } from 'rxjs';
-import * as jwt_decode from 'jwt-decode';
 import * as i1 from '@angular/common/http';
-import { HttpErrorResponse, HttpHeaders, HttpClient } from '@angular/common/http';
+import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { Injectable, Component, ViewEncapsulation, ChangeDetectorRef, Injector, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { MessageService } from 'primeng/api';
 import { DynamicDialogRef, DynamicDialogConfig, DialogService } from 'primeng/dynamicdialog';
+import { BehaviorSubject, takeUntil, catchError, throwError, Subject } from 'rxjs';
+import * as jwt_decode from 'jwt-decode';
 import { DomSanitizer, BrowserModule } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 import { ToastModule } from 'primeng/toast';
@@ -14,26 +14,6 @@ import { InputTextModule } from 'primeng/inputtext';
 import { ButtonModule } from 'primeng/button';
 import { FormsModule } from '@angular/forms';
 
-const LOCALIZE_API_ASSETS = {
-    network: {
-        noConnection: `<?xml version="1.0" encoding="UTF-8"?>
-            <svg id="lze-no-connection" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.29 70.98">
-            <defs>
-                <style> .cls-1 { fill: #fff; } .cls-2, .cls-3 { fill: #e30613; } .cls-3 { stroke: #e30613; stroke-miterlimit: 10; stroke-width: .25px; } </style>
-            </defs>
-            <g id="Layer_3" data-name="Layer 3">
-                <g>
-                <path class="cls-1" d="m73.29,35c-1.2,0-2.33-.53-3.09-1.46-.48-.57-11.23-13.2-31.55-13.2s-31.11,12.66-31.56,13.2c-1.4,1.71-3.92,1.95-5.63.55-1.71-1.4-1.95-3.92-.55-5.63.54-.66,13.47-16.12,37.74-16.12s37.2,15.46,37.74,16.12c1.4,1.71,1.15,4.23-.56,5.62-.71.58-1.61.9-2.53.9Z"/>
-                <path class="cls-1" d="m63.96,45.66c-1.19,0-2.32-.53-3.08-1.44-5.79-6.05-13.86-9.39-22.24-9.21-8.38-.18-16.45,3.16-22.24,9.22-1.46,1.65-3.99,1.81-5.64.35-1.57-1.39-1.8-3.77-.52-5.43,7.32-7.89,17.64-12.29,28.4-12.12,10.76-.17,21.08,4.24,28.4,12.12,1.4,1.71,1.15,4.23-.56,5.62-.71.58-1.6.9-2.53.9Z"/>
-                <path class="cls-1" d="m53.3,56.32c-1.24,0-2.41-.57-3.16-1.55-5.73-6.35-15.52-6.85-21.87-1.13-.4.36-.77.73-1.13,1.13-1.36,1.73-3.88,2.03-5.61.67-1.71-1.34-2.03-3.8-.73-5.54,8.39-9.85,23.18-11.04,33.03-2.65.95.81,1.84,1.69,2.65,2.65,1.34,1.75,1,4.26-.75,5.6-.7.53-1.55.82-2.43.82Z"/>
-                </g>
-                <path class="cls-2" d="m47.21,9.45l-4.06,41.36c-.64,5.42-8.39,5.39-9.01,0,0,0-4.06-41.36-4.06-41.36-.46-4.73,2.99-8.94,7.72-9.4,5.33-.58,9.97,4.09,9.4,9.4h0Z"/>
-                <circle class="cls-3" cx="38.64" cy="64.79" r="6.07"/>
-            </g>
-            </svg>`
-    }
-};
-
 /**
 * Assembly of @package ng2-cookies @see https://www.npmjs.com/package/ng2-cookies
 *
@@ -271,980 +251,1044 @@ LocalizeTokenService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 
-/**
- * Http method options
- */
-var EMethod;
-(function (EMethod) {
-    EMethod["POST"] = "post";
-    EMethod["GET"] = "get";
-    EMethod["PUT"] = "put";
-    EMethod["DELETE"] = "delete";
-    EMethod["PATCH"] = "patch";
-})(EMethod || (EMethod = {}));
-
-class LocalizeApiHelper {
-    constructor() {
-        this.defaultRetryOptions = {
-            connectionError: {
-                message: 'Connection error occurred. Please wait',
-                blockScreen: true,
-                blockScreenZIndex: 10000
-            }
-        };
+class LocalizeLogindlgComponent {
+    constructor(messageService, cdt, dlgRef, dlgConfig, tokenService, httpClient, sanitizer) {
+        this.messageService = messageService;
+        this.cdt = cdt;
+        this.dlgRef = dlgRef;
+        this.dlgConfig = dlgConfig;
+        this.tokenService = tokenService;
+        this.httpClient = httpClient;
+        this.sanitizer = sanitizer;
+        this.messageKey = "$login-dlg";
+        this.loading = false;
+        this.success = false;
+        this.clickLogout = () => { var _a; return (_a = this.logout) === null || _a === void 0 ? void 0 : _a.call(this); };
+        this.decodeToken = this.tokenService.decodeRefreshToken;
+        this.loginConfig = this.dlgConfig.data.loginConfig;
+        this.properties = this.loginConfig.properties;
     }
-    performRetry(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let attempts = 0;
-            let lastError;
-            let consoleCount = 0;
-            // Merge default retry options with provided options
-            options = Object.assign(Object.assign({}, this.defaultRetryOptions), options);
-            let styleElement;
-            while (attempts < options.maxRetries()) {
-                try {
-                    const result = yield options.callback();
-                    this.removeBlocker(styleElement);
-                    return result;
-                }
-                catch (error) {
-                    lastError = error;
-                    if (consoleCount >= 7) {
-                        console.clear();
-                        consoleCount = 0;
-                    }
-                    if (options.retryUnless && !options.retryUnless(error))
-                        throw error; // If the error should not be retried, rethrow it
-                    // Handle connection error
-                    styleElement = yield this.onConnectionError(options, error);
-                    if (options.onError)
-                        yield this.invokeHook(options.onError.bind(this, error));
-                    if (attempts >= options.maxRetries() - 1)
-                        throw error;
-                    attempts++;
-                    consoleCount++;
-                    console.warn(`Attempt ${attempts} failed. Retrying...`, error);
-                    yield waitFor(options.delay);
-                }
-            }
-            console.warn(`Failed after ${options.maxRetries} attempts`);
-            throw lastError;
-        });
+    get config() { return this.tokenService.config; }
+    ngOnInit() {
+        this.dlgConfig.closable = false;
+        this.logout = this.loginConfig.logoutFunc;
+        this.loginUrl = this.loginConfig.loginUrl;
+        if (!this.decodeToken) {
+            this.showMessage("error", "Token is invalid");
+            setTimeout(() => { var _a; return (_a = this.logout) === null || _a === void 0 ? void 0 : _a.call(this); }, 2000);
+        }
     }
-    performRequestWithRetry(options, config, performRequest) {
-        var _a, _b, _c, _d;
+    ngAfterViewInit() {
+        this.cdt.detectChanges();
+    }
+    clickLogin() {
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
-            const retryUnless = ((_a = config.retryOptions) === null || _a === void 0 ? void 0 : _a.retryFunction)
-                || this.isConnectionError;
-            return yield this.performRetry({
-                connectionError: (_b = config.retryOptions) === null || _b === void 0 ? void 0 : _b.onConnectionError,
-                maxRetries: () => { var _a, _b; return (_b = (_a = config.retryOptions) === null || _a === void 0 ? void 0 : _a.maxRetries) !== null && _b !== void 0 ? _b : 1000; },
-                delay: (_d = (_c = config.retryOptions) === null || _c === void 0 ? void 0 : _c.delay) !== null && _d !== void 0 ? _d : 500,
-                callback: () => performRequest(options),
-                retryUnless: retryUnless,
-            });
+            if (!this.isValidPassword) {
+                return this.showMessage("error", "Password is required and must be at least 6 characters");
+            }
+            this.loading = true;
+            const loginRes = yield this.login();
+            if (!(loginRes === null || loginRes === void 0 ? void 0 : loginRes.status)) {
+                return this.showMessage("error", (_a = loginRes.message) !== null && _a !== void 0 ? _a : "An error occurred");
+            }
+            this.tokenService.accessToken = loginRes.tokens.accessToken;
+            const cookieOptions = { expires: (_b = this.loginConfig.expire) !== null && _b !== void 0 ? _b : 365 };
+            LocalizeToken.storage.set(((_c = this.config.refreshToken) === null || _c === void 0 ? void 0 : _c.name) || '', loginRes.tokens.refreshToken, cookieOptions);
+            this.success = true;
+            setTimeout(() => {
+                this.dlgConfig.dismissableMask = true;
+                this.dlgConfig.modal = false;
+                this.dlgRef.close(true);
+            }, 2000);
         });
     }
-    buildUrl(baseUrl, path) {
-        const normalizedUrl = `${baseUrl.trim().replace(/\/?$/, '/')}${path.trim().replace(/^\//, '')}`;
-        return normalizedUrl.endsWith('/')
-            ? normalizedUrl.slice(0, -1)
-            : normalizedUrl;
-    }
-    normalizeError(error) {
+    login() {
         var _a, _b, _c;
-        return {
-            code: ((_a = error.error) === null || _a === void 0 ? void 0 : _a.code) || `HTTP_${error.status}`,
-            message: ((_b = error.error) === null || _b === void 0 ? void 0 : _b.message) || error.message,
-            details: (_c = error.error) === null || _c === void 0 ? void 0 : _c.details,
-            status: error.status
-        };
-    }
-    invokeHook(callback) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!callback)
-                return;
-            const result = callback();
-            if (result instanceof Promise) {
-                yield result;
+            if (!((_a = this.loginUrl) === null || _a === void 0 ? void 0 : _a.trim().length)) {
+                this.showMessage("error", "Login url is required");
+                throw new Error("Login url is required");
+            }
+            try {
+                if (this.loginConfig.loginFunction) {
+                    console.log("Using custom login function");
+                    return yield this.loginConfig.loginFunction((_c = (_b = this.decodeToken) === null || _b === void 0 ? void 0 : _b.email) !== null && _c !== void 0 ? _c : '', this.password.trim(), this.getHeaders());
+                }
+                return yield new Promise((resolve, reject) => this.httpClient.post(this.loginUrl, { password: this.password.trim() }, { headers: this.getHeaders() }).subscribe({ next: resolve, error: reject }));
+            }
+            catch (e) {
+                this.showMessage("error", e.message);
+                return null;
             }
         });
     }
-    createRequest(instance, method, url, body, options) {
-        const request$ = instance.client.request(method, url, Object.assign(Object.assign({}, options), { body, observe: 'response' })).pipe(takeUntil(instance.destroy$()), catchError((error) => {
-            // Convert to a non-observable error to handle in the promise
-            return throwError(() => this.normalizeError(error));
-        }));
-        return request$;
+    getHeaders() {
+        var _a, _b;
+        return {
+            [LocalizeToken.httpHeaders.X_REFRESH_TOKEN]: (_a = this.tokenService.refreshToken) !== null && _a !== void 0 ? _a : "",
+            [LocalizeToken.httpHeaders.X_TENANT]: (_b = this.tokenService.tenantToken) !== null && _b !== void 0 ? _b : "",
+        };
     }
-    defaultRetryFunction(error) {
-        // Don't retry for other errors (like 400, 401, 403, etc.)
-        if (!this.isConnectionError(error))
-            throw error;
-        return true;
+    get isValidPassword() {
+        this.loading = false;
+        return this.properties.passwordValidator
+            ? this.properties.passwordValidator(this.password)
+            : this.password && this.password.trim().length >= 6 && this.password.trim().length <= 50;
     }
-    isConnectionError(error) {
-        const isNetworkError = error.status === 0;
-        const isServerError = error.status >= 1000 && error.status < 600;
-        return isNetworkError || isServerError;
+    showMessage(severity, summary) {
+        this.messageService.add({ key: this.messageKey, severity, summary });
+        this.loading = false;
     }
-    onConnectionError(options, error) {
+    get sanitizedTitle() {
         var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!options.connectionError)
-                return;
-            let styleElement;
-            if (this.isConnectionError(error)) {
-                styleElement = this.screenBlocker(options, error, true);
-                yield this.invokeHook((_a = options.connectionError.callback) === null || _a === void 0 ? void 0 : _a.bind(this, error));
-                return styleElement;
-            }
-            else {
-                this.screenBlocker(options, error, false);
-                styleElement === null || styleElement === void 0 ? void 0 : styleElement.remove();
-            }
-        });
+        return this.sanitizer.bypassSecurityTrustHtml((_a = this.properties.title) !== null && _a !== void 0 ? _a : '');
     }
-    screenBlocker(optons, error, add = true) {
-        var _a, _b, _c, _d;
-        if (!((_a = optons.connectionError) === null || _a === void 0 ? void 0 : _a.blockScreen))
-            return;
-        if (error instanceof HttpErrorResponse)
-            error = this.normalizeError(error);
-        const message = ((_b = optons.connectionError) === null || _b === void 0 ? void 0 : _b.message)
-            || 'Connection error occurred. Please wait';
-        const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || 'An error occurred';
-        const suggestinMessage = ((_c = optons.connectionError) === null || _c === void 0 ? void 0 : _c.suggestionMessage)
-            || 'Please check your internet connection or the server status.';
-        const zIndex = ((_d = optons.connectionError) === null || _d === void 0 ? void 0 : _d.blockScreenZIndex) || 10000;
-        const body = document.body;
-        const blcokerHtml = `
-        <div class="lze-blocker">
-            ${LOCALIZE_API_ASSETS.network.noConnection}
-            <div class="lze-blocker__message">
-                ${message}
-                <span class="lze-blocker__dotting">
-                    <span class="lze-blocker__dot"></span>
-                    <span class="lze-blocker__dot"></span>
-                    <span class="lze-blocker__dot"></span>
-                </span>
-            </div>
-            <div class="lze-blocker__error">${errorMessage}</div>
-            <div class="lze-blocker__error_suggestion">${suggestinMessage}</div>
-        </div>
-        `;
-        const style = `
-        div.lze-blocker {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.85) !important;
-            z-index: ${zIndex};
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
-            color: #fff !important;
-            font-family: Arial, sans-serif;
-            text-align: center;
-            padding: 20px;
-            box-sizing: border-box;
-            overflow: hidden;
-            user-select: none;
-        }
-
-        svg#lze-no-connection {
-            width: 75px;
-            height: 75px;
-            margin-bottom: 20px;
-        }
-        
-        div.lze-blocker__message {
-            color: #fff !important;
-            font-size: 18px !important;
-            margin-bottom: 10px;
-        }
-            
-        .lze-blocker__dotting {
-            display: inline-block;
-            vertical-align: middle;
-        }
-        span.lze-blocker__dot {
-            display: inline-block;
-            width: 7px;
-            height: 7px;
-            background-color: #ffffff !important;
-            border-radius: 50%;
-            margin-left: 3px;
-            opacity: 0.3;
-            animation: dotting 1s infinite;
-        }
-        .lze-blocker__dot:nth-child(1) {
-            animation-delay: 0s;
-            opacity: 1;
-        }
-        .lze-blocker__dot:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-        .lze-blocker__dot:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-
-        @keyframes dotting {
-            0%, 80%, 100% { opacity: 0.3; }
-            40% { opacity: 1; }
-        }
-
-        div.lze-blocker__error {
-            color: #f00;
-            font-size: 14px !important;
-            margin-bottom: 10px;
-            text-shadow: 0 0 1px #ff5f5f !important;
-        }
+}
+LocalizeLogindlgComponent.decorators = [
+    { type: Component, args: [{
+                template: `<p-toast key="$login-dlg" position="top-center"></p-toast>
+  <div id="login-dlg-wrap">
+    <div id="login-dlg-header">
+      <div id="login-logo" class="p-mb-2" style="background: url('{{properties.logoImage}}') no-repeat"></div>
+      <h3 *ngIf="!success" [innerHTML]="sanitizedTitle"></h3>
+      <h3 *ngIf="success" style="color:green !important;">{{properties.loginSuccessMessage}}</h3>
+    </div>
+    <div id="login-dlg-content">
+      <ng-container *ngIf="!success">
+        <div *ngIf="loading" class="loader-wrap">
+          <div class="login-dlg-loader"></div>
+        </div>
+        <div class="login-dlg-elm">
+          <div class="p-inputgroup">
+            <span class="p-inputgroup-addon">
+              <i class="material-icons-round">person</i>
+            </span>
+            <input disabled pInputText type="text" placeholder="{{properties.username?.placeHolder}}" [value]="decodeToken?.email" />
+          </div>
+        </div>
+  
+        <div class="login-dlg-elm">
+          <div class="p-inputgroup">
+            <span class="p-inputgroup-addon">
+              <i class="material-icons-round">lock</i>
+            </span>
+            <input [disabled]="loading" (keydown.enter)="clickLogin()" pInputText type="password" 
+              placeholder="{{properties.password?.placeHolder}}" [(ngModel)]="password"
+              autofocus />
+          </div>
+        </div>
+        <div class="login-dlg-elm">
+          <button style="width: 100%;" pButton type="button" label="{{properties.loginButton?.placeHolder}}" (click)="clickLogin()"
+            [disabled]="!password || loading"></button>
+        </div>
+  
+        <div class="login-dlg-elm login-dlg-suggest" style="display:flex;align-items: center;user-select: none;">
+          <span>{{properties.logoutButton?.message}}</span>
+          <button class="p-button-text" pButton type="button" label="{{properties.logoutButton?.placeHolder}}" 
+            (click)="clickLogout()"></button>
+        </div>
+      </ng-container>
+  
+      <ng-container *ngIf="success">
+        <div style="margin-top:35px;"></div>
+        <div class="check-animation-wrap">
+          <div class="check-main-container">
+            <div class="check-container">
+              <div class="check-background">
+                <svg viewBox="0 0 65 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M7 25L27.3077 44L58.5 7" stroke="white" stroke-width="13" stroke-linecap="round"
+                    stroke-linejoin="round"></path>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </ng-container>
+    </div>
+  </div>`,
+                selector: "app-localize-logindlg",
+                providers: [MessageService],
+                encapsulation: ViewEncapsulation.None,
+                styles: [`
+  #login-dlg-wrap {
+    width: 100%;
+    max-width: 400px;
+    margin: 0 auto;
+    padding: 30px;
+    height: 100%;
+  }
+  
+  .login-dlg-elm {
+    margin-top: 1rem;
+  }
 
-        div.lze-blocker__error_suggestion {
-            color: #ccc !important;
-            font-size: 14px !important;
-            margin-top: 10px;
-        }
-        
-        @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-        }
-        `;
-        const styleElement = document.createElement('style');
-        if (add) {
-            if (!document.querySelector('.lze-blocker')) {
-                styleElement.innerHTML = style;
-                document.head.appendChild(styleElement);
-                body.insertAdjacentHTML('beforeend', blcokerHtml);
-            }
-        }
-        else {
-            this.removeBlocker(styleElement);
-        }
-        return styleElement;
+  .login-dlg-elm.login-dlg-suggest {
+    display: flex ;
+    align-items: center;
+    user-select: none;
+    border-bottom: solid 1px #ddd;
+    border-radius: 5px;
+    padding: 5px 10px;
+    background: #f9f9f9;
+    box-shadow: 1px 5px 10px -12px #000;
+  }
+  
+  #login-dlg-header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  #login-dlg-header h3 {
+    font-weight: bold;
+    font-size: 0.9rem;
+    color: orange;
+    text-align: center;
+  }
+  
+  #login-logo {
+    height: 55px;
+    width: 55px;
+    /* background: url("/assets/images/logo-300px.png") no-repeat; */
+    background-size: contain !important;
+  }
+  
+  #login-dlg-content .p-inputgroup {
+    height: 45px;
+  }
+  
+  #login-dlg-content .p-inputgroup .p-inputgroup-addon {
+    height: 45px;
+    border-radius: 15px 0 0 15px;
+    width: 50px;
+  }
+  #login-dlg-content *{
+    font-size: .9rem;
+    /* font-family: 'Lexend', 'Roboto', sans-serif, 'material-icons-round'; */
+  }
+  
+  #login-dlg-content .p-inputgroup .p-inputgroup-addon * {
+    font-size: 1rem;
+  }
+  
+  #login-dlg-content .p-inputgroup input {
+    height: 45px;
+    border-radius: 0 15px 15px 0;
+  }
+  
+  #login-dlg-content button {
+    height: 45px;
+    border-radius: 15px;
+  }
+  
+  /*check animation block*/
+  
+  .check-animation-wrap {
+    top: 0;
+    left: 0;
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: calc(100% - 200px);
+    min-height: 400px;
+  }
+  
+  .check-main-container {
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  .check-container {
+    width: 6.25rem;
+    height: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: space-between;
+  }
+  
+  .check-container .check-background {
+    width: 100%;
+    height: calc(100% - 1.25rem);
+    background: linear-gradient(to bottom right, #5de593, #41d67c);
+    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
+    transform: scale(0.84);
+    border-radius: 50%;
+    animation: animateContainer 0.75s ease-out forwards 0.75s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+  }
+  
+  .check-container .check-background svg {
+    width: 65%;
+    transform: translateY(0.25rem);
+    stroke-dasharray: 80;
+    stroke-dashoffset: 80;
+    animation: animateCheck 0.35s forwards 1.25s ease-out;
+    min-width: auto !important;
+  }
+  
+  .check-container .check-shadow {
+    bottom: calc(-15% - 5px);
+    left: 0;
+    border-radius: 50%;
+    background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
+    animation: animateShadow 0.75s ease-out forwards 0.75s;
+  }
+  
+  @keyframes animateContainer {
+    0% {
+      opacity: 0;
+      transform: scale(0);
+      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
     }
-    removeBlocker(styleElement) {
-        const blocker = document.querySelector('.lze-blocker');
-        blocker === null || blocker === void 0 ? void 0 : blocker.remove();
-        styleElement === null || styleElement === void 0 ? void 0 : styleElement.remove();
+  
+    25% {
+      opacity: 1;
+      transform: scale(0.9);
+      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
     }
-}
-const ApiHelper = new LocalizeApiHelper();
-
-const SCHEMES = LocalizeToken.httpHeaders;
-class LocalizeApiService {
-    constructor(httpClient, localizeTokenService) {
-        this.httpClient = httpClient;
-        this.localizeTokenService = localizeTokenService;
-        this.destroy$ = new Subject();
-        this.configSubject = new BehaviorSubject({});
-        this.isRequestingSubject = new BehaviorSubject(false);
-        this.isResolvingStartupSubject = new BehaviorSubject(false);
-        this.defaultConfig = {
-            waitEachRequest: { milliseconds: 0 },
-            enableRequestCancellation: true,
-            retryOptions: {
-                maxRetries: 1000,
-                delay: 1000,
-                retryFunction: ApiHelper.defaultRetryFunction.bind(this),
-            },
-        };
-        this.apiOptions = {
-            method: EMethod.GET,
-            requestBody: null,
-        };
-        /**
-         * A higher-order function that returns a curried function for making API requests.
-         *
-         * @param baseUrl - The base URL of the API.
-         * @returns A curried function that can be used to make API requests.
-         */
-        this.func = (baseUrl) => (path, method = EMethod.GET, reqBody = null, reqHeaders) => this.request(baseUrl, path, method, reqBody, reqHeaders);
+  
+    43.75% {
+      transform: scale(1.15);
+      box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
     }
-    get isResolvingStartup() { return this.isResolvingStartupSubject.value; }
-    get needTenant() { return this.localizeTokenService.config.tenantToken !== undefined; }
-    get isRequesting() { return this.isRequestingSubject.value; }
-    get isRevokingToken() { return this.localizeTokenService.isRevokingToken; }
-    set isRevokingToken(value) { this.localizeTokenService.isRevokingToken = value; }
-    get accessToken() { return this.localizeTokenService.accessToken; }
-    set accessToken(value) { this.localizeTokenService.accessToken = value; }
-    get refreshToken() { return this.localizeTokenService.refreshToken; }
-    get tenantToken() { return this.localizeTokenService.tenantToken; }
-    get config() {
-        this.validateConfig();
-        return this.configSubject.value;
+  
+    62.5% {
+      transform: scale(1);
+      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
     }
-    /**
-     * Initialize the API service.
-     * @param apiConfigs - The API configurations.
-     */
-    init(apiConfigs) {
-        console.log('LocalizeApiService is initialized.');
-        this.configSubject.next(Object.assign(Object.assign({}, this.defaultConfig), apiConfigs));
+  
+    81.25% {
+      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
     }
-    cancelPendingRequests() {
-        this.config.enableRequestCancellation
-            && this.destroy$.next();
+  
+    100% {
+      opacity: 1;
+      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-        // this.isResolvingStartupSubject.complete();
-        // this.isRequestingSubject.complete();
-        // this.configSubject.complete();
+  }
+  
+  @keyframes animateCheck {
+    from {
+      stroke-dashoffset: 80;
     }
-    request(baseUrl, path, method = EMethod.GET, reqBody = null, reqHeaders) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield waitUntil(() => !this.isResolvingStartup, 500);
-            yield ApiHelper.invokeHook(this.config.onPrepareRequest);
-            const apiOptions = this.buildApiOptions(baseUrl, path, method, reqBody, reqHeaders);
-            try {
-                yield this.toWaitForPreviousRequest();
-                return yield ApiHelper.performRequestWithRetry(apiOptions, this.config, this.performRequest.bind(this));
-            }
-            catch (error) {
-                return yield this.handleOnRequestError(error, apiOptions);
-            }
-        });
+  
+    to {
+      stroke-dashoffset: 0;
     }
-    handleOnRequestError(error, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (error.status !== 401)
-                throw error;
-            yield waitUntil(() => !this.isResolvingStartup, 500);
-            return yield ApiHelper.performRetry({
-                maxRetries: () => 1000,
-                delay: 500,
-                retryUnless: (error) => error.status === 401 || ApiHelper.isConnectionError(error),
-                callback: () => __awaiter(this, void 0, void 0, function* () {
-                    // Only handle 401 Unauthorized errors
-                    yield this.revokeToken();
-                    // Retry the request with the new access token
-                    return yield this.performRequest(options);
-                })
-            });
-        });
+  }
+  
+  @keyframes animateShadow {
+    0% {
+      opacity: 0;
+      width: 100%;
+      height: 15%;
     }
-    performRequest(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Build the request options
-            const buildOptions = { headers: this.buildHeaderOptions(options) };
-            // Create the request observable
-            const request$ = ApiHelper.createRequest({
-                client: this.httpClient,
-                destroy$: () => this.destroy$
-            }, options.method, options.requestUrl, options.requestBody, buildOptions);
-            // Set the isRequesting state to true before making the request
-            this.isRequestingSubject.next(true);
-            const response = yield new Promise((resolve, reject) => request$.subscribe({ next: (res) => resolve(res.body), error: reject }));
-            // Reset the isRequesting state after the request completes
-            this.isRequestingSubject.next(false);
-            return response;
-        });
+  
+    25% {
+      opacity: 0.25;
     }
-    revokeToken() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (yield this.interceptRevokeToken())
-                    return;
-                this.isRevokingToken = true;
-                const apiOptions = Object.assign(Object.assign({}, this.buildApiOptions(((_a = this.localizeTokenService.config.refreshToken) === null || _a === void 0 ? void 0 : _a.requestUrl) || '')), { refreshToken: true });
-                // const revokeToken = await this.performRequest(apiOptions);
-                const revokeToken = yield ApiHelper.performRequestWithRetry(apiOptions, this.config, this.performRequest.bind(this));
-                yield this.handleOnTokenRevoked(revokeToken);
-            }
-            catch (error) {
-                // Handle the error, log it
-                yield ApiHelper.invokeHook(this.config.onAutoLogout);
-            }
-            finally {
-                // Reset the revoking token state
-                this.isRevokingToken = false;
-            }
-        });
+  
+    43.75% {
+      width: 40%;
+      height: 7%;
+      opacity: 0.35;
     }
-    /** default http request options */
-    buildHeaderOptions(options) {
-        const headers = Object.assign(Object.assign(Object.assign(Object.assign({}, (options.refreshToken && { [SCHEMES.X_REFRESH_TOKEN]: `${this.refreshToken}` })), (!options.isFormData && { [SCHEMES.CONTENT_TYPE]: 'application/json' })), { [SCHEMES.AUTHORIZATION]: `Bearer ${this.accessToken}` }), (this.needTenant && { [SCHEMES.X_TENANT]: `${this.tenantToken}` }));
-        return new HttpHeaders(Object.assign(Object.assign({}, headers), options.headers));
+  
+    100% {
+      width: 85%;
+      height: 15%;
+      opacity: 0.25;
     }
-    buildApiOptions(baseUrl, path = '', method = EMethod.GET, requestBody = null, headers) {
-        const requestUrl = ApiHelper.buildUrl(baseUrl, path);
-        const isFormData = requestBody && requestBody instanceof FormData;
-        return Object.assign(Object.assign({}, this.apiOptions), { headers, method, requestUrl, requestBody, isFormData });
+  }
+  #login-dlg-wrap .loader-wrap {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height:100%;
+    width:100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100;
+    background: #ffffff42;
+    backdrop-filter: blur(1px);
+  }
+
+  #login-dlg-wrap .login-dlg-loader {
+    border: 15px solid #e7e7e7;
+    border-top: 15px solid #52dba1;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    animation: spinloader 2s linear infinite;
+  }
+
+  #login-dlg-wrap .loader-wrap::before {
+    content: "";
+    position: absolute;
+    width: 70px;
+    height: 70px;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+    border: 15px solid #e7e7e700;
+    border-top: 15px solid #52dba1c9;
+    border-radius: 50%;
+    animation: spinloader .75s linear infinite;
+  }
+
+  @keyframes spinloader {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+  `]
+            },] }
+];
+LocalizeLogindlgComponent.ctorParameters = () => [
+    { type: MessageService },
+    { type: ChangeDetectorRef },
+    { type: DynamicDialogRef },
+    { type: DynamicDialogConfig },
+    { type: LocalizeTokenService },
+    { type: HttpClient },
+    { type: DomSanitizer }
+];
+
+class LocalizeLogindlgService {
+    constructor(injector) {
+        this.injector = injector;
     }
-    toWaitForPreviousRequest() {
-        var _a;
+    openLoginDialog(loginConfig, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.isRevokingToken &&
-                (yield waitUntil(() => !this.isRevokingToken));
-            // to wait for each request in 50ms, even if the request is not completed
-            ((_a = this.config.waitEachRequest) === null || _a === void 0 ? void 0 : _a.milliseconds) &&
-                (yield waitFor(this.config.waitEachRequest.milliseconds, this.isRequesting));
+            config = this.intercepDialogConfig(config);
+            this.initConfig(loginConfig);
+            config.data = Object.assign(Object.assign({}, (config.data || {})), { loginConfig });
+            const dialogService = this.injector.get(DialogService);
+            const dialog = dialogService.open(LocalizeLogindlgComponent, config);
+            yield new Promise((resolve) => dialog.onClose.subscribe(res => {
+                if (res) {
+                    resolve();
+                }
+            }));
         });
     }
-    handleOnTokenRevoked(response) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (response === null || response === void 0 ? void 0 : response.status) {
-                // If the response is successful, update the access token
-                this.accessToken = response.message;
-            }
-            else {
-                // If the response indicates an error, invoke the onRevokeUnauthorized hook
-                console.warn('Token revocation failed, refresh token is expired.', response.message);
-                yield ApiHelper.invokeHook(this.config.onRevokeUnauthorized);
-            }
+    intercepDialogConfig(config) {
+        config !== null && config !== void 0 ? config : (config = {
+            header: 'Login',
+            style: { 'max-width': '400px', width: '100%', 'height': '650px' },
+            modal: true,
+            closable: false,
+            showHeader: false,
+        });
+        config = Object.assign(Object.assign({}, config), {
+            contentStyle: { 'height': '100%', 'border-radius': '20px' }
         });
+        config.style = Object.assign(Object.assign({}, config.style), { 'border-radius': '20px' });
+        return config;
     }
-    interceptRevokeToken() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.isRevokingToken) {
-                console.warn('Token is already being revoked. Waiting for the current operation to complete...');
-                yield waitUntil(() => !this.isRevokingToken);
-                return true;
-            }
-            if (!this.refreshToken) {
-                // await ApiHelper.invokeHook(this.apiConfigs.onAutoLogout);
-                throw new Error('Refresh token is missing. Please login again.');
+    initConfig(loginConfig) {
+        var _a;
+        loginConfig !== null && loginConfig !== void 0 ? loginConfig : (loginConfig = {});
+        (_a = loginConfig.properties) !== null && _a !== void 0 ? _a : (loginConfig.properties = {
+            title: 'Your session is expired!<br/> Please login again to continue.',
+            loginSuccessMessage: 'You have successfully logged in.',
+            logoImage: '/assets/images/logo-300px.png',
+            username: { placeHolder: 'Username' },
+            password: { placeHolder: 'Password' },
+            loginButton: { placeHolder: 'Login' },
+            logoutButton: {
+                message: 'No, I want to login with another user.',
+                placeHolder: 'Logout'
             }
-            return false;
         });
     }
-    validateConfig() {
-        var _a, _b, _c, _d;
-        if (this.localizeTokenService.config.tenantToken
-            && !((_b = (_a = this.localizeTokenService.config.tenantToken) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.trim().length)) {
-            throw Error('Tenant token is required but tenantTokenName is not configured');
-        }
-        if (!((_d = (_c = this.localizeTokenService.config.refreshToken) === null || _c === void 0 ? void 0 : _c.requestUrl) === null || _d === void 0 ? void 0 : _d.trim().length)) {
-            throw Error('Revoke token URL is not configured - token refresh will not work');
-        }
-    }
 }
-LocalizeApiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizeApiService_Factory() { return new LocalizeApiService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(LocalizeTokenService)); }, token: LocalizeApiService, providedIn: "root" });
-LocalizeApiService.decorators = [
+LocalizeLogindlgService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizeLogindlgService_Factory() { return new LocalizeLogindlgService(i0.ɵɵinject(i0.INJECTOR)); }, token: LocalizeLogindlgService, providedIn: "root" });
+LocalizeLogindlgService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
             },] }
 ];
-LocalizeApiService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: LocalizeTokenService }
+LocalizeLogindlgService.ctorParameters = () => [
+    { type: Injector }
 ];
 
-class LocalizeTokenModule {
+class LocalizeLogindlgModule {
 }
-LocalizeTokenModule.decorators = [
+LocalizeLogindlgModule.decorators = [
     { type: NgModule, args: [{
-                providers: [
-                    LocalizeTokenService,
-                    LocalizeApiService
-                ]
+                declarations: [LocalizeLogindlgComponent],
+                exports: [LocalizeLogindlgComponent],
+                imports: [
+                    CommonModule,
+                    ToastModule,
+                    InputTextModule,
+                    BrowserModule,
+                    FormsModule,
+                    ButtonModule,
+                ],
+                providers: [LocalizeLogindlgService],
+                schemas: [CUSTOM_ELEMENTS_SCHEMA],
             },] }
 ];
 
-class LocalizeLogindlgComponent {
-    constructor(messageService, cdt, dlgRef, dlgConfig, tokenService, httpClient, sanitizer) {
-        this.messageService = messageService;
-        this.cdt = cdt;
-        this.dlgRef = dlgRef;
-        this.dlgConfig = dlgConfig;
-        this.tokenService = tokenService;
-        this.httpClient = httpClient;
-        this.sanitizer = sanitizer;
-        this.messageKey = "$login-dlg";
-        this.loading = false;
-        this.success = false;
-        this.clickLogout = () => { var _a; return (_a = this.logout) === null || _a === void 0 ? void 0 : _a.call(this); };
-        this.decodeToken = this.tokenService.decodeRefreshToken;
-        this.loginConfig = this.dlgConfig.data.loginConfig;
-        this.properties = this.loginConfig.properties;
-    }
-    get config() { return this.tokenService.config; }
-    ngOnInit() {
-        this.dlgConfig.closable = false;
-        this.logout = this.loginConfig.logoutFunc;
-        this.loginUrl = this.loginConfig.loginUrl;
-        if (!this.decodeToken) {
-            this.showMessage("error", "Token is invalid");
-            setTimeout(() => { var _a; return (_a = this.logout) === null || _a === void 0 ? void 0 : _a.call(this); }, 2000);
-        }
+const LOCALIZE_API_ASSETS = {
+    network: {
+        noConnection: `<?xml version="1.0" encoding="UTF-8"?>
+            <svg id="lze-no-connection" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.29 70.98">
+            <defs>
+                <style> .cls-1 { fill: #fff; } .cls-2, .cls-3 { fill: #e30613; } .cls-3 { stroke: #e30613; stroke-miterlimit: 10; stroke-width: .25px; } </style>
+            </defs>
+            <g id="Layer_3" data-name="Layer 3">
+                <g>
+                <path class="cls-1" d="m73.29,35c-1.2,0-2.33-.53-3.09-1.46-.48-.57-11.23-13.2-31.55-13.2s-31.11,12.66-31.56,13.2c-1.4,1.71-3.92,1.95-5.63.55-1.71-1.4-1.95-3.92-.55-5.63.54-.66,13.47-16.12,37.74-16.12s37.2,15.46,37.74,16.12c1.4,1.71,1.15,4.23-.56,5.62-.71.58-1.61.9-2.53.9Z"/>
+                <path class="cls-1" d="m63.96,45.66c-1.19,0-2.32-.53-3.08-1.44-5.79-6.05-13.86-9.39-22.24-9.21-8.38-.18-16.45,3.16-22.24,9.22-1.46,1.65-3.99,1.81-5.64.35-1.57-1.39-1.8-3.77-.52-5.43,7.32-7.89,17.64-12.29,28.4-12.12,10.76-.17,21.08,4.24,28.4,12.12,1.4,1.71,1.15,4.23-.56,5.62-.71.58-1.6.9-2.53.9Z"/>
+                <path class="cls-1" d="m53.3,56.32c-1.24,0-2.41-.57-3.16-1.55-5.73-6.35-15.52-6.85-21.87-1.13-.4.36-.77.73-1.13,1.13-1.36,1.73-3.88,2.03-5.61.67-1.71-1.34-2.03-3.8-.73-5.54,8.39-9.85,23.18-11.04,33.03-2.65.95.81,1.84,1.69,2.65,2.65,1.34,1.75,1,4.26-.75,5.6-.7.53-1.55.82-2.43.82Z"/>
+                </g>
+                <path class="cls-2" d="m47.21,9.45l-4.06,41.36c-.64,5.42-8.39,5.39-9.01,0,0,0-4.06-41.36-4.06-41.36-.46-4.73,2.99-8.94,7.72-9.4,5.33-.58,9.97,4.09,9.4,9.4h0Z"/>
+                <circle class="cls-3" cx="38.64" cy="64.79" r="6.07"/>
+            </g>
+            </svg>`
     }
-    ngAfterViewInit() {
-        this.cdt.detectChanges();
+};
+
+/**
+ * Http method options
+ */
+var EMethod;
+(function (EMethod) {
+    EMethod["POST"] = "post";
+    EMethod["GET"] = "get";
+    EMethod["PUT"] = "put";
+    EMethod["DELETE"] = "delete";
+    EMethod["PATCH"] = "patch";
+})(EMethod || (EMethod = {}));
+
+class LocalizeApiHelper {
+    constructor() {
+        this.defaultRetryOptions = {
+            connectionError: {
+                message: 'Connection error occurred. Please wait',
+                blockScreen: true,
+                blockScreenZIndex: 10000
+            }
+        };
     }
-    clickLogin() {
-        var _a, _b, _c;
+    performRetry(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.isValidPassword) {
-                return this.showMessage("error", "Password is required and must be at least 6 characters");
-            }
-            this.loading = true;
-            const loginRes = yield this.login();
-            if (!(loginRes === null || loginRes === void 0 ? void 0 : loginRes.status)) {
-                return this.showMessage("error", (_a = loginRes.message) !== null && _a !== void 0 ? _a : "An error occurred");
+            let attempts = 0;
+            let lastError;
+            let consoleCount = 0;
+            // Merge default retry options with provided options
+            options = Object.assign(Object.assign({}, this.defaultRetryOptions), options);
+            let styleElement;
+            while (attempts < options.maxRetries()) {
+                try {
+                    const result = yield options.callback();
+                    this.removeBlocker(styleElement);
+                    return result;
+                }
+                catch (error) {
+                    lastError = error;
+                    if (consoleCount >= 7) {
+                        console.clear();
+                        consoleCount = 0;
+                    }
+                    if (options.retryUnless && !options.retryUnless(error))
+                        throw error; // If the error should not be retried, rethrow it
+                    // Handle connection error
+                    styleElement = yield this.onConnectionError(options, error);
+                    if (options.onError)
+                        yield this.invokeHook(options.onError.bind(this, error));
+                    if (attempts >= options.maxRetries() - 1)
+                        throw error;
+                    attempts++;
+                    consoleCount++;
+                    console.warn(`Attempt ${attempts} failed. Retrying...`, error);
+                    yield waitFor(options.delay);
+                }
             }
-            this.tokenService.accessToken = loginRes.tokens.accessToken;
-            const cookieOptions = { expires: (_b = this.loginConfig.expire) !== null && _b !== void 0 ? _b : 365 };
-            LocalizeToken.storage.set(((_c = this.config.refreshToken) === null || _c === void 0 ? void 0 : _c.name) || '', loginRes.tokens.refreshToken, cookieOptions);
-            this.success = true;
-            setTimeout(() => {
-                this.dlgConfig.dismissableMask = true;
-                this.dlgConfig.modal = false;
-                this.dlgRef.close(true);
-            }, 2000);
+            console.warn(`Failed after ${options.maxRetries} attempts`);
+            throw lastError;
         });
     }
-    login() {
-        var _a, _b, _c;
+    performRequestWithRetry(options, config, performRequest) {
+        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
-            if (!((_a = this.loginUrl) === null || _a === void 0 ? void 0 : _a.trim().length)) {
-                this.showMessage("error", "Login url is required");
-                throw new Error("Login url is required");
-            }
-            try {
-                if (this.loginConfig.loginFunction) {
-                    console.log("Using custom login function");
-                    return yield this.loginConfig.loginFunction((_c = (_b = this.decodeToken) === null || _b === void 0 ? void 0 : _b.email) !== null && _c !== void 0 ? _c : '', this.password.trim(), this.getHeaders());
-                }
-                return yield new Promise((resolve, reject) => this.httpClient.post(this.loginUrl, { password: this.password.trim() }, { headers: this.getHeaders() }).subscribe({ next: resolve, error: reject }));
-            }
-            catch (e) {
-                this.showMessage("error", e.message);
-                return null;
-            }
+            const retryUnless = ((_a = config.retryOptions) === null || _a === void 0 ? void 0 : _a.retryFunction)
+                || this.isConnectionError;
+            return yield this.performRetry({
+                connectionError: (_b = config.retryOptions) === null || _b === void 0 ? void 0 : _b.onConnectionError,
+                maxRetries: () => { var _a, _b; return (_b = (_a = config.retryOptions) === null || _a === void 0 ? void 0 : _a.maxRetries) !== null && _b !== void 0 ? _b : 1000; },
+                delay: (_d = (_c = config.retryOptions) === null || _c === void 0 ? void 0 : _c.delay) !== null && _d !== void 0 ? _d : 500,
+                callback: () => performRequest(options),
+                retryUnless: retryUnless,
+            });
         });
     }
-    getHeaders() {
-        var _a, _b;
+    buildUrl(baseUrl, path) {
+        const normalizedUrl = `${baseUrl.trim().replace(/\/?$/, '/')}${path.trim().replace(/^\//, '')}`;
+        return normalizedUrl.endsWith('/')
+            ? normalizedUrl.slice(0, -1)
+            : normalizedUrl;
+    }
+    normalizeError(error) {
+        var _a, _b, _c;
         return {
-            [LocalizeToken.httpHeaders.X_REFRESH_TOKEN]: (_a = this.tokenService.refreshToken) !== null && _a !== void 0 ? _a : "",
-            [LocalizeToken.httpHeaders.X_TENANT]: (_b = this.tokenService.tenantToken) !== null && _b !== void 0 ? _b : "",
+            code: ((_a = error.error) === null || _a === void 0 ? void 0 : _a.code) || `HTTP_${error.status}`,
+            message: ((_b = error.error) === null || _b === void 0 ? void 0 : _b.message) || error.message,
+            details: (_c = error.error) === null || _c === void 0 ? void 0 : _c.details,
+            status: error.status
         };
     }
-    get isValidPassword() {
-        this.loading = false;
-        return this.properties.passwordValidator
-            ? this.properties.passwordValidator(this.password)
-            : this.password && this.password.trim().length >= 6 && this.password.trim().length <= 50;
+    invokeHook(callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!callback)
+                return;
+            const result = callback();
+            if (result instanceof Promise) {
+                yield result;
+            }
+        });
     }
-    showMessage(severity, summary) {
-        this.messageService.add({ key: this.messageKey, severity, summary });
-        this.loading = false;
+    createRequest(instance, method, url, body, options) {
+        const request$ = instance.client.request(method, url, Object.assign(Object.assign({}, options), { body, observe: 'response' })).pipe(takeUntil(instance.destroy$()), catchError((error) => {
+            // Convert to a non-observable error to handle in the promise
+            return throwError(() => this.normalizeError(error));
+        }));
+        return request$;
     }
-    get sanitizedTitle() {
-        var _a;
-        return this.sanitizer.bypassSecurityTrustHtml((_a = this.properties.title) !== null && _a !== void 0 ? _a : '');
+    defaultRetryFunction(error) {
+        // Don't retry for other errors (like 400, 401, 403, etc.)
+        if (!this.isConnectionError(error))
+            throw error;
+        return true;
     }
-}
-LocalizeLogindlgComponent.decorators = [
-    { type: Component, args: [{
-                template: `<p-toast key="$login-dlg" position="top-center"></p-toast>
-  <div id="login-dlg-wrap">
-    <div id="login-dlg-header">
-      <div id="login-logo" class="p-mb-2" style="background: url('{{properties.logoImage}}') no-repeat"></div>
-      <h3 *ngIf="!success" [innerHTML]="sanitizedTitle"></h3>
-      <h3 *ngIf="success" style="color:green !important;">{{properties.loginSuccessMessage}}</h3>
-    </div>
-    <div id="login-dlg-content">
-      <ng-container *ngIf="!success">
-        <div *ngIf="loading" class="loader-wrap">
-          <div class="login-dlg-loader"></div>
-        </div>
-        <div class="login-dlg-elm">
-          <div class="p-inputgroup">
-            <span class="p-inputgroup-addon">
-              <i class="material-icons-round">person</i>
-            </span>
-            <input disabled pInputText type="text" placeholder="{{properties.username?.placeHolder}}" [value]="decodeToken?.email" />
-          </div>
-        </div>
-  
-        <div class="login-dlg-elm">
-          <div class="p-inputgroup">
-            <span class="p-inputgroup-addon">
-              <i class="material-icons-round">lock</i>
-            </span>
-            <input [disabled]="loading" (keydown.enter)="clickLogin()" pInputText type="password" 
-              placeholder="{{properties.password?.placeHolder}}" [(ngModel)]="password"
-              autofocus />
-          </div>
-        </div>
-        <div class="login-dlg-elm">
-          <button style="width: 100%;" pButton type="button" label="{{properties.loginButton?.placeHolder}}" (click)="clickLogin()"
-            [disabled]="!password || loading"></button>
-        </div>
-  
-        <div class="login-dlg-elm login-dlg-suggest" style="display:flex;align-items: center;user-select: none;">
-          <span>{{properties.logoutButton?.message}}</span>
-          <button class="p-button-text" pButton type="button" label="{{properties.logoutButton?.placeHolder}}" 
-            (click)="clickLogout()"></button>
-        </div>
-      </ng-container>
-  
-      <ng-container *ngIf="success">
-        <div style="margin-top:35px;"></div>
-        <div class="check-animation-wrap">
-          <div class="check-main-container">
-            <div class="check-container">
-              <div class="check-background">
-                <svg viewBox="0 0 65 51" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M7 25L27.3077 44L58.5 7" stroke="white" stroke-width="13" stroke-linecap="round"
-                    stroke-linejoin="round"></path>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-      </ng-container>
-    </div>
-  </div>`,
-                selector: "app-localize-logindlg",
-                providers: [MessageService],
-                encapsulation: ViewEncapsulation.None,
-                styles: [`
-  #login-dlg-wrap {
-    width: 100%;
-    max-width: 400px;
-    margin: 0 auto;
-    padding: 30px;
-    height: 100%;
-  }
-  
-  .login-dlg-elm {
-    margin-top: 1rem;
-  }
-
-  .login-dlg-elm.login-dlg-suggest {
-    display: flex ;
-    align-items: center;
-    user-select: none;
-    border-bottom: solid 1px #ddd;
-    border-radius: 5px;
-    padding: 5px 10px;
-    background: #f9f9f9;
-    box-shadow: 1px 5px 10px -12px #000;
-  }
-  
-  #login-dlg-header {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-  }
-  
-  #login-dlg-header h3 {
-    font-weight: bold;
-    font-size: 0.9rem;
-    color: orange;
-    text-align: center;
-  }
-  
-  #login-logo {
-    height: 55px;
-    width: 55px;
-    /* background: url("/assets/images/logo-300px.png") no-repeat; */
-    background-size: contain !important;
-  }
-  
-  #login-dlg-content .p-inputgroup {
-    height: 45px;
-  }
-  
-  #login-dlg-content .p-inputgroup .p-inputgroup-addon {
-    height: 45px;
-    border-radius: 15px 0 0 15px;
-    width: 50px;
-  }
-  #login-dlg-content *{
-    font-size: .9rem;
-    /* font-family: 'Lexend', 'Roboto', sans-serif, 'material-icons-round'; */
-  }
-  
-  #login-dlg-content .p-inputgroup .p-inputgroup-addon * {
-    font-size: 1rem;
-  }
-  
-  #login-dlg-content .p-inputgroup input {
-    height: 45px;
-    border-radius: 0 15px 15px 0;
-  }
-  
-  #login-dlg-content button {
-    height: 45px;
-    border-radius: 15px;
-  }
-  
-  /*check animation block*/
-  
-  .check-animation-wrap {
-    top: 0;
-    left: 0;
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: calc(100% - 200px);
-    min-height: 400px;
-  }
-  
-  .check-main-container {
-    width: 100%;
-    height: 100vh;
-    display: flex;
-    flex-flow: column;
-    justify-content: center;
-    align-items: center;
-  }
-  
-  .check-container {
-    width: 6.25rem;
-    height: 7.5rem;
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-    justify-content: space-between;
-  }
-  
-  .check-container .check-background {
-    width: 100%;
-    height: calc(100% - 1.25rem);
-    background: linear-gradient(to bottom right, #5de593, #41d67c);
-    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
-    transform: scale(0.84);
-    border-radius: 50%;
-    animation: animateContainer 0.75s ease-out forwards 0.75s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0;
-  }
-  
-  .check-container .check-background svg {
-    width: 65%;
-    transform: translateY(0.25rem);
-    stroke-dasharray: 80;
-    stroke-dashoffset: 80;
-    animation: animateCheck 0.35s forwards 1.25s ease-out;
-    min-width: auto !important;
-  }
-  
-  .check-container .check-shadow {
-    bottom: calc(-15% - 5px);
-    left: 0;
-    border-radius: 50%;
-    background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
-    animation: animateShadow 0.75s ease-out forwards 0.75s;
-  }
-  
-  @keyframes animateContainer {
-    0% {
-      opacity: 0;
-      transform: scale(0);
-      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
+    isConnectionError(error) {
+        const isNetworkError = error.status === 0;
+        const isServerError = error.status >= 1000 && error.status < 600;
+        return isNetworkError || isServerError;
     }
-  
-    25% {
-      opacity: 1;
-      transform: scale(0.9);
-      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
+    onConnectionError(options, error) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!options.connectionError)
+                return;
+            let styleElement;
+            if (this.isConnectionError(error)) {
+                styleElement = this.screenBlocker(options, error, true);
+                yield this.invokeHook((_a = options.connectionError.callback) === null || _a === void 0 ? void 0 : _a.bind(this, error));
+                return styleElement;
+            }
+            else {
+                this.screenBlocker(options, error, false);
+                styleElement === null || styleElement === void 0 ? void 0 : styleElement.remove();
+            }
+        });
     }
-  
-    43.75% {
-      transform: scale(1.15);
-      box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
+    screenBlocker(optons, error, add = true) {
+        var _a, _b, _c, _d;
+        if (!((_a = optons.connectionError) === null || _a === void 0 ? void 0 : _a.blockScreen))
+            return;
+        if (error instanceof HttpErrorResponse)
+            error = this.normalizeError(error);
+        const message = ((_b = optons.connectionError) === null || _b === void 0 ? void 0 : _b.message)
+            || 'Connection error occurred. Please wait';
+        const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || 'An error occurred';
+        const suggestinMessage = ((_c = optons.connectionError) === null || _c === void 0 ? void 0 : _c.suggestionMessage)
+            || 'Please check your internet connection or the server status.';
+        const zIndex = ((_d = optons.connectionError) === null || _d === void 0 ? void 0 : _d.blockScreenZIndex) || 10000;
+        const body = document.body;
+        const blcokerHtml = `
+        <div class="lze-blocker">
+            ${LOCALIZE_API_ASSETS.network.noConnection}
+            <div class="lze-blocker__message">
+                ${message}
+                <span class="lze-blocker__dotting">
+                    <span class="lze-blocker__dot"></span>
+                    <span class="lze-blocker__dot"></span>
+                    <span class="lze-blocker__dot"></span>
+                </span>
+            </div>
+            <div class="lze-blocker__error">${errorMessage}</div>
+            <div class="lze-blocker__error_suggestion">${suggestinMessage}</div>
+        </div>
+        `;
+        const style = `
+        div.lze-blocker {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.85) !important;
+            z-index: ${zIndex};
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            color: #fff !important;
+            font-family: Arial, sans-serif;
+            text-align: center;
+            padding: 20px;
+            box-sizing: border-box;
+            overflow: hidden;
+            user-select: none;
+        }
+
+        svg#lze-no-connection {
+            width: 75px;
+            height: 75px;
+            margin-bottom: 20px;
+        }
+        
+        div.lze-blocker__message {
+            color: #fff !important;
+            font-size: 18px !important;
+            margin-bottom: 10px;
+        }
+            
+        .lze-blocker__dotting {
+            display: inline-block;
+            vertical-align: middle;
+        }
+        span.lze-blocker__dot {
+            display: inline-block;
+            width: 7px;
+            height: 7px;
+            background-color: #ffffff !important;
+            border-radius: 50%;
+            margin-left: 3px;
+            opacity: 0.3;
+            animation: dotting 1s infinite;
+        }
+        .lze-blocker__dot:nth-child(1) {
+            animation-delay: 0s;
+            opacity: 1;
+        }
+        .lze-blocker__dot:nth-child(2) {
+            animation-delay: 0.2s;
+        }
+        .lze-blocker__dot:nth-child(3) {
+            animation-delay: 0.4s;
+        }
+
+        @keyframes dotting {
+            0%, 80%, 100% { opacity: 0.3; }
+            40% { opacity: 1; }
+        }
+
+        div.lze-blocker__error {
+            color: #f00;
+            font-size: 14px !important;
+            margin-bottom: 10px;
+            text-shadow: 0 0 1px #ff5f5f !important;
+        }
+
+        div.lze-blocker__error_suggestion {
+            color: #ccc !important;
+            font-size: 14px !important;
+            margin-top: 10px;
+        }
+        
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        `;
+        const styleElement = document.createElement('style');
+        if (add) {
+            if (!document.querySelector('.lze-blocker')) {
+                styleElement.innerHTML = style;
+                document.head.appendChild(styleElement);
+                body.insertAdjacentHTML('beforeend', blcokerHtml);
+            }
+        }
+        else {
+            this.removeBlocker(styleElement);
+        }
+        return styleElement;
     }
-  
-    62.5% {
-      transform: scale(1);
-      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
+    removeBlocker(styleElement) {
+        const blocker = document.querySelector('.lze-blocker');
+        blocker === null || blocker === void 0 ? void 0 : blocker.remove();
+        styleElement === null || styleElement === void 0 ? void 0 : styleElement.remove();
+    }
+}
+const ApiHelper = new LocalizeApiHelper();
+
+const SCHEMES = LocalizeToken.httpHeaders;
+class LocalizeApiService {
+    constructor(httpClient, localizeTokenService) {
+        this.httpClient = httpClient;
+        this.localizeTokenService = localizeTokenService;
+        this.destroy$ = new Subject();
+        this.configSubject = new BehaviorSubject({});
+        this.isRequestingSubject = new BehaviorSubject(false);
+        this.isResolvingStartupSubject = new BehaviorSubject(false);
+        this.defaultConfig = {
+            waitEachRequest: { milliseconds: 0 },
+            enableRequestCancellation: true,
+            retryOptions: {
+                maxRetries: 1000,
+                delay: 1000,
+                retryFunction: ApiHelper.defaultRetryFunction.bind(this),
+            },
+        };
+        this.apiOptions = {
+            method: EMethod.GET,
+            requestBody: null,
+        };
+        /**
+         * A higher-order function that returns a curried function for making API requests.
+         *
+         * @param baseUrl - The base URL of the API.
+         * @returns A curried function that can be used to make API requests.
+         */
+        this.func = (baseUrl) => (path, method = EMethod.GET, reqBody = null, reqHeaders) => this.request(baseUrl, path, method, reqBody, reqHeaders);
+    }
+    get isResolvingStartup() { return this.isResolvingStartupSubject.value; }
+    get needTenant() { return this.localizeTokenService.config.tenantToken !== undefined; }
+    get isRequesting() { return this.isRequestingSubject.value; }
+    get isRevokingToken() { return this.localizeTokenService.isRevokingToken; }
+    set isRevokingToken(value) { this.localizeTokenService.isRevokingToken = value; }
+    get accessToken() { return this.localizeTokenService.accessToken; }
+    set accessToken(value) { this.localizeTokenService.accessToken = value; }
+    get refreshToken() { return this.localizeTokenService.refreshToken; }
+    get tenantToken() { return this.localizeTokenService.tenantToken; }
+    get config() {
+        this.validateConfig();
+        return this.configSubject.value;
+    }
+    /**
+     * Initialize the API service.
+     * @param apiConfigs - The API configurations.
+     */
+    init(apiConfigs) {
+        console.log('LocalizeApiService is initialized.');
+        this.configSubject.next(Object.assign(Object.assign({}, this.defaultConfig), apiConfigs));
+    }
+    cancelPendingRequests() {
+        this.config.enableRequestCancellation
+            && this.destroy$.next();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        // this.isResolvingStartupSubject.complete();
+        // this.isRequestingSubject.complete();
+        // this.configSubject.complete();
+    }
+    request(baseUrl, path, method = EMethod.GET, reqBody = null, reqHeaders) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield waitUntil(() => !this.isResolvingStartup, 500);
+            yield ApiHelper.invokeHook(this.config.onPrepareRequest);
+            const apiOptions = this.buildApiOptions(baseUrl, path, method, reqBody, reqHeaders);
+            try {
+                yield this.toWaitForPreviousRequest();
+                return yield ApiHelper.performRequestWithRetry(apiOptions, this.config, this.performRequest.bind(this));
+            }
+            catch (error) {
+                return yield this.handleOnRequestError(error, apiOptions);
+            }
+        });
+    }
+    handleOnRequestError(error, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (error.status !== 401)
+                throw error;
+            yield waitUntil(() => !this.isResolvingStartup, 500);
+            return yield ApiHelper.performRetry({
+                maxRetries: () => 1000,
+                delay: 500,
+                retryUnless: (error) => error.status === 401 || ApiHelper.isConnectionError(error),
+                callback: () => __awaiter(this, void 0, void 0, function* () {
+                    // Only handle 401 Unauthorized errors
+                    yield this.revokeToken();
+                    // Retry the request with the new access token
+                    return yield this.performRequest(options);
+                })
+            });
+        });
     }
-  
-    81.25% {
-      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
+    performRequest(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Build the request options
+            const buildOptions = { headers: this.buildHeaderOptions(options) };
+            // Create the request observable
+            const request$ = ApiHelper.createRequest({
+                client: this.httpClient,
+                destroy$: () => this.destroy$
+            }, options.method, options.requestUrl, options.requestBody, buildOptions);
+            // Set the isRequesting state to true before making the request
+            this.isRequestingSubject.next(true);
+            const response = yield new Promise((resolve, reject) => request$.subscribe({ next: (res) => resolve(res.body), error: reject }));
+            // Reset the isRequesting state after the request completes
+            this.isRequestingSubject.next(false);
+            return response;
+        });
     }
-  
-    100% {
-      opacity: 1;
-      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
+    revokeToken() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                if (yield this.interceptRevokeToken())
+                    return;
+                this.isRevokingToken = true;
+                const apiOptions = Object.assign(Object.assign({}, this.buildApiOptions(((_a = this.localizeTokenService.config.refreshToken) === null || _a === void 0 ? void 0 : _a.requestUrl) || '')), { refreshToken: true });
+                // const revokeToken = await this.performRequest(apiOptions);
+                const revokeToken = yield ApiHelper.performRequestWithRetry(apiOptions, this.config, this.performRequest.bind(this));
+                yield this.handleOnTokenRevoked(revokeToken);
+            }
+            catch (error) {
+                // Handle the error, log it
+                yield ApiHelper.invokeHook(this.config.onAutoLogout);
+            }
+            finally {
+                // Reset the revoking token state
+                this.isRevokingToken = false;
+            }
+        });
     }
-  }
-  
-  @keyframes animateCheck {
-    from {
-      stroke-dashoffset: 80;
+    /** default http request options */
+    buildHeaderOptions(options) {
+        const headers = Object.assign(Object.assign(Object.assign(Object.assign({}, (options.refreshToken && { [SCHEMES.X_REFRESH_TOKEN]: `${this.refreshToken}` })), (!options.isFormData && { [SCHEMES.CONTENT_TYPE]: 'application/json' })), { [SCHEMES.AUTHORIZATION]: `Bearer ${this.accessToken}` }), (this.needTenant && { [SCHEMES.X_TENANT]: `${this.tenantToken}` }));
+        return new HttpHeaders(Object.assign(Object.assign({}, headers), options.headers));
     }
-  
-    to {
-      stroke-dashoffset: 0;
+    buildApiOptions(baseUrl, path = '', method = EMethod.GET, requestBody = null, headers) {
+        const requestUrl = ApiHelper.buildUrl(baseUrl, path);
+        const isFormData = requestBody && requestBody instanceof FormData;
+        return Object.assign(Object.assign({}, this.apiOptions), { headers, method, requestUrl, requestBody, isFormData });
     }
-  }
-  
-  @keyframes animateShadow {
-    0% {
-      opacity: 0;
-      width: 100%;
-      height: 15%;
+    toWaitForPreviousRequest() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isRevokingToken &&
+                (yield waitUntil(() => !this.isRevokingToken));
+            // to wait for each request in 50ms, even if the request is not completed
+            ((_a = this.config.waitEachRequest) === null || _a === void 0 ? void 0 : _a.milliseconds) &&
+                (yield waitFor(this.config.waitEachRequest.milliseconds, this.isRequesting));
+        });
     }
-  
-    25% {
-      opacity: 0.25;
+    handleOnTokenRevoked(response) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (response === null || response === void 0 ? void 0 : response.status) {
+                // If the response is successful, update the access token
+                this.accessToken = response.message;
+            }
+            else {
+                // If the response indicates an error, invoke the onRevokeUnauthorized hook
+                console.warn('Token revocation failed, refresh token is expired.', response.message);
+                yield ApiHelper.invokeHook(this.config.onRevokeUnauthorized);
+            }
+        });
     }
-  
-    43.75% {
-      width: 40%;
-      height: 7%;
-      opacity: 0.35;
+    interceptRevokeToken() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.isRevokingToken) {
+                console.warn('Token is already being revoked. Waiting for the current operation to complete...');
+                yield waitUntil(() => !this.isRevokingToken);
+                return true;
+            }
+            if (!this.refreshToken) {
+                // await ApiHelper.invokeHook(this.apiConfigs.onAutoLogout);
+                throw new Error('Refresh token is missing. Please login again.');
+            }
+            return false;
+        });
     }
-  
-    100% {
-      width: 85%;
-      height: 15%;
-      opacity: 0.25;
+    validateConfig() {
+        var _a, _b, _c, _d;
+        if (this.localizeTokenService.config.tenantToken
+            && !((_b = (_a = this.localizeTokenService.config.tenantToken) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.trim().length)) {
+            throw Error('Tenant token is required but tenantTokenName is not configured');
+        }
+        if (!((_d = (_c = this.localizeTokenService.config.refreshToken) === null || _c === void 0 ? void 0 : _c.requestUrl) === null || _d === void 0 ? void 0 : _d.trim().length)) {
+            throw Error('Revoke token URL is not configured - token refresh will not work');
+        }
     }
-  }
-  #login-dlg-wrap .loader-wrap {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height:100%;
-    width:100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 100;
-    background: #ffffff42;
-    backdrop-filter: blur(1px);
-  }
-
-  #login-dlg-wrap .login-dlg-loader {
-    border: 15px solid #e7e7e7;
-    border-top: 15px solid #52dba1;
-    border-radius: 50%;
-    width: 100px;
-    height: 100px;
-    animation: spinloader 2s linear infinite;
-  }
-
-  #login-dlg-wrap .loader-wrap::before {
-    content: "";
-    position: absolute;
-    width: 70px;
-    height: 70px;
-    transform: translate(-50%, -50%);
-    z-index: 1;
-    border: 15px solid #e7e7e700;
-    border-top: 15px solid #52dba1c9;
-    border-radius: 50%;
-    animation: spinloader .75s linear infinite;
-  }
-
-  @keyframes spinloader {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-  }
-  `]
+}
+LocalizeApiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizeApiService_Factory() { return new LocalizeApiService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(LocalizeTokenService)); }, token: LocalizeApiService, providedIn: "root" });
+LocalizeApiService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
             },] }
 ];
-LocalizeLogindlgComponent.ctorParameters = () => [
-    { type: MessageService },
-    { type: ChangeDetectorRef },
-    { type: DynamicDialogRef },
-    { type: DynamicDialogConfig },
-    { type: LocalizeTokenService },
+LocalizeApiService.ctorParameters = () => [
     { type: HttpClient },
-    { type: DomSanitizer }
+    { type: LocalizeTokenService }
 ];
 
-class LocalizeLogindlgService {
-    constructor(injector) {
-        this.injector = injector;
-    }
-    openLoginDialog(loginConfig, config) {
-        return __awaiter(this, void 0, void 0, function* () {
-            config = this.intercepDialogConfig(config);
-            this.initConfig(loginConfig);
-            config.data = Object.assign(Object.assign({}, (config.data || {})), { loginConfig });
-            const dialogService = this.injector.get(DialogService);
-            const dialog = dialogService.open(LocalizeLogindlgComponent, config);
-            yield new Promise((resolve) => dialog.onClose.subscribe(res => {
-                if (res) {
-                    resolve();
-                }
-            }));
-        });
-    }
-    intercepDialogConfig(config) {
-        config !== null && config !== void 0 ? config : (config = {
-            header: 'Login',
-            style: { 'max-width': '400px', width: '100%', 'height': '650px' },
-            modal: true,
-            closable: false,
-            showHeader: false,
-        });
-        config = Object.assign(Object.assign({}, config), {
-            contentStyle: { 'height': '100%', 'border-radius': '20px' }
-        });
-        config.style = Object.assign(Object.assign({}, config.style), { 'border-radius': '20px' });
-        return config;
-    }
-    initConfig(loginConfig) {
-        var _a;
-        loginConfig !== null && loginConfig !== void 0 ? loginConfig : (loginConfig = {});
-        (_a = loginConfig.properties) !== null && _a !== void 0 ? _a : (loginConfig.properties = {
-            title: 'Your session is expired!<br/> Please login again to continue.',
-            loginSuccessMessage: 'You have successfully logged in.',
-            logoImage: '/assets/images/logo-300px.png',
-            username: { placeHolder: 'Username' },
-            password: { placeHolder: 'Password' },
-            loginButton: { placeHolder: 'Login' },
-            logoutButton: {
-                message: 'No, I want to login with another user.',
-                placeHolder: 'Logout'
-            }
-        });
+class LocalizeTokenModule {
+}
+LocalizeTokenModule.decorators = [
+    { type: NgModule, args: [{
+                providers: [
+                    LocalizeTokenService,
+                    LocalizeApiService
+                ]
+            },] }
+];
+
+class LocalizeApiTokenService {
+    constructor(tokenService, apiService, loginDialogService) {
+        this.api = apiService;
+        this.token = tokenService;
+        this.loginDialog = loginDialogService;
+    }
+    initialize(tokenConfig, apiConfig) {
+        // Initialize the LocalizeTokenService with the provided token configuration
+        this.token.init(tokenConfig);
+        // Initialize the LocalizeApiService with the provided API configuration
+        this.api.init(apiConfig);
+        console.log('LocalizeApiTokenService initialized with token and API configurations.');
     }
 }
-LocalizeLogindlgService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizeLogindlgService_Factory() { return new LocalizeLogindlgService(i0.ɵɵinject(i0.INJECTOR)); }, token: LocalizeLogindlgService, providedIn: "root" });
-LocalizeLogindlgService.decorators = [
+LocalizeApiTokenService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizeApiTokenService_Factory() { return new LocalizeApiTokenService(i0.ɵɵinject(LocalizeTokenService), i0.ɵɵinject(LocalizeApiService), i0.ɵɵinject(LocalizeLogindlgService)); }, token: LocalizeApiTokenService, providedIn: "root" });
+LocalizeApiTokenService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
             },] }
 ];
-LocalizeLogindlgService.ctorParameters = () => [
-    { type: Injector }
+LocalizeApiTokenService.ctorParameters = () => [
+    { type: LocalizeTokenService },
+    { type: LocalizeApiService },
+    { type: LocalizeLogindlgService }
 ];
 
-class LocalizeLogindlgModule {
+class LocalizeApiTokenModule {
 }
-LocalizeLogindlgModule.decorators = [
+LocalizeApiTokenModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [LocalizeLogindlgComponent],
-                exports: [LocalizeLogindlgComponent],
+                declarations: [],
                 imports: [
                     CommonModule,
-                    ToastModule,
-                    InputTextModule,
-                    BrowserModule,
-                    FormsModule,
-                    ButtonModule,
+                    LocalizeTokenModule,
+                    LocalizeLogindlgModule
                 ],
-                providers: [LocalizeLogindlgService],
-                schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                providers: [
+                    LocalizeApiTokenService
+                ]
             },] }
 ];
 
+//#region login dialog
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ApiHelper, EMethod, LOCALIZE_API_ASSETS, LocalizeApiService, LocalizeLogindlgComponent, LocalizeLogindlgModule, LocalizeLogindlgService, LocalizeToken, LocalizeTokenModule, LocalizeTokenService, LocalizeTokenStorage, extractMainDomain, waitFor, waitUntil };
+export { ApiHelper, EMethod, LOCALIZE_API_ASSETS, LocalizeApiService, LocalizeApiTokenModule, LocalizeApiTokenService, LocalizeLogindlgComponent, LocalizeLogindlgModule, LocalizeLogindlgService, LocalizeToken, LocalizeTokenModule, LocalizeTokenService, LocalizeTokenStorage, extractMainDomain, waitFor, waitUntil };
 //# sourceMappingURL=sambath999-localize-token.js.map