cloud-ide-auth 1.0.50 → 1.0.56

package/fesm2022/cloud-ide-auth-cloud-ide-auth-JvYoNJol.mjs

@@ -0,0 +1,862 @@
+import { HttpClient } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, Injectable, Component, signal, DestroyRef, input } from '@angular/core';
+import { MLogin, customEncrypt, cidePath, hostManagerRoutesUrl, authRoutesUrl, MResetPassword, MEntitySwitch, generateObjectFromString, MEntityByDomain, generateStringFromObject, coreRoutesUrl, MForgotPassword, validateRequestModal, MReLogin } from 'cloud-ide-lms-model';
+import { BehaviorSubject, of, catchError as catchError$1 } from 'rxjs';
+import { RouterOutlet, Router, ActivatedRoute } from '@angular/router';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { map, catchError } from 'rxjs/operators';
+import { CideInputComponent, CideEleButtonComponent, CideEleThemeToggleComponent, CideEleFloatingContainerService } from 'cloud-ide-element';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { CideLytSharedWrapperComponent } from 'cloud-ide-layout';
+import { AUTH_SERVICE_TOKEN, APP_STATE_SERVICE_TOKEN } from 'cloud-ide-shared';
+
+class CloudIdeAuthService {
+    auth_user_mst = new BehaviorSubject({});
+    _auth_token = "";
+    // Storage keys
+    TOKEN_STORAGE_KEY = 'cide_auth_token';
+    USER_STORAGE_KEY = 'cide_auth_user';
+    // Modern Angular v20 dependency injection pattern
+    http = inject(HttpClient);
+    constructor() {
+        // Modern Angular v20 pattern: Use constructor for initialization only
+        this.loadAuthDataFromStorage();
+    }
+    /**
+     * Check if localStorage is available (browser environment)
+     */
+    isLocalStorageAvailable() {
+        try {
+            return typeof window !== 'undefined' && typeof localStorage !== 'undefined';
+        }
+        catch {
+            return false;
+        }
+    }
+    // Getter and setter for auth_token with localStorage persistence
+    get auth_token() {
+        return this._auth_token;
+    }
+    set auth_token(value) {
+        this._auth_token = value;
+        if (!this.isLocalStorageAvailable()) {
+            return;
+        }
+        if (value) {
+            localStorage.setItem(this.TOKEN_STORAGE_KEY, value);
+        }
+        else {
+            localStorage.removeItem(this.TOKEN_STORAGE_KEY);
+        }
+    }
+    // View-only token for public APIs
+    VIEW_ONLY_TOKEN_STORAGE_KEY = 'cloud_ide_view_only_token';
+    _view_only_token = '';
+    get view_only_token() {
+        return this._view_only_token;
+    }
+    set view_only_token(value) {
+        this._view_only_token = value;
+        if (!this.isLocalStorageAvailable()) {
+            return;
+        }
+        if (value) {
+            localStorage.setItem(this.VIEW_ONLY_TOKEN_STORAGE_KEY, value);
+        }
+        else {
+            localStorage.removeItem(this.VIEW_ONLY_TOKEN_STORAGE_KEY);
+        }
+    }
+    // Load authentication data from localStorage on service initialization
+    loadAuthDataFromStorage() {
+        if (!this.isLocalStorageAvailable()) {
+            return;
+        }
+        try {
+            // Load token
+            const storedToken = localStorage.getItem(this.TOKEN_STORAGE_KEY);
+            if (storedToken) {
+                this._auth_token = storedToken;
+            }
+            // Load view-only token
+            const storedViewOnlyToken = localStorage.getItem(this.VIEW_ONLY_TOKEN_STORAGE_KEY);
+            if (storedViewOnlyToken) {
+                this._view_only_token = storedViewOnlyToken;
+            }
+            // Load user data
+            const storedUserData = localStorage.getItem(this.USER_STORAGE_KEY);
+            if (storedUserData) {
+                const userData = JSON.parse(storedUserData);
+                this.auth_user_mst.next(userData);
+            }
+        }
+        catch (error) {
+            // Silent error handling for auth data loading
+        }
+    }
+    // Store user data in localStorage
+    storeUserData(userData) {
+        if (userData) {
+            this.auth_user_mst.next(userData);
+            if (this.isLocalStorageAvailable()) {
+                localStorage.setItem(this.USER_STORAGE_KEY, JSON.stringify(userData));
+            }
+        }
+    }
+    signIn(body) {
+        // Create a copy to avoid mutating the original
+        const loginPayload = new MLogin(body);
+        if (loginPayload?.user_password) {
+            if (loginPayload?.user_password?.length <= 6) {
+                // MPIN - no encryption needed for MPIN
+                loginPayload.custom_login_method = "mpin";
+                loginPayload.mpin_pin = loginPayload?.user_password;
+                loginPayload.user_password = "";
+            }
+            else {
+                // Password - encrypt before sending
+                loginPayload.custom_login_method = "pass";
+                loginPayload.user_password = customEncrypt(loginPayload.user_password);
+            }
+        }
+        return this.http?.post(cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, authRoutesUrl?.module, authRoutesUrl?.signIn]), loginPayload);
+    }
+    forgotPassword(body) {
+        return this.http?.post(cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, authRoutesUrl?.module, authRoutesUrl?.forgotPassword]), body);
+    }
+    resetPassword(body) {
+        const payload = new MResetPassword(body);
+        if (payload?.Validate) {
+            payload?.Validate();
+        }
+        // Encrypt password before sending
+        if (payload.user_password) {
+            payload.user_password = customEncrypt(payload.user_password);
+        }
+        return this.http?.post(cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, authRoutesUrl?.module, authRoutesUrl?.resetPassword]), payload);
+    }
+    // Sign out the user and clear all stored auth data
+    signOut() {
+        // Clear token and user data from memory
+        this._auth_token = "";
+        this.auth_user_mst.next({});
+        // Clear stored data
+        if (this.isLocalStorageAvailable()) {
+            localStorage.removeItem(this.TOKEN_STORAGE_KEY);
+            localStorage.removeItem(this.USER_STORAGE_KEY);
+        }
+    }
+    // Check if user is authenticated
+    isAuthenticated() {
+        return !!this._auth_token;
+    }
+    // Get current user data 
+    getCurrentUser() {
+        return this.auth_user_mst.getValue();
+    }
+    // Check if token is expired
+    isTokenExpired() {
+        try {
+            if (!this._auth_token) {
+                return true;
+            }
+            // Extract the payload from the JWT token
+            const tokenParts = this._auth_token.split('.');
+            if (tokenParts.length !== 3) {
+                return true; // Not a valid JWT token
+            }
+            const payload = JSON.parse(atob(tokenParts[1]));
+            // Check expiration time
+            const expiration = payload.exp * 1000; // Convert seconds to milliseconds
+            return Date.now() >= expiration;
+        }
+        catch (error) {
+            return true; // Assume expired if there's an error
+        }
+    }
+    // Refresh auth data if needed based on stored data
+    refreshAuthState() {
+        // If we have a token but no user data, try to load user data
+        if (this._auth_token && this.auth_user_mst && Object.keys(this.auth_user_mst.getValue()).length === 0 && this.isLocalStorageAvailable()) {
+            const storedUserData = localStorage.getItem(this.USER_STORAGE_KEY);
+            if (storedUserData) {
+                try {
+                    const userData = JSON.parse(storedUserData);
+                    this.auth_user_mst.next(userData);
+                }
+                catch (error) {
+                    // Silent error handling for parsing user data
+                }
+            }
+        }
+        // If token is expired, sign out
+        if (this.isTokenExpired()) {
+            this.signOut();
+        }
+    }
+    /**
+     * Switch entity for logged-in user
+     * Creates a new auth_logs entry and updates the entity mapping
+     * @param entityId - Entity ID to switch to
+     * @returns Observable with new token and entity data
+     */
+    switchEntity(entityId) {
+        const payload = new MEntitySwitch({
+            syen_id: entityId
+        });
+        return this.http?.post(cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, authRoutesUrl?.module, authRoutesUrl?.switchEntity]), payload);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CloudIdeAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CloudIdeAuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CloudIdeAuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CloudIdeAuthComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CloudIdeAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CloudIdeAuthComponent, isStandalone: true, selector: "cide-auth-wrapper", ngImport: i0, template: `
+    <router-outlet></router-outlet>
+  `, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CloudIdeAuthComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-auth-wrapper', standalone: true, imports: [RouterOutlet], template: `
+    <router-outlet></router-outlet>
+  ` }]
+        }] });
+
+var cloudIdeAuth_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CloudIdeAuthComponent: CloudIdeAuthComponent
+});
+
+class EntityDetectionService {
+    http = inject(HttpClient);
+    /**
+     * Extract and normalize domain from current URL
+     * @returns Normalized domain string (without www. prefix, lowercase)
+     */
+    getDomainFromUrl() {
+        if (typeof window === 'undefined') {
+            return '';
+        }
+        const hostname = window.location.hostname;
+        // Remove 'www.' prefix if present and convert to lowercase
+        return hostname.replace(/^www\./, '').toLowerCase();
+    }
+    /**
+     * Extract entity ID from route parameters (object-to-string format)
+     * @param routeParams - Route parameters object (e.g., { query: 'suwrklfs' })
+     * @returns Entity ID string or null
+     */
+    getEntityIdFromRoute(routeParams) {
+        if (!routeParams || !routeParams['query']) {
+            return null;
+        }
+        try {
+            const queryData = generateObjectFromString(routeParams['query']);
+            return queryData?.syen_id || null;
+        }
+        catch (error) {
+            console.warn('Failed to decode route parameter:', error);
+            return null;
+        }
+    }
+    /**
+     * Lookup entity ID by domain using API
+     * @param domain - Domain string to lookup
+     * @returns Observable of entity ID string or null
+     */
+    lookupEntityByDomain(domain) {
+        if (!domain) {
+            return of(null);
+        }
+        const domainPayload = new MEntityByDomain({ domain });
+        const query = generateStringFromObject(domainPayload);
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            coreRoutesUrl.module,
+            coreRoutesUrl.entityByDomain,
+            query
+        ]);
+        return this.http.get(url).pipe(map((response) => {
+            if (response?.success && response?.data?._id) {
+                return response.data._id;
+            }
+            return null;
+        }), catchError((error) => {
+            console.warn('Domain lookup failed:', error);
+            return of(null);
+        }));
+    }
+    /**
+     * Detect entity ID using priority:
+     * 1. Domain lookup (primary)
+     * 2. Route parameter (fallback)
+     * @param routeParams - Optional route parameters for fallback
+     * @returns Observable of entity ID string or null
+     */
+    detectEntityId(routeParams) {
+        // First, try domain lookup
+        const domain = this.getDomainFromUrl();
+        if (domain) {
+            return this.lookupEntityByDomain(domain).pipe(map((entityId) => {
+                // If domain lookup succeeds, return the entity ID
+                if (entityId) {
+                    return entityId;
+                }
+                // If domain lookup fails, try route parameter fallback
+                return this.getEntityIdFromRoute(routeParams);
+            }));
+        }
+        // If no domain, try route parameter fallback
+        const routeEntityId = this.getEntityIdFromRoute(routeParams);
+        return of(routeEntityId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EntityDetectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EntityDetectionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EntityDetectionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class CideAuthForgotPasswordComponent {
+    forgotPassswordForm;
+    erro_message = signal('', ...(ngDevMode ? [{ debugName: "erro_message" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    entityId = signal(null, ...(ngDevMode ? [{ debugName: "entityId" }] : []));
+    authService = inject(CloudIdeAuthService);
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    entityDetectionService = inject(EntityDetectionService);
+    constructor() {
+        this.forgotPassswordForm = new FormGroup({
+            custom_forgot_password_method: new FormControl('username'),
+            user_username: new FormControl('', [Validators.required, Validators.minLength(8), Validators.maxLength(20)]),
+            user_emailid: new FormControl(''),
+            user_mobileno: new FormControl(),
+        });
+    }
+    ngOnInit() {
+        // Detect entity ID from domain or route parameter
+        const routeParams = this.activatedRoute.snapshot.params;
+        this.entityDetectionService.detectEntityId(routeParams).pipe(takeUntilDestroyed()).subscribe({
+            next: (entityId) => {
+                if (entityId) {
+                    this.entityId.set(entityId);
+                    console.log('Entity ID detected:', entityId);
+                }
+                // Navigate to clean URL (remove :query param) if it exists
+                if (routeParams['query']) {
+                    this.router.navigate(['auth', 'forgot-password'], {
+                        queryParams: this.activatedRoute.snapshot.queryParams,
+                        replaceUrl: true
+                    });
+                }
+            },
+            error: (error) => {
+                console.warn('Entity detection failed:', error);
+            }
+        });
+    }
+    onForgotPasssword() {
+        // Mark all fields as touched to show validation errors
+        this.forgotPassswordForm.markAllAsTouched();
+        // Clear previous error messages
+        this.erro_message.set('');
+        // Check if form has basic Angular validators passed
+        if (!this.forgotPassswordForm.valid) {
+            const usernameControl = this.forgotPassswordForm.get('user_username');
+            if (usernameControl?.errors?.['required']) {
+                this.erro_message.set('Username is required');
+            }
+            else if (usernameControl?.errors?.['minlength']) {
+                this.erro_message.set('Username must be at least 8 characters');
+            }
+            else if (usernameControl?.errors?.['maxlength']) {
+                this.erro_message.set('Username must be at most 20 characters');
+            }
+            else {
+                this.erro_message.set('Please fill in all required fields correctly');
+            }
+            setTimeout(() => {
+                this.erro_message.set('');
+            }, 3000);
+            return;
+        }
+        // Create the model and validate using custom validation
+        const formValue = {
+            ...this.forgotPassswordForm.value,
+            syen_id: this.entityId() || undefined
+        };
+        const forgotPasswordPayload = new MForgotPassword(formValue);
+        const validate = validateRequestModal(forgotPasswordPayload);
+        if (validate !== true) {
+            // Custom validation failed
+            this.loading.set(false);
+            const errorKey = validate.first;
+            // Get the error message from errorLogger using the first key
+            const errorMessage = validate.errorLogger?.[errorKey] || 'Validation failed. Please check your input.';
+            this.erro_message.set(errorMessage);
+            console.error('Forgot password validation error:', validate);
+            setTimeout(() => {
+                this.erro_message.set('');
+            }, 3000);
+            return;
+        }
+        // All validations passed, make API call
+        this.loading.set(true);
+        this.authService.forgotPassword(forgotPasswordPayload)?.subscribe({
+            next: (response) => {
+                this.loading.set(false);
+                if (response?.success === true) {
+                    this.erro_message.set('');
+                    this.router.navigate(['auth', 'sign-in']);
+                }
+                else {
+                    // API returned success: false
+                    const errorMessage = response?.message || 'Failed to process forgot password request. Please try again.';
+                    this.erro_message.set(errorMessage);
+                    console.error('Forgot password API error:', response);
+                    setTimeout(() => {
+                        this.erro_message.set('');
+                    }, 3000);
+                }
+            },
+            error: (response) => {
+                this.loading.set(false);
+                const errorMessage = response?.error?.message || 'Failed to process forgot password request. Please try again.';
+                this.erro_message.set(errorMessage);
+                console.error('Forgot password error:', response);
+                setTimeout(() => {
+                    this.erro_message.set('');
+                }, 3000);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideAuthForgotPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideAuthForgotPasswordComponent, isStandalone: true, selector: "cide-auth-forgot-password", ngImport: i0, template: "<!-- https://play.tailwindcss.com/lfO85drpUy -->\n<!-- Main Div Outer Div-->\n<div class=\"cide-font-poppins tw-flex tw-min-h-screen tw-w-full tw-bg-gray-50 tw-py-3 tw-relative\">\n  <!-- Theme Toggle - Top Right Corner -->\n  <div class=\"tw-absolute tw-top-4 tw-right-4 tw-z-50\">\n    <cide-ele-theme-toggle size=\"small\"></cide-ele-theme-toggle>\n  </div>\n    <!-- Forrm Wrapper -->\n    <div class=\"tw-m-auto tw-w-96 tw-rounded-2xl tw-bg-white tw-py-6 tw-shadow-xl\">\n      <!-- Logo Wrapper -->\n      <div class=\"tw-m-auto tw-h-32 tw-w-64 tw-text-center\">\n        <img src=\"https://console.cloudidesys.com/assets/Cloud%20IDE%20Logo%20Dark.png\" class=\"tw-m-auto tw-h-full\"\n          alt=\"Cloud IDE Logo\" />\n      </div> <!-- Entity name here -->\n      <div class=\"tw-my-2 tw-text-center tw-text-xl tw-font-semibold\">Forgot Password</div>\n       <!-- Error Logger -->\n       @if (erro_message()) {\n         <div class=\"tw-w-full tw-select-none tw-py-1 tw-mx-auto tw-mb-2 tw-max-w-80 tw-text-center tw-text-sm tw-text-red-600 dark:tw-text-red-400\">\n           {{erro_message()}}\n         </div>\n       }\n        \n      <!-- section for controls -->\n      <form [formGroup]=\"forgotPassswordForm\" (ngSubmit)=\"onForgotPasssword()\" novalidate>\n        <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\n          <!-- Username -->\n          <div class=\"tw-m-auto tw-w-80 tw-mb-4\">\n            <cide-ele-input \n              id=\"user_username\" \n              formControlName=\"user_username\"\n              placeholder=\"Enter your username\"\n              [required]=\"true\">\n            </cide-ele-input>\n            @if (forgotPassswordForm.get('user_username')?.invalid && forgotPassswordForm.get('user_username')?.touched) {\n              <div class=\"tw-text-xs tw-text-red-600 tw-mt-1\">\n                @if (forgotPassswordForm.get('user_username')?.errors?.['required']) {\n                  Username is required\n                } @else if (forgotPassswordForm.get('user_username')?.errors?.['minlength']) {\n                  Username must be at least 8 characters\n                } @else if (forgotPassswordForm.get('user_username')?.errors?.['maxlength']) {\n                  Username must be at most 20 characters\n                }\n              </div>\n            }\n          </div>\n          <!-- Forgot Password button -->\n          <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\n            <button \n              type=\"submit\"\n              cideEleButton \n              id=\"reset_password_link_button\" \n              [loading]=\"loading()\" \n              [disabled]=\"loading()\">\n              Reset Password\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>", styles: [""], dependencies: [{ kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleThemeToggleComponent, selector: "cide-ele-theme-toggle", inputs: ["size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideAuthForgotPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-auth-forgot-password', standalone: true, imports: [CideInputComponent, ReactiveFormsModule, CommonModule, CideEleButtonComponent, CideEleThemeToggleComponent], template: "<!-- https://play.tailwindcss.com/lfO85drpUy -->\n<!-- Main Div Outer Div-->\n<div class=\"cide-font-poppins tw-flex tw-min-h-screen tw-w-full tw-bg-gray-50 tw-py-3 tw-relative\">\n  <!-- Theme Toggle - Top Right Corner -->\n  <div class=\"tw-absolute tw-top-4 tw-right-4 tw-z-50\">\n    <cide-ele-theme-toggle size=\"small\"></cide-ele-theme-toggle>\n  </div>\n    <!-- Forrm Wrapper -->\n    <div class=\"tw-m-auto tw-w-96 tw-rounded-2xl tw-bg-white tw-py-6 tw-shadow-xl\">\n      <!-- Logo Wrapper -->\n      <div class=\"tw-m-auto tw-h-32 tw-w-64 tw-text-center\">\n        <img src=\"https://console.cloudidesys.com/assets/Cloud%20IDE%20Logo%20Dark.png\" class=\"tw-m-auto tw-h-full\"\n          alt=\"Cloud IDE Logo\" />\n      </div> <!-- Entity name here -->\n      <div class=\"tw-my-2 tw-text-center tw-text-xl tw-font-semibold\">Forgot Password</div>\n       <!-- Error Logger -->\n       @if (erro_message()) {\n         <div class=\"tw-w-full tw-select-none tw-py-1 tw-mx-auto tw-mb-2 tw-max-w-80 tw-text-center tw-text-sm tw-text-red-600 dark:tw-text-red-400\">\n           {{erro_message()}}\n         </div>\n       }\n        \n      <!-- section for controls -->\n      <form [formGroup]=\"forgotPassswordForm\" (ngSubmit)=\"onForgotPasssword()\" novalidate>\n        <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\n          <!-- Username -->\n          <div class=\"tw-m-auto tw-w-80 tw-mb-4\">\n            <cide-ele-input \n              id=\"user_username\" \n              formControlName=\"user_username\"\n              placeholder=\"Enter your username\"\n              [required]=\"true\">\n            </cide-ele-input>\n            @if (forgotPassswordForm.get('user_username')?.invalid && forgotPassswordForm.get('user_username')?.touched) {\n              <div class=\"tw-text-xs tw-text-red-600 tw-mt-1\">\n                @if (forgotPassswordForm.get('user_username')?.errors?.['required']) {\n                  Username is required\n                } @else if (forgotPassswordForm.get('user_username')?.errors?.['minlength']) {\n                  Username must be at least 8 characters\n                } @else if (forgotPassswordForm.get('user_username')?.errors?.['maxlength']) {\n                  Username must be at most 20 characters\n                }\n              </div>\n            }\n          </div>\n          <!-- Forgot Password button -->\n          <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\n            <button \n              type=\"submit\"\n              cideEleButton \n              id=\"reset_password_link_button\" \n              [loading]=\"loading()\" \n              [disabled]=\"loading()\">\n              Reset Password\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>" }]
+        }], ctorParameters: () => [] });
+
+var forgotPassword_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CideAuthForgotPasswordComponent: CideAuthForgotPasswordComponent
+});
+
+/**
+ * Service to handle re-login functionality when 401 errors occur
+ */
+class ReLoginService {
+    http = inject(HttpClient);
+    authService = inject(CloudIdeAuthService);
+    // Observable to control re-login dialog visibility
+    showReLoginSubject = new BehaviorSubject(false);
+    showReLogin$ = this.showReLoginSubject.asObservable();
+    // Signal for re-login state
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    /**
+     * Show re-login dialog
+     */
+    showReLogin() {
+        // Only show if we have a token (session expired scenario)
+        if (this.authService.auth_token) {
+            this.showReLoginSubject.next(true);
+        }
+    }
+    /**
+     * Hide re-login dialog
+     */
+    hideReLogin() {
+        this.showReLoginSubject.next(false);
+        this.error.set(null);
+    }
+    /**
+     * Perform re-login with MPIN or password
+     */
+    reLogin(payload) {
+        this.isLoading.set(true);
+        this.error.set(null);
+        // Create a copy to avoid mutating the original
+        const reLoginPayload = {
+            ...payload,
+            token: this.authService.auth_token
+        };
+        // Encrypt password if provided (MPIN doesn't need encryption)
+        if (reLoginPayload.user_password && reLoginPayload.custom_login_method === 'pass') {
+            reLoginPayload.user_password = customEncrypt(reLoginPayload.user_password);
+        }
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            authRoutesUrl.module,
+            authRoutesUrl.createReLoginSession
+        ]);
+        return this.http.post(url, reLoginPayload).pipe(catchError$1((response) => {
+            this.isLoading.set(false);
+            const errorMessage = response?.error?.message || 'Re-login failed';
+            this.error.set(errorMessage);
+            return of({
+                success: false,
+                message: errorMessage
+            });
+        }));
+    }
+    /**
+     * Handle successful re-login
+     */
+    handleReLoginSuccess(response) {
+        if (response.success && response.token) {
+            // Update auth token
+            this.authService.auth_token = response.token;
+            // Update user data if available
+            if (response.data) {
+                const userData = response.data;
+                this.authService.storeUserData(userData);
+            }
+            // Hide re-login dialog
+            this.hideReLogin();
+            this.isLoading.set(false);
+        }
+        else {
+            this.error.set(response.message || 'Re-login failed');
+            this.isLoading.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ReLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ReLoginService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ReLoginService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Service to manage re-login component in floating container
+ */
+class ReLoginFloatingService {
+    containerService = inject(CideEleFloatingContainerService);
+    reLoginService = inject(ReLoginService);
+    destroyRef = inject(DestroyRef);
+    containerId = null;
+    constructor() {
+        // Register the component when service is initialized
+        this.registerReLoginComponent();
+        // Subscribe to re-login service to show/hide dialog
+        this.reLoginService.showReLogin$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((shouldShow) => {
+            if (shouldShow && !this.containerId) {
+                this.show();
+            }
+            else if (!shouldShow && this.containerId) {
+                this.hide();
+            }
+        });
+    }
+    /**
+     * Register re-login component with floating container service
+     */
+    async registerReLoginComponent() {
+        if (this.containerService.isComponentRegistered('re-login')) {
+            return;
+        }
+        try {
+            const module = await Promise.resolve().then(function () { return reLogin_component; });
+            if (!module.CideAuthReLoginComponent) {
+                throw new Error('Component class not found in module');
+            }
+            this.containerService.registerComponent('re-login', module.CideAuthReLoginComponent);
+        }
+        catch (error) {
+            console.error('Failed to register re-login component:', error);
+        }
+    }
+    /**
+     * Show re-login in floating container
+     */
+    async show() {
+        // Ensure component is registered
+        if (!this.containerService.isComponentRegistered('re-login')) {
+            await this.registerReLoginComponent();
+        }
+        const config = {
+            id: 're-login-container',
+            title: 'Re-Login Required',
+            icon: 'lock',
+            backdrop: true,
+            width: '420px',
+            height: 'auto',
+            minWidth: '400px',
+            minHeight: '200px',
+            resizable: false,
+            draggable: true,
+            closable: false, // Prevent closing - user must re-login
+            minimizable: false,
+            maximizable: false,
+            componentId: 're-login',
+            componentConfig: {
+                inputs: {},
+                outputs: {}
+            }
+        };
+        this.containerId = this.containerService.show(config);
+        return this.containerId;
+    }
+    /**
+     * Hide re-login floating container
+     */
+    hide() {
+        if (this.containerId) {
+            this.containerService.hide(this.containerId);
+            this.containerId = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ReLoginFloatingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ReLoginFloatingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ReLoginFloatingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CideAuthReLoginComponent extends CideLytSharedWrapperComponent {
+    shared_wrapper_setup_param = input({
+        sypg_page_code: "auth_relogin_dialog"
+    }, ...(ngDevMode ? [{ debugName: "shared_wrapper_setup_param" }] : []));
+    reLoginService = inject(ReLoginService);
+    destroyRef = inject(DestroyRef);
+    isLoading = this.reLoginService.isLoading;
+    error = this.reLoginService.error;
+    reLoginForm = new FormGroup({
+        custom_login_method: new FormControl('pass'),
+        user_password: new FormControl('')
+    });
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // Set default login method to password
+        this.reLoginForm.patchValue({
+            custom_login_method: 'pass'
+        });
+    }
+    ngOnDestroy() {
+        // Cleanup handled by takeUntilDestroyed
+    }
+    onSubmit() {
+        if (this.reLoginForm.valid) {
+            const formValue = this.reLoginForm.value;
+            const passwordValue = formValue.user_password || '';
+            // Auto-detect MPIN vs Password based on length (same as login screen)
+            // If length <= 6, treat as MPIN, otherwise as password
+            let customLoginMethod = 'pass';
+            let userPassword = passwordValue;
+            let mpinPin = undefined;
+            if (passwordValue && passwordValue.length <= 6) {
+                customLoginMethod = 'mpin';
+                mpinPin = passwordValue;
+                userPassword = undefined;
+            }
+            const payload = new MReLogin({
+                custom_login_method: customLoginMethod,
+                user_password: userPassword,
+                mpin_pin: mpinPin
+            });
+            this.reLoginService.reLogin(payload)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: (response) => {
+                    this.reLoginService.handleReLoginSuccess(response);
+                },
+                error: () => {
+                    // Error is handled in the service
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideAuthReLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideAuthReLoginComponent, isStandalone: true, selector: "cide-auth-re-login", inputs: { shared_wrapper_setup_param: { classPropertyName: "shared_wrapper_setup_param", publicName: "shared_wrapper_setup_param", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="tw-w-full tw-max-w-md tw-mx-auto tw-p-6">
+      <div class="tw-text-center tw-mb-6">
+        <h2 class="tw-text-2xl tw-font-semibold tw-text-gray-900 tw-mb-2">Session Expired</h2>
+        <p class="tw-text-sm tw-text-gray-600">Please re-authenticate to continue</p>
+      </div>
+
+      @if (error()) {
+        <div class="tw-mb-4 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg">
+          <p class="tw-text-sm tw-text-red-600">{{ error() }}</p>
+        </div>
+      }
+
+      <form [formGroup]="reLoginForm" (ngSubmit)="onSubmit()">
+        <div class="tw-space-y-4">
+          <!-- Single input field for both password and MPIN -->
+          <div>
+            <cide-ele-input
+              id="user_password_mpin"
+              formControlName="user_password"
+              type="password"
+              placeholder="Enter your password or MPIN"
+              [required]="true">
+            </cide-ele-input>
+          </div>
+
+          <div class="tw-flex tw-gap-3 tw-pt-4">
+            <button
+              type="submit"
+              cideEleButton
+              variant="primary"
+              [loading]="isLoading()"
+              [disabled]="!reLoginForm.valid || isLoading()"
+              class="tw-flex-1">
+              Re-Login
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideAuthReLoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-auth-re-login', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CideInputComponent,
+                        CideEleButtonComponent
+                    ], template: `
+    <div class="tw-w-full tw-max-w-md tw-mx-auto tw-p-6">
+      <div class="tw-text-center tw-mb-6">
+        <h2 class="tw-text-2xl tw-font-semibold tw-text-gray-900 tw-mb-2">Session Expired</h2>
+        <p class="tw-text-sm tw-text-gray-600">Please re-authenticate to continue</p>
+      </div>
+
+      @if (error()) {
+        <div class="tw-mb-4 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg">
+          <p class="tw-text-sm tw-text-red-600">{{ error() }}</p>
+        </div>
+      }
+
+      <form [formGroup]="reLoginForm" (ngSubmit)="onSubmit()">
+        <div class="tw-space-y-4">
+          <!-- Single input field for both password and MPIN -->
+          <div>
+            <cide-ele-input
+              id="user_password_mpin"
+              formControlName="user_password"
+              type="password"
+              placeholder="Enter your password or MPIN"
+              [required]="true">
+            </cide-ele-input>
+          </div>
+
+          <div class="tw-flex tw-gap-3 tw-pt-4">
+            <button
+              type="submit"
+              cideEleButton
+              variant="primary"
+              [loading]="isLoading()"
+              [disabled]="!reLoginForm.valid || isLoading()"
+              class="tw-flex-1">
+              Re-Login
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  ` }]
+        }], ctorParameters: () => [], propDecorators: { shared_wrapper_setup_param: [{ type: i0.Input, args: [{ isSignal: true, alias: "shared_wrapper_setup_param", required: false }] }] } });
+
+var reLogin_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CideAuthReLoginComponent: CideAuthReLoginComponent
+});
+
+const authRoutes = {
+    path: "auth", // localhost:4200/auth/sign-in
+    loadComponent: () => Promise.resolve().then(function () { return cloudIdeAuth_component; }).then(c => c.CloudIdeAuthComponent),
+    children: [
+        {
+            path: "",
+            pathMatch: 'full',
+            redirectTo: 'sign-in'
+        },
+        {
+            path: "sign-in/:query",
+            loadComponent: () => import('./cloud-ide-auth-sign-in.component-Cliki-yE.mjs').then(c => c.CideAuthSignInComponent)
+        },
+        {
+            path: "sign-in",
+            loadComponent: () => import('./cloud-ide-auth-sign-in.component-Cliki-yE.mjs').then(c => c.CideAuthSignInComponent)
+        },
+        {
+            path: "forgot-password/:query",
+            loadComponent: () => Promise.resolve().then(function () { return forgotPassword_component; }).then(c => c.CideAuthForgotPasswordComponent)
+        },
+        {
+            path: "forgot-password",
+            loadComponent: () => Promise.resolve().then(function () { return forgotPassword_component; }).then(c => c.CideAuthForgotPasswordComponent)
+        },
+        {
+            path: "reset-password/:rout_token/:query",
+            loadComponent: () => import('./cloud-ide-auth-reset-password.component-BsNMRc4d.mjs').then(c => c.CideAuthResetPasswordComponent)
+        },
+        {
+            path: "reset-password/:rout_token",
+            loadComponent: () => import('./cloud-ide-auth-reset-password.component-BsNMRc4d.mjs').then(c => c.CideAuthResetPasswordComponent)
+        }
+    ]
+};
+
+const authGuard = (route, state) => {
+    const authService = inject(AUTH_SERVICE_TOKEN);
+    const appState = inject(APP_STATE_SERVICE_TOKEN);
+    const router = inject(Router);
+    // Check if user is authenticated using current state (without refreshing first)
+    const isAuthenticated = appState.isUserAuthenticated() && !authService.isTokenExpired();
+    // Defer state refresh to next change detection cycle to avoid ExpressionChangedAfterItHasBeenCheckedError
+    Promise.resolve().then(() => {
+        // Refresh auth state to make sure it's current
+        authService.refreshAuthState();
+        // Refresh app state from localStorage to ensure synchronization
+        appState.refreshFromLocalStorage();
+    });
+    if (isAuthenticated) {
+        return true;
+    }
+    // Redirect to login page with the intended destination
+    router.navigate(['/auth/sign-in'], {
+        queryParams: { returnUrl: state.url }
+    });
+    return false;
+};
+
+/*
+ * Public API Surface of cloud-ide-auth
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CloudIdeAuthService as C, EntityDetectionService as E, ReLoginService as R, CloudIdeAuthComponent as a, CideAuthForgotPasswordComponent as b, ReLoginFloatingService as c, CideAuthReLoginComponent as d, authRoutes as e, authGuard as f };
+//# sourceMappingURL=cloud-ide-auth-cloud-ide-auth-JvYoNJol.mjs.map