@sambath999/localize-token 18.0.3 → 18.0.5

package/fesm2022/sambath999-localize-token.mjs

@@ -1,9 +1,22 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule } from '@angular/core';
+import { Injectable, NgModule, Component, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as jwt_decode from 'jwt-decode';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
+import * as i1$1 from 'primeng/api';
+import { MessageService } from 'primeng/api';
+import * as i2 from 'primeng/dynamicdialog';
+import { DialogService } from 'primeng/dynamicdialog';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i6 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import * as i7 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i8 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
 
 /**
 * Assembly of @package ng2-cookies @see https://www.npmjs.com/package/ng2-cookies
@@ -63,7 +76,20 @@ class LocalizeTokenStorageHelper {
         }
         return cookies;
     }
-    get defaultOptions() { return LocalizeToken.cookieOptions; }
+    get defaultOptions() {
+        const getMainDomain = (subdomain) => {
+            const parts = subdomain.split('.');
+            return parts.length > 2 ? parts.slice(-2).join('.') : subdomain;
+        };
+        const mainDomain = getMainDomain(window.location.hostname);
+        return {
+            path: '/',
+            domain: mainDomain,
+            secure: true,
+            // samesite: SameSiteType.strict,
+            expires: 1
+        };
+    }
     set(name, value, options) {
         options ??= this.defaultOptions;
         const { expires, path, domain, secure, samesite } = options;
@@ -160,30 +186,27 @@ async function waitUntil(when, intervalNumber = 50) {
 
 class LocalizeTokenService {
     isRevokingTokenSubject = new BehaviorSubject(false);
-    getAuthToken() { return this.storageGet(); }
-    setAuthToken(value) {
+    get authToken() { return this.storageGet(); }
+    set authToken(value) {
         value
             ? this.storageSet(value)
             : LocalizeToken.storage.delete(LocalizeToken.config.authTokenName);
     }
-    getRefreshToken() { return LocalizeToken.storage.get(LocalizeToken.config.refreshTokenName); }
-    getAccessToken() { return this.getAuthToken()?.token; }
-    setAccessToken(value) {
+    get refreshToken() { return LocalizeToken.storage.get(LocalizeToken.config.refreshTokenName); }
+    get accessToken() { return this.authToken?.token; }
+    set accessToken(value) {
         if (value) {
-            this.setAuthToken({ token: value, revoke: false });
+            this.authToken = { token: value, revoke: false };
         }
     }
-    getIsRevokingToken() { return this.isRevokingTokenSubject.value; }
-    setIsRevokingToken(value) {
+    get isRevokingToken() { return this.isRevokingTokenSubject.value; /* this.authToken?.revoke ?? false */ }
+    set isRevokingToken(value) {
         this.isRevokingTokenSubject.next(value);
-        if (this.getAuthToken()) {
-            const authToken = this.getAuthToken();
-            if (authToken) {
-                this.setAuthToken({ ...authToken, revoke: value });
-            }
+        if (this.authToken) {
+            this.authToken = { ...this.authToken, revoke: value };
         }
     }
-    getTenantToken() { return LocalizeToken.storage.get(LocalizeToken.config.tenantTokenName); }
+    get tenantToken() { return LocalizeToken.storage.get(LocalizeToken.config.tenantTokenName); }
     constructor() { }
     storageGet() {
         try {
@@ -200,10 +223,10 @@ class LocalizeTokenService {
         LocalizeToken.storage.set(LocalizeToken.config.authTokenName, base64);
     }
     tokensValid() {
-        return this.getRefreshToken()?.length && (!LocalizeToken.config.needTenant || this.getTenantToken()?.length);
+        return this.refreshToken?.length && (!LocalizeToken.config.needTenant || this.tenantToken?.length);
     }
     decodeToken = (token) => jwt_decode.jwtDecode(token);
-    getDecodeRefreshToken() {
+    get decodeRefreshToken() {
         const token = LocalizeToken.storage.get(LocalizeToken.config.refreshTokenName);
         if (!token)
             return null;
@@ -217,6 +240,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+/**
+ * Http method options
+ */
 var EMethod;
 (function (EMethod) {
     EMethod[EMethod["POST"] = 1] = "POST";
@@ -230,42 +256,57 @@ class LocalizeApiService {
     localizeTokenService;
     isRequestingSubject = new BehaviorSubject(false);
     isResolvedStartupSubject = new BehaviorSubject(false);
+    get isRequesting() { return this.isRequestingSubject.value; }
+    get isResolvedStartup() { return this.isResolvedStartupSubject.value; }
     apiConfigs = {};
     constructor(httpClient, localizeTokenService) {
         this.httpClient = httpClient;
         this.localizeTokenService = localizeTokenService;
     }
-    get isRequesting() { return this.isRequestingSubject.value; }
-    get isResolvedStartup() { return this.isResolvedStartupSubject.value; }
+    /**
+     * Initialize the API service.
+     * @param apiConfigs - The API configurations.
+     */
     init(apiConfigs) {
         this.apiConfigs = apiConfigs;
     }
+    /**
+     * 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.
+     */
     func = (baseUrl) => (path, method = EMethod.GET, value = null, isFormData = false, headers) => this.base(baseUrl, path, method, value, isFormData, headers);
     async base(baseUrl, path, method = EMethod.GET, value = null, isFormData = false, headers) {
         await this.ifPromise(this.apiConfigs.onPrepareRequest);
         const url = `${baseUrl.trim().replace(/\/?$/, '/')}${path.trim().replace(/^\//, '')}`;
         const httpMethod = EMethod[method].toLowerCase();
-        const request = { body: value, headers: this.options(isFormData, headers) };
+        const request = () => { return { body: value, headers: this.options(isFormData, headers) }; };
+        // Wait for previous request to complete
         await this.toWaitForPreviousRequest();
+        // Process request
         try {
-            return await this.processRequest(httpMethod, url, request);
+            return await this.processRequest(httpMethod, url, request());
         }
+        // Handle unauthorized error if any
         catch (error) {
-            if (error.status !== 401)
+            if (error.status !== 401) {
                 throw error;
+            }
             return await this.onUnauthorizedError(httpMethod, url, request);
         }
     }
     async onUnauthorizedError(httpMethod, url, request) {
         await this.revokeToken();
         if (!this.isResolvedStartup) {
-            return await this.processRequest(httpMethod, url, request);
+            return await this.processRequest(httpMethod, url, request());
         }
     }
     async toWaitForPreviousRequest() {
-        if (this.localizeTokenService.getIsRevokingToken()) {
-            await waitUntil(() => !this.localizeTokenService.getIsRevokingToken());
+        if (this.localizeTokenService.isRevokingToken) {
+            await waitUntil(() => !this.localizeTokenService.isRevokingToken);
         }
+        // to wait for each request in 50ms, even if the request is not completed
         await waitFor(50, this.isRequesting);
     }
     async processRequest(method, url, options) {
@@ -275,19 +316,19 @@ class LocalizeApiService {
         return result;
     }
     async revokeToken(force = false) {
-        if (this.localizeTokenService.getIsRevokingToken() && !force) {
-            await waitUntil(() => !this.localizeTokenService.getIsRevokingToken());
+        if (this.localizeTokenService.isRevokingToken && !force) {
+            await waitUntil(() => !this.localizeTokenService.isRevokingToken);
             return;
         }
         try {
-            this.localizeTokenService.setIsRevokingToken(true);
+            this.localizeTokenService.isRevokingToken = true;
             const reqUrl = LocalizeToken.config.revokeTokenUrl;
-            const reqHeaders = this.options().append(LocalizeToken.httpHeaders.X_REFRESH_TOKEN, `${this.localizeTokenService.getRefreshToken()}`);
+            const reqHeaders = this.options().append(LocalizeToken.httpHeaders.X_REFRESH_TOKEN, `${this.localizeTokenService.refreshToken}`);
             const revokeToken = await new Promise((resolve, reject) => this.httpClient.get(reqUrl, { headers: reqHeaders }).subscribe({ next: resolve, error: reject }));
             if (revokeToken?.status) {
-                this.localizeTokenService.setAccessToken(revokeToken.message);
+                this.localizeTokenService.accessToken = revokeToken.message;
             }
-            else if (!this.localizeTokenService.getRefreshToken()) {
+            else if (!this.localizeTokenService.refreshToken) {
                 await this.ifPromise(this.apiConfigs.onAutoLogout);
             }
             else {
@@ -298,30 +339,31 @@ class LocalizeApiService {
             }
         }
         finally {
-            this.localizeTokenService.setIsRevokingToken(false);
+            this.localizeTokenService.isRevokingToken = false;
         }
     }
+    /** default http request options */
     options(isFormData = false, headers = {}) {
-        const defaultHeaders = {
-            [LocalizeToken.httpHeaders.AUTHORIZATION]: `Bearer ${this.localizeTokenService.getAccessToken()}`
-        };
+        const defaultHeaders = { [LocalizeToken.httpHeaders.AUTHORIZATION]: `Bearer ${this.localizeTokenService.accessToken}`, };
         if (LocalizeToken.config.needTenant) {
-            defaultHeaders[LocalizeToken.httpHeaders.X_TENANT] = `${this.localizeTokenService.getTenantToken()}`;
+            defaultHeaders[LocalizeToken.httpHeaders.X_TENANT] = `${this.localizeTokenService.tenantToken}`;
         }
         if (!isFormData) {
             defaultHeaders[LocalizeToken.httpHeaders.CONTENT_TYPE] = 'application/json';
         }
-        const mergedHeaders = { ...defaultHeaders, ...headers };
+        const filteredHeaders = Object.keys(defaultHeaders).filter(key => !Object.keys(headers).includes(key))
+            .reduce((acc, key) => ({ ...acc, [key]: defaultHeaders[key] }), {});
+        const mergedHeaders = { ...filteredHeaders, ...headers };
         return new HttpHeaders(mergedHeaders);
     }
     async ifPromise(fn) {
-        if (fn) {
-            return fn instanceof Promise ? await fn() : fn();
-        }
+        if (!fn)
+            return;
+        return fn instanceof Promise ? await fn() : fn();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeApiService, deps: [{ token: i1.HttpClient }, { token: LocalizeTokenService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeApiService, providedIn: 'root' });
-}
+} //class
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeApiService, decorators: [{
             type: Injectable,
             args: [{
@@ -347,9 +389,266 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 }]
         }] });
 
+class LocalizeLogindlgComponent {
+    messageService;
+    cdt;
+    dlgRef;
+    dlgConfig;
+    tokenService;
+    httpClient;
+    messageKey = "$login-dlg";
+    password;
+    decodeToken;
+    loading = false;
+    success = false;
+    config;
+    logout;
+    loginUrl;
+    constructor(messageService, cdt, dlgRef, dlgConfig, tokenService, httpClient) {
+        this.messageService = messageService;
+        this.cdt = cdt;
+        this.dlgRef = dlgRef;
+        this.dlgConfig = dlgConfig;
+        this.tokenService = tokenService;
+        this.httpClient = httpClient;
+        this.decodeToken = this.tokenService.decodeRefreshToken;
+        this.config = LocalizeToken.config;
+    }
+    ngOnInit() {
+        this.dlgConfig.closable = false;
+        this.logout = this.dlgConfig.data?.logout;
+        this.loginUrl = this.dlgConfig.data?.loginUrl;
+        if (!this.decodeToken) {
+            this.messageService.add({
+                key: this.messageKey,
+                severity: "error",
+                summary: "Token is invalid",
+            });
+            setTimeout(() => this.logout?.(), 2000);
+        }
+    }
+    ngAfterViewInit() {
+        this.cdt.detectChanges();
+    }
+    async clickLogin() {
+        if (!this.isValidPassword) {
+            this.messageService.add({
+                key: this.messageKey,
+                severity: "error",
+                summary: "Password is required and must be at least 6 characters",
+            });
+        }
+        this.loading = true;
+        const loginRes = await this.login();
+        if (!loginRes?.status) {
+            this.messageService.add({
+                key: this.messageKey,
+                severity: "error",
+                summary: loginRes.message,
+            });
+            this.loading = false;
+            return;
+        }
+        this.tokenService.accessToken = loginRes.tokens.accessToken;
+        LocalizeToken.storage.set(this.config.refreshTokenName, loginRes.tokens.refreshToken);
+        this.success = true;
+        setTimeout(() => this.dlgRef.close(true), 2000);
+    }
+    async login() {
+        const path = this.loginUrl ?? "/api/auth/login";
+        const response = await new Promise((resolve, reject) => this.httpClient
+            .post(path, { password: this.password.trim() }, { headers: this.getHeaders() })
+            .subscribe({ next: resolve, error: reject }));
+        return response;
+    }
+    getHeaders() {
+        return {
+            [LocalizeToken.httpHeaders.X_REFRESH_TOKEN]: LocalizeToken.storage.get(this.config.refreshTokenName),
+            [LocalizeToken.httpHeaders.X_TENANT]: LocalizeToken.storage.get(this.config.tenantTokenName) ?? "",
+        };
+    }
+    get isValidPassword() {
+        return this.password && this.password.trim().length >= 6;
+    }
+    clickLogout = () => this.logout?.();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgComponent, deps: [{ token: i1$1.MessageService }, { token: i0.ChangeDetectorRef }, { token: i2.DynamicDialogRef }, { token: i2.DynamicDialogConfig }, { token: LocalizeTokenService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: LocalizeLogindlgComponent, selector: "app-localize-logindlg", providers: [MessageService], ngImport: i0, 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"></div>
+      <h3 *ngIf="!success">Your session is expired! <br> Please login again to continue.</h3>
+      <h3 *ngIf="success" style="color:green !important;">You haved successfully logged in.</h3>
+    </div>
+    <div id="login-dlg-content">
+      <ng-container *ngIf="!success">
+        <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="Username" [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 (keydown.enter)="clickLogin()" pInputText type="password" placeholder="Password" [(ngModel)]="password"
+              autofocus />
+          </div>
+        </div>
+        <div class="login-dlg-elm">
+          <button style="width: 100%;" pButton type="button" label="Login" (click)="clickLogin()"
+            [disabled]="!password || loading"></button>
+        </div>
+  
+        <div class="login-dlg-elm" style="display:flex;align-items: center;user-select: none;">
+          <span>No, I want to login with another user.</span>
+          <button class="p-button-text" pButton type="button" label="Logout" (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>`, isInline: true, styles: ["#login-dlg-wrap{width:100%;max-width:400px;margin:0 auto;padding:30px}.login-dlg-elm{margin-top:1rem}#login-dlg-header{display:flex;flex-direction:column;align-items:center;justify-content:center}#login-dlg-header h3{font-weight:700;font-size:.9rem;color:orange;text-align:center}#login-logo{height:40px;width:40px;background:url(/assets/images/logo-300px.png) no-repeat;background-size:contain}#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 .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-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:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .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 .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px #ffffff40 inset,0 0 0 65px #ffffff40 inset}62.5%{transform:scale(1);box-shadow:0 0 #ffffff40 inset,0 0 0 21.667px #ffffff40 inset}81.25%{box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}to{opacity:1;box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}to{width:85%;height:15%;opacity:.25}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: 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"></div>
+      <h3 *ngIf="!success">Your session is expired! <br> Please login again to continue.</h3>
+      <h3 *ngIf="success" style="color:green !important;">You haved successfully logged in.</h3>
+    </div>
+    <div id="login-dlg-content">
+      <ng-container *ngIf="!success">
+        <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="Username" [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 (keydown.enter)="clickLogin()" pInputText type="password" placeholder="Password" [(ngModel)]="password"
+              autofocus />
+          </div>
+        </div>
+        <div class="login-dlg-elm">
+          <button style="width: 100%;" pButton type="button" label="Login" (click)="clickLogin()"
+            [disabled]="!password || loading"></button>
+        </div>
+  
+        <div class="login-dlg-elm" style="display:flex;align-items: center;user-select: none;">
+          <span>No, I want to login with another user.</span>
+          <button class="p-button-text" pButton type="button" label="Logout" (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}.login-dlg-elm{margin-top:1rem}#login-dlg-header{display:flex;flex-direction:column;align-items:center;justify-content:center}#login-dlg-header h3{font-weight:700;font-size:.9rem;color:orange;text-align:center}#login-logo{height:40px;width:40px;background:url(/assets/images/logo-300px.png) no-repeat;background-size:contain}#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 .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-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:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .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 .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px #ffffff40 inset,0 0 0 65px #ffffff40 inset}62.5%{transform:scale(1);box-shadow:0 0 #ffffff40 inset,0 0 0 21.667px #ffffff40 inset}81.25%{box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}to{opacity:1;box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}to{width:85%;height:15%;opacity:.25}}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.DynamicDialogRef }, { type: i2.DynamicDialogConfig }, { type: LocalizeTokenService }, { type: i1.HttpClient }] });
+
+class LocalizeLogindlgService {
+    injector;
+    constructor(injector) {
+        this.injector = injector;
+    }
+    async openLoginDialog(config) {
+        config ??= {
+            header: 'Login',
+            height: '650px',
+            style: { 'max-width': '400px', width: '100%', 'height': '650px' },
+        };
+        const dialogService = this.injector.get(DialogService);
+        const dialog = dialogService.open(LocalizeLogindlgComponent, config);
+        await new Promise((resolve) => dialog.onClose.subscribe(res => {
+            if (res) {
+                resolve();
+            }
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class LocalizeLogindlgModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgModule, declarations: [LocalizeLogindlgComponent], imports: [CommonModule,
+            ToastModule,
+            InputTextModule,
+            BrowserModule,
+            FormsModule], exports: [LocalizeLogindlgComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgModule, providers: [LocalizeLogindlgService], imports: [CommonModule,
+            ToastModule,
+            InputTextModule,
+            BrowserModule,
+            FormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: LocalizeLogindlgModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LocalizeLogindlgComponent],
+                    exports: [LocalizeLogindlgComponent],
+                    imports: [
+                        CommonModule,
+                        ToastModule,
+                        InputTextModule,
+                        BrowserModule,
+                        FormsModule,
+                    ],
+                    providers: [LocalizeLogindlgService],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EMethod, ISameSiteType, LocalizeApiService, LocalizeToken, LocalizeTokenModule, LocalizeTokenService, LocalizeTokenStorageHelper, waitFor, waitUntil };
+export { EMethod, ISameSiteType, LocalizeApiService, LocalizeLogindlgComponent, LocalizeLogindlgModule, LocalizeLogindlgService, LocalizeToken, LocalizeTokenModule, LocalizeTokenService, LocalizeTokenStorageHelper, waitFor, waitUntil };
 //# sourceMappingURL=sambath999-localize-token.mjs.map