cloud-ide-auth 1.0.0 → 1.0.2

package/README.md

@@ -1,217 +1,63 @@
-# Cloud IDE Authentication Library
+# CloudIdeAuth
 
-The Cloud IDE Authentication library provides components and services for user authentication in CIDE-LMS applications. It handles user login, registration, password reset, and session management.
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.
 
-## Features
+## Code scaffolding
 
-- **Authentication Components**
-  - Sign-in Form
-  - Registration Form
-  - Forgot Password Flow
-  - Reset Password Flow
-- **Authentication Service**
-  - Token-based Authentication
-  - Session Management
-  - Automatic Token Refresh
-  - Auth Guards for Route Protection
-- **Integration with Backend**
-  - HTTP Interceptors for Auth Headers
-  - Error Handling for Auth Failures
-
-## Installation
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
 
 ```bash
-npm install @cide-lms/cloud-ide-auth
+ng generate component component-name
 ```
 
-## Usage
-
-### Setup
-
-Import the authentication module in your app module:
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
 
-```typescript
-import { CloudIdeAuthModule } from '@cide-lms/cloud-ide-auth';
-
-@NgModule({
-  imports: [
-    CloudIdeAuthModule.forRoot({
-      apiUrl: 'https://api.example.com/auth',
-      tokenStorageKey: 'auth_token',
-      refreshTokenStorageKey: 'refresh_token'
-    })
-  ],
-  // ...
-})
-export class AppModule { }
-```
-
-### Authentication Service
-
-```typescript
-import { Component } from '@angular/core';
-import { CloudIdeAuthService } from '@cide-lms/cloud-ide-auth';
-
-@Component({
-  selector: 'app-login',
-  template: `
-    <form (ngSubmit)="login()">
-      <input type="email" [(ngModel)]="email" name="email" required>
-      <input type="password" [(ngModel)]="password" name="password" required>
-      <button type="submit" [disabled]="isLoading">Login</button>
-      <div *ngIf="error">{{ error }}</div>
-    </form>
-  `
-})
-export class LoginComponent {
-  email = '';
-  password = '';
-  error = '';
-  isLoading = false;
-
-  constructor(private authService: CloudIdeAuthService) {}
-
-  login() {
-    this.isLoading = true;
-    this.error = '';
-    
-    this.authService.login(this.email, this.password)
-      .subscribe({
-        next: () => {
-          // Redirect to dashboard
-        },
-        error: (err) => {
-          this.error = err.message || 'Login failed';
-          this.isLoading = false;
-        },
-        complete: () => {
-          this.isLoading = false;
-        }
-      });
-  }
-}
+```bash
+ng generate --help
 ```
 
-### Authentication Guard
-
-```typescript
-import { inject } from '@angular/core';
-import { Router, CanActivateFn } from '@angular/router';
-import { map, take } from 'rxjs/operators';
-import { CloudIdeAuthService } from '@cide-lms/cloud-ide-auth';
-
-export const authGuard: CanActivateFn = (route, state) => {
-  const router = inject(Router);
-  const authService = inject(CloudIdeAuthService);
-  
-  return authService.isAuthenticated$.pipe(
-    take(1),
-    map(isAuthenticated => {
-      if (isAuthenticated) {
-        return true;
-      } else {
-        router.navigate(['/auth/login'], { queryParams: { returnUrl: state.url } });
-        return false;
-      }
-    })
-  );
-};
-```
+## Building
 
-### Using Auth Components
+To build the library, run:
 
-```html
-<!-- Sign-in component -->
-<cloud-ide-sign-in 
-  [redirectUrl]="'/dashboard'" 
-  [rememberMe]="true"
-></cloud-ide-sign-in>
+```bash
+ng build cloud-ide-auth
+```
 
-<!-- Forgot password component -->
-<cloud-ide-forgot-password></cloud-ide-forgot-password>
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
 
-<!-- Reset password component -->
-<cloud-ide-reset-password [token]="resetToken"></cloud-ide-reset-password>
-```
+### Publishing the Library
 
-## Auth Routes
+Once the project is built, you can publish your library by following these steps:
 
-The library includes predefined routes for authentication flows:
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/cloud-ide-auth
+   ```
 
-- `/auth/sign-in` - Login page
-- `/auth/register` - Registration page
-- `/auth/forgot-password` - Forgot password page
-- `/auth/reset-password/:token` - Reset password page with token
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
 
-Import these routes in your app routing:
+## Running unit tests
 
-```typescript
-import { Routes } from '@angular/router';
-import { cloudIdeAuthRoutes } from '@cide-lms/cloud-ide-auth';
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
 
-export const routes: Routes = [
-  // Your app routes
-  {
-    path: 'auth',
-    children: cloudIdeAuthRoutes
-  }
-];
+```bash
+ng test
 ```
 
-## HTTP Interceptor
-
-The library includes an HTTP interceptor for automatically adding authentication tokens to requests:
+## Running end-to-end tests
 
-```typescript
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { AuthInterceptor } from '@cide-lms/cloud-ide-auth';
+For end-to-end (e2e) testing, run:
 
-@NgModule({
-  providers: [
-    {
-      provide: HTTP_INTERCEPTORS,
-      useClass: AuthInterceptor,
-      multi: true
-    }
-  ]
-})
-export class AppModule { }
+```bash
+ng e2e
 ```
 
-## Customization
-
-You can customize the appearance of authentication components by overriding the CSS variables:
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
 
-```scss
-:root {
-  --cide-auth-primary-color: #3b82f6;
-  --cide-auth-error-color: #ef4444;
-  --cide-auth-background: #f8fafc;
-  --cide-auth-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-}
-```
+## Additional Resources
 
-## Error Handling
-
-The auth service provides standardized error messages:
-
-```typescript
-import { AuthErrorType, CloudIdeAuthService } from '@cide-lms/cloud-ide-auth';
-
-@Component({/* ... */})
-export class LoginComponent {
-  constructor(private authService: CloudIdeAuthService) {
-    this.authService.loginError$.subscribe(error => {
-      switch(error.type) {
-        case AuthErrorType.INVALID_CREDENTIALS:
-          this.errorMessage = 'Invalid username or password';
-          break;
-        case AuthErrorType.ACCOUNT_LOCKED:
-          this.errorMessage = 'Your account has been locked';
-          break;
-        // Handle other error types
-      }
-    });
-  }
-}
-```
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/cloud-ide-auth-reset-password.component-BZiK83P_.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import { CideInputComponent, CideEleButtonComponent } from 'cloud-ide-element';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
+import { CloudIdeAuthService } from './cloud-ide-auth.mjs';
+
+class CideAuthResetPasswordComponent {
+    setup_param = { form_loading: false };
+    resetPassswordForm;
+    erro_message = "";
+    authService = inject(CloudIdeAuthService);
+    route = inject(Router);
+    constructor() {
+        this.resetPassswordForm = new FormGroup({
+            user_new_password: new FormControl(''),
+            user_confirm_password: new FormControl('')
+        });
+    }
+    onForgotPasssword() {
+        if (this.resetPassswordForm.valid) {
+            this.setup_param.form_loading = true;
+            const resetPasssword = {
+                user_password: this.resetPassswordForm?.get('user_password')?.value || '',
+                user_username: "",
+                sylog_config_data: {
+                    reset_password_link: "",
+                    reset_password_secret: "",
+                    request_timestamp: new Date()
+                }
+            };
+            this.authService.resetPassword(resetPasssword)?.subscribe({
+                next: (response) => {
+                    if (response?.success === true) {
+                        this.setup_param.form_loading = false;
+                        this.route.navigate(['auth', 'sign-in']);
+                    }
+                },
+                error: (error) => {
+                    this.setup_param.form_loading = false;
+                    this.erro_message = error?.error?.message;
+                    console.log(error);
+                    setTimeout(() => {
+                        this.erro_message = "";
+                    }, 3000);
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAuthResetPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: CideAuthResetPasswordComponent, isStandalone: true, selector: "cide-auth-reset-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\">\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\">Reset Password</div>\n       <!-- Error Logger -->\n       <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\n        \n      <!-- section for controls -->\n      <form [formGroup]=\"resetPassswordForm\" (ngSubmit)=\"onForgotPasssword()\" novalidate>\n        <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\n          <!-- New Password -->\n          <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"new_password\" formControlName=\"new_password\"></cide-ele-input>\n          </div>\n           <!-- Confirm Password -->\n           <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"confirm_password\" formControlName=\"confirm_password\"></cide-ele-input>\n          </div>          <!-- Forgot Password button -->\n          <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\n            <button cideEleButton id=\"reset_password_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!resetPassswordForm.valid\">Reset Password</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", "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.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]", 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.1.7", ngImport: i0, type: CideAuthResetPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-auth-reset-password', standalone: true, imports: [CideInputComponent, ReactiveFormsModule, CommonModule, CideEleButtonComponent], 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\">\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\">Reset Password</div>\n       <!-- Error Logger -->\n       <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\n        \n      <!-- section for controls -->\n      <form [formGroup]=\"resetPassswordForm\" (ngSubmit)=\"onForgotPasssword()\" novalidate>\n        <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\n          <!-- New Password -->\n          <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"new_password\" formControlName=\"new_password\"></cide-ele-input>\n          </div>\n           <!-- Confirm Password -->\n           <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"confirm_password\" formControlName=\"confirm_password\"></cide-ele-input>\n          </div>          <!-- Forgot Password button -->\n          <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\n            <button cideEleButton id=\"reset_password_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!resetPassswordForm.valid\">Reset Password</button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>" }]
+        }], ctorParameters: () => [] });
+
+export { CideAuthResetPasswordComponent };
+//# sourceMappingURL=cloud-ide-auth-reset-password.component-BZiK83P_.mjs.map

package/fesm2022/{cloud-ide-auth-reset-password.component-s7NMNjch.mjs.map → cloud-ide-auth-reset-password.component-BZiK83P_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"cloud-ide-auth-reset-password.component-s7NMNjch.mjs","sources":["../../../projects/cloud-ide-auth/src/lib/auth/reset-password/reset-password.component.ts","../../../projects/cloud-ide-auth/src/lib/auth/reset-password/reset-password.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CideEleButtonComponent, CideInputComponent } from 'cloud-ide-element';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { FormGroupModel } from '../sign-in/sign-in.component';\nimport { CloudIdeAuthService } from '../../cloud-ide-auth.service';\nimport { MResetPassword } from 'cloud-ide-lms-model';\n\n@Component({\n  selector: 'cide-auth-reset-password',\n  standalone: true,\n  imports: [CideInputComponent, ReactiveFormsModule, CommonModule, CideEleButtonComponent],\n  templateUrl: './reset-password.component.html',\n  styleUrl: './reset-password.component.css'\n})\nexport class CideAuthResetPasswordComponent {\n  public setup_param = { form_loading: false };\n  public resetPassswordForm: FormGroupModel<{user_new_password: string, user_confirm_password: string}>;\n  public erro_message = \"\";\n\n  private authService = inject(CloudIdeAuthService);\n  private route = inject(Router);\n\n  constructor() {\n\n    this.resetPassswordForm = new FormGroup({\n      user_new_password: new FormControl(''),\n      user_confirm_password: new FormControl('')\n    }) as unknown as FormGroupModel<{user_new_password: string, user_confirm_password: string}>;\n  }\n\n  onForgotPasssword() {\n    if (this.resetPassswordForm.valid) {\n      this.setup_param.form_loading = true;\n      const resetPasssword : MResetPassword= {\n        user_password: this.resetPassswordForm?.get('user_password')?.value || '',\n        user_username: \"\",\n        sylog_config_data: {\n          reset_password_link: \"\",\n          reset_password_secret: \"\",\n          request_timestamp: new Date()\n        }\n      }\n      this.authService.resetPassword(resetPasssword)?.subscribe({\n        next: (response) => {\n          if (response?.success === true) {\n            this.setup_param.form_loading = false;\n            this.route.navigate(['auth', 'sign-in'])\n          }\n        },\n        error: (error) => {\n          this.setup_param.form_loading = false;\n          this.erro_message = error?.error?.message;\n          console.log(error)\n          setTimeout(() => {\n            this.erro_message = \"\"\n          }, 3000)\n        }\n      });\n    }\n  }\n}\n\n","<!-- 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\">\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\">Reset Password</div>\n       <!-- Error Logger -->\n       <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\n        \n      <!-- section for controls -->\n      <form [formGroup]=\"resetPassswordForm\" (ngSubmit)=\"onForgotPasssword()\" novalidate>\n        <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\n          <!-- New Password -->\n          <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"new_password\" formControlName=\"new_password\"></cide-ele-input>\n          </div>\n           <!-- Confirm Password -->\n           <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"confirm_password\" formControlName=\"confirm_password\"></cide-ele-input>\n          </div>          <!-- Forgot Password button -->\n          <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\n            <button cideEleButton id=\"reset_password_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!resetPassswordForm.valid\">Reset Password</button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>"],"names":[],"mappings":"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"}
+{"version":3,"file":"cloud-ide-auth-reset-password.component-BZiK83P_.mjs","sources":["../../../projects/cloud-ide-auth/src/lib/auth/reset-password/reset-password.component.ts","../../../projects/cloud-ide-auth/src/lib/auth/reset-password/reset-password.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CideEleButtonComponent, CideInputComponent } from 'cloud-ide-element';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { FormGroupModel } from '../sign-in/sign-in.component';\nimport { CloudIdeAuthService } from '../../cloud-ide-auth.service';\nimport { MResetPassword } from 'cloud-ide-lms-model';\n\n@Component({\n  selector: 'cide-auth-reset-password',\n  standalone: true,\n  imports: [CideInputComponent, ReactiveFormsModule, CommonModule, CideEleButtonComponent],\n  templateUrl: './reset-password.component.html',\n  styleUrl: './reset-password.component.css'\n})\nexport class CideAuthResetPasswordComponent {\n  public setup_param = { form_loading: false };\n  public resetPassswordForm: FormGroupModel<{user_new_password: string, user_confirm_password: string}>;\n  public erro_message = \"\";\n\n  private authService = inject(CloudIdeAuthService);\n  private route = inject(Router);\n\n  constructor() {\n\n    this.resetPassswordForm = new FormGroup({\n      user_new_password: new FormControl(''),\n      user_confirm_password: new FormControl('')\n    }) as unknown as FormGroupModel<{user_new_password: string, user_confirm_password: string}>;\n  }\n\n  onForgotPasssword() {\n    if (this.resetPassswordForm.valid) {\n      this.setup_param.form_loading = true;\n      const resetPasssword : MResetPassword= {\n        user_password: this.resetPassswordForm?.get('user_password')?.value || '',\n        user_username: \"\",\n        sylog_config_data: {\n          reset_password_link: \"\",\n          reset_password_secret: \"\",\n          request_timestamp: new Date()\n        }\n      }\n      this.authService.resetPassword(resetPasssword)?.subscribe({\n        next: (response) => {\n          if (response?.success === true) {\n            this.setup_param.form_loading = false;\n            this.route.navigate(['auth', 'sign-in'])\n          }\n        },\n        error: (error) => {\n          this.setup_param.form_loading = false;\n          this.erro_message = error?.error?.message;\n          console.log(error)\n          setTimeout(() => {\n            this.erro_message = \"\"\n          }, 3000)\n        }\n      });\n    }\n  }\n}\n\n","<!-- 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\">\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\">Reset Password</div>\n       <!-- Error Logger -->\n       <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\n        \n      <!-- section for controls -->\n      <form [formGroup]=\"resetPassswordForm\" (ngSubmit)=\"onForgotPasssword()\" novalidate>\n        <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\n          <!-- New Password -->\n          <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"new_password\" formControlName=\"new_password\"></cide-ele-input>\n          </div>\n           <!-- Confirm Password -->\n           <div class=\"tw-m-auto tw-w-80\">\n            <cide-ele-input id=\"confirm_password\" formControlName=\"confirm_password\"></cide-ele-input>\n          </div>          <!-- Forgot Password button -->\n          <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\n            <button cideEleButton id=\"reset_password_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!resetPassswordForm.valid\">Reset Password</button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>"],"names":[],"mappings":"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"}

package/fesm2022/{cloud-ide-auth-sign-in.component-Cu4z1fIE.mjs → cloud-ide-auth-sign-in.component-CoF5MNMX.mjs}

@@ -9,18 +9,19 @@ import { CideInputComponent, CideEleButtonComponent } from 'cloud-ide-element';
 import { CideLytSharedWrapperComponent, AppStateHelperService } from 'cloud-ide-layout';
 
 class CideAuthSignInComponent extends CideLytSharedWrapperComponent {
+    shared_wrapper_setup_param = {
+        sypg_page_code: "auth_sign_in"
+    };
+    setup_param = { form_loading: false };
+    loginForm;
+    erro_message = "";
+    returnUrl = '/control-panel'; // Default return URL
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    authService = inject(CloudIdeAuthService);
+    appStateService = inject(AppStateHelperService);
     constructor() {
         super();
-        this.shared_wrapper_setup_param = {
-            sypg_page_code: "auth_sign_in"
-        };
-        this.setup_param = { form_loading: false };
-        this.erro_message = "";
-        this.returnUrl = '/control-panel'; // Default return URL
-        this.router = inject(Router);
-        this.activatedRoute = inject(ActivatedRoute);
-        this.authService = inject(CloudIdeAuthService);
-        this.appStateService = inject(AppStateHelperService);
         this.loginForm = new FormGroup({
             custom_login_method: new FormControl('pass'),
             user_username: new FormControl(''),
@@ -42,7 +43,7 @@ class CideAuthSignInComponent extends CideLytSharedWrapperComponent {
         if (this.loginForm.valid) {
             this.setup_param.form_loading = true;
             this.authService.signIn(this.loginForm?.value)?.subscribe({
-                next: (response) => {
+                next: async (response) => {
                     if (response?.success === true) {
                         // Store user data in auth service
                         this.authService.storeUserData(response?.data?.auth_user_mst || {});
@@ -53,6 +54,7 @@ class CideAuthSignInComponent extends CideLytSharedWrapperComponent {
                         // Store token through the service setter which saves to localStorage
                         this.authService.auth_token = (response?.token || '');
                         // Navigate to the return URL or control panel
+                        await new Promise(resolve => setTimeout(resolve, 200));
                         this.router.navigateByUrl(this.returnUrl);
                     }
                 },
@@ -69,13 +71,13 @@ class CideAuthSignInComponent extends CideLytSharedWrapperComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAuthSignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideAuthSignInComponent, isStandalone: true, selector: "cide-auth-sign-in", usesInheritance: true, ngImport: i0, template: "<!-- https://play.tailwindcss.com/lfO85drpUy -->\r\n<!-- Main Div Outer Div-->\r\n<div class=\"cide-font-poppins tw-flex tw-min-h-screen tw-w-full tw-bg-gray-50 tw-py-3\">\r\n  <!-- Login Forrm Wrapper -->\r\n  <div class=\"tw-m-auto tw-w-96 tw-rounded-2xl tw-bg-white tw-py-6 tw-shadow-xl\">\r\n    <!-- Logo Wrapper -->\r\n    <div class=\"tw-m-auto tw-h-32 tw-w-64 tw-text-center\">\r\n      <img src=\"https://console.cloudidesys.com/assets/Cloud%20IDE%20Logo%20Dark.png\" class=\"tw-m-auto tw-h-full\"\r\n        alt=\"Cloud IDE Logo\" />\r\n    </div> <!-- Entity name here -->\r\n    <div class=\"tw-my-2 tw-text-center tw-text-xl tw-font-semibold\">SignIn to CloudIDE sys</div>\r\n     <!-- Error Logger -->\r\n     <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\r\n      \r\n    <!-- section for controls -->\r\n    <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSignIn()\" novalidate>\r\n      <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\r\n        <!-- Username -->\r\n        <div class=\"tw-m-auto tw-w-80\">\r\n          <cide-ele-input id=\"user_username\" formControlName=\"user_username\"></cide-ele-input>\r\n        </div>\r\n        <!-- Password -->\r\n        <div class=\"tw-m-auto tw-mt-4 tw-w-80\">\r\n          <cide-ele-input id=\"user_password_mpin\" formControlName=\"user_password\"></cide-ele-input>\r\n        </div>\r\n        <!-- Forgot password -->\r\n        <div class=\"tw-m-auto tw-mt-3 tw-flex tw-w-80 tw-justify-between\">\r\n          <div>\r\n            <cide-ele-input id=\"stay_sign_in\" formControlName=\"stay_sign_in\"></cide-ele-input>\r\n          </div>\r\n          <div>\r\n            <a routerLink=\"/auth/forgot-password\" class=\"tw-text-blue-700\">Forgot Password?</a>\r\n          </div>\r\n        </div>        <!-- Sign in button -->\r\n        <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\r\n          <button type=\"submit\" class=\"tw-w-full\" cideEleButton id=\"stay_sin_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!loginForm.valid\">a</button>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\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", "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.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]", 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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAuthSignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: CideAuthSignInComponent, isStandalone: true, selector: "cide-auth-sign-in", usesInheritance: true, ngImport: i0, template: "<!-- https://play.tailwindcss.com/lfO85drpUy -->\r\n<!-- Main Div Outer Div-->\r\n<div class=\"cide-font-poppins tw-flex tw-min-h-screen tw-w-full tw-bg-gray-50 tw-py-3\">\r\n  <!-- Login Forrm Wrapper -->\r\n  <div class=\"tw-m-auto tw-w-96 tw-rounded-2xl tw-bg-white tw-py-6 tw-shadow-xl\">\r\n    <!-- Logo Wrapper -->\r\n    <div class=\"tw-m-auto tw-h-32 tw-w-64 tw-text-center\">\r\n      <img src=\"https://console.cloudidesys.com/assets/Cloud%20IDE%20Logo%20Dark.png\" class=\"tw-m-auto tw-h-full\"\r\n        alt=\"Cloud IDE Logo\" />\r\n    </div> <!-- Entity name here -->\r\n    <div class=\"tw-my-2 tw-text-center tw-text-xl tw-font-semibold\">SignIn to CloudIDE sys</div>\r\n     <!-- Error Logger -->\r\n     <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\r\n      \r\n    <!-- section for controls -->\r\n    <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSignIn()\" novalidate>\r\n      <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\r\n        <!-- Username -->\r\n        <div class=\"tw-m-auto tw-w-80\">\r\n          <cide-ele-input id=\"user_username\" formControlName=\"user_username\"></cide-ele-input>\r\n        </div>\r\n        <!-- Password -->\r\n        <div class=\"tw-m-auto tw-mt-4 tw-w-80\">\r\n          <cide-ele-input id=\"user_password_mpin\" formControlName=\"user_password\"></cide-ele-input>\r\n        </div>\r\n        <!-- Forgot password -->\r\n        <div class=\"tw-m-auto tw-mt-3 tw-flex tw-w-80 tw-justify-between\">\r\n          <div>\r\n            <cide-ele-input id=\"stay_sign_in\" formControlName=\"stay_sign_in\"></cide-ele-input>\r\n          </div>\r\n          <div>\r\n            <a routerLink=\"/auth/forgot-password\" class=\"tw-text-blue-700\">Forgot Password?</a>\r\n          </div>\r\n        </div>        <!-- Sign in button -->\r\n        <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\r\n          <button type=\"submit\" class=\"tw-w-full\" cideEleButton id=\"stay_sin_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!loginForm.valid\">a</button>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\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", "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.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]", 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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAuthSignInComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAuthSignInComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-auth-sign-in', standalone: true, imports: [CideInputComponent, ReactiveFormsModule, CommonModule, CideEleButtonComponent, RouterLink], template: "<!-- https://play.tailwindcss.com/lfO85drpUy -->\r\n<!-- Main Div Outer Div-->\r\n<div class=\"cide-font-poppins tw-flex tw-min-h-screen tw-w-full tw-bg-gray-50 tw-py-3\">\r\n  <!-- Login Forrm Wrapper -->\r\n  <div class=\"tw-m-auto tw-w-96 tw-rounded-2xl tw-bg-white tw-py-6 tw-shadow-xl\">\r\n    <!-- Logo Wrapper -->\r\n    <div class=\"tw-m-auto tw-h-32 tw-w-64 tw-text-center\">\r\n      <img src=\"https://console.cloudidesys.com/assets/Cloud%20IDE%20Logo%20Dark.png\" class=\"tw-m-auto tw-h-full\"\r\n        alt=\"Cloud IDE Logo\" />\r\n    </div> <!-- Entity name here -->\r\n    <div class=\"tw-my-2 tw-text-center tw-text-xl tw-font-semibold\">SignIn to CloudIDE sys</div>\r\n     <!-- Error Logger -->\r\n     <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\r\n      \r\n    <!-- section for controls -->\r\n    <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSignIn()\" novalidate>\r\n      <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\r\n        <!-- Username -->\r\n        <div class=\"tw-m-auto tw-w-80\">\r\n          <cide-ele-input id=\"user_username\" formControlName=\"user_username\"></cide-ele-input>\r\n        </div>\r\n        <!-- Password -->\r\n        <div class=\"tw-m-auto tw-mt-4 tw-w-80\">\r\n          <cide-ele-input id=\"user_password_mpin\" formControlName=\"user_password\"></cide-ele-input>\r\n        </div>\r\n        <!-- Forgot password -->\r\n        <div class=\"tw-m-auto tw-mt-3 tw-flex tw-w-80 tw-justify-between\">\r\n          <div>\r\n            <cide-ele-input id=\"stay_sign_in\" formControlName=\"stay_sign_in\"></cide-ele-input>\r\n          </div>\r\n          <div>\r\n            <a routerLink=\"/auth/forgot-password\" class=\"tw-text-blue-700\">Forgot Password?</a>\r\n          </div>\r\n        </div>        <!-- Sign in button -->\r\n        <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\r\n          <button type=\"submit\" class=\"tw-w-full\" cideEleButton id=\"stay_sin_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!loginForm.valid\">a</button>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</div>" }]
         }], ctorParameters: () => [] });
 
 export { CideAuthSignInComponent };
-//# sourceMappingURL=cloud-ide-auth-sign-in.component-Cu4z1fIE.mjs.map
+//# sourceMappingURL=cloud-ide-auth-sign-in.component-CoF5MNMX.mjs.map

package/fesm2022/cloud-ide-auth-sign-in.component-CoF5MNMX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-auth-sign-in.component-CoF5MNMX.mjs","sources":["../../../projects/cloud-ide-auth/src/lib/auth/sign-in/sign-in.component.ts","../../../projects/cloud-ide-auth/src/lib/auth/sign-in/sign-in.component.html"],"sourcesContent":["import { Component, inject, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { loginMethod, MLogin } from 'cloud-ide-lms-model';\nimport { Router, RouterLink, ActivatedRoute } from '@angular/router';\nimport { CloudIdeAuthService } from '../../cloud-ide-auth.service';\nimport { CideEleButtonComponent, CideInputComponent } from 'cloud-ide-element';\nimport { CideLytSharedWrapperComponent, CideLytSharedWrapperSetupParam, AppStateHelperService } from 'cloud-ide-layout';\n\nexport type FormGroupModel<T> = FormGroup<{\n  [K in keyof T]: FormControl<T[K]>\n}>\n\n@Component({\n  selector: 'cide-auth-sign-in',\n  standalone: true,\n  imports: [CideInputComponent, ReactiveFormsModule, CommonModule, CideEleButtonComponent, RouterLink],\n  templateUrl: './sign-in.component.html',\n  styleUrl: './sign-in.component.css'\n})\nexport class CideAuthSignInComponent extends CideLytSharedWrapperComponent implements OnInit {\n  public override shared_wrapper_setup_param: Partial<CideLytSharedWrapperSetupParam> = {\n    sypg_page_code: \"auth_sign_in\"\n  }\n  public setup_param = { form_loading: false };\n  public loginForm: FormGroupModel<MLogin>;\n  public erro_message = \"\";\n  private returnUrl: string = '/control-panel'; // Default return URL\n  private router = inject(Router);\n  private activatedRoute = inject(ActivatedRoute);\n  private authService = inject(CloudIdeAuthService);\n  private appStateService = inject(AppStateHelperService);\n  constructor(\n  ) {\n    super();\n\n    this.loginForm = new FormGroup({\n      custom_login_method: new FormControl<loginMethod>('pass'),\n      user_username: new FormControl(''),\n      user_password: new FormControl(''),\n      mpin_pin: new FormControl(''),\n      stay_sign_in: new FormControl(true)\n    }) as unknown as FormGroupModel<MLogin>;\n  }\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n\n    // Get return URL from route parameters or default to '/control-panel'\n    this.returnUrl = this.activatedRoute.snapshot.queryParams['returnUrl'] || 'control-panel';\n\n    // If user is already authenticated, redirect to the return URL\n    if (this.authService.isAuthenticated() && !this.authService.isTokenExpired()) {\n      this.router.navigateByUrl(this.returnUrl);\n    }\n  }\n\n  onSignIn(): void {\n    if (this.loginForm.valid) {\n      this.setup_param.form_loading = true;\n      this.authService.signIn(this.loginForm?.value as MLogin)?.subscribe({\n        next: async (response) => {\n          if (response?.success === true) {\n            // Store user data in auth service\n            this.authService.storeUserData(response?.data?.auth_user_mst || {});\n\n            // Synchronize AppStateService with the same user data  \n            this.appStateService.setUser(response?.data?.auth_user_mst || null);\n\n            // Store active entity data\n            this.appStateService.setActiveEntity(response?.data?.core_system_entity || null);\n\n            // Store token through the service setter which saves to localStorage\n            this.authService.auth_token = (response?.token || '');\n\n            // Navigate to the return URL or control panel\n            await new Promise(resolve => setTimeout(resolve, 200));\n            this.router.navigateByUrl(this.returnUrl);\n          }\n        },\n        error: (error) => {\n          this.setup_param.form_loading = false;\n          this.erro_message = error?.error?.message;\n          console.log(error);\n          // Modern ES2022+ pattern: Use Promise-based delay\n          const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\n          delay(3000).then(() => {\n            this.erro_message = \"\";\n          });\n        }\n      });\n    }\n  }\n}","<!-- https://play.tailwindcss.com/lfO85drpUy -->\r\n<!-- Main Div Outer Div-->\r\n<div class=\"cide-font-poppins tw-flex tw-min-h-screen tw-w-full tw-bg-gray-50 tw-py-3\">\r\n  <!-- Login Forrm Wrapper -->\r\n  <div class=\"tw-m-auto tw-w-96 tw-rounded-2xl tw-bg-white tw-py-6 tw-shadow-xl\">\r\n    <!-- Logo Wrapper -->\r\n    <div class=\"tw-m-auto tw-h-32 tw-w-64 tw-text-center\">\r\n      <img src=\"https://console.cloudidesys.com/assets/Cloud%20IDE%20Logo%20Dark.png\" class=\"tw-m-auto tw-h-full\"\r\n        alt=\"Cloud IDE Logo\" />\r\n    </div> <!-- Entity name here -->\r\n    <div class=\"tw-my-2 tw-text-center tw-text-xl tw-font-semibold\">SignIn to CloudIDE sys</div>\r\n     <!-- Error Logger -->\r\n     <div class=\"tw-w-full tw-select-none tw-py-1 tw-text-center tw-text-red-500 tw-h-4 tw-text-sm\">{{erro_message}}</div>\r\n      \r\n    <!-- section for controls -->\r\n    <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSignIn()\" novalidate>\r\n      <div class=\"tw-m-auto tw-pb-3 tw-pt-3\">\r\n        <!-- Username -->\r\n        <div class=\"tw-m-auto tw-w-80\">\r\n          <cide-ele-input id=\"user_username\" formControlName=\"user_username\"></cide-ele-input>\r\n        </div>\r\n        <!-- Password -->\r\n        <div class=\"tw-m-auto tw-mt-4 tw-w-80\">\r\n          <cide-ele-input id=\"user_password_mpin\" formControlName=\"user_password\"></cide-ele-input>\r\n        </div>\r\n        <!-- Forgot password -->\r\n        <div class=\"tw-m-auto tw-mt-3 tw-flex tw-w-80 tw-justify-between\">\r\n          <div>\r\n            <cide-ele-input id=\"stay_sign_in\" formControlName=\"stay_sign_in\"></cide-ele-input>\r\n          </div>\r\n          <div>\r\n            <a routerLink=\"/auth/forgot-password\" class=\"tw-text-blue-700\">Forgot Password?</a>\r\n          </div>\r\n        </div>        <!-- Sign in button -->\r\n        <div class=\"tw-w-80 tw-m-auto tw-mt-3\">\r\n          <button type=\"submit\" class=\"tw-w-full\" cideEleButton id=\"stay_sin_button\" [loading]=\"setup_param.form_loading\" [disabled]=\"!loginForm.valid\">a</button>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</div>"],"names":[],"mappings":"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"}