cat-documents-ng 0.1.28 → 0.1.30

package/{Shared/services/global-error.handler.d.ts → src/Shared/services/global-error.handler.ts}

@@ -1,27 +1,29 @@
-import { ErrorHandler, Injector } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * GlobalErrorHandler is a custom error handler that implements the ErrorHandler interface.
- * It is used to handle both HTTP errors and other types of errors globally in the application.
- * @class
- * @implements {ErrorHandler}
- * @decorator {Injectable}
- */
-export declare class GlobalErrorHandler implements ErrorHandler {
-    private injector;
-    /**
-     * Creates an instance of GlobalErrorHandler.
-     * @constructor
-     * @param {Injector} injector - The Angular injector used to get instances of services.
-     */
-    constructor(injector: Injector);
-    /**
-     * Handles errors globally in the application.
-     *
-     * @param {any} error - The error object that needs to be handled.
-     * @returns {void}
-     */
-    handleError(error: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GlobalErrorHandler, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<GlobalErrorHandler>;
-}
+import { ErrorHandler, Injectable, Injector } from '@angular/core';
+import { HttpErrorResponse } from '@angular/common/http';
+
+/**
+ * GlobalErrorHandler is a custom error handler that implements the ErrorHandler interface.
+ * It is used to handle both HTTP errors and other types of errors globally in the application.
+ * @class
+ * @implements {ErrorHandler}
+ * @decorator {Injectable}
+ */
+@Injectable()
+export class GlobalErrorHandler implements ErrorHandler {
+    /**
+     * Creates an instance of GlobalErrorHandler.
+     * @constructor
+     * @param {Injector} injector - The Angular injector used to get instances of services.
+     */
+    constructor(private injector: Injector) { }
+
+    /**
+     * Handles errors globally in the application.
+     * 
+     * @param {any} error - The error object that needs to be handled.
+     * @returns {void}
+     */
+    handleError(error: any): void {
+        console.error('GlobalErrorHandler:', error);
+    }
+}

package/src/Shared/services/session.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { SessionService } from './session.service';
+
+describe('SessionService', () => {
+  let service: SessionService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(SessionService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/Shared/services/session.service.ts

@@ -0,0 +1,76 @@
+import { Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { SHARED } from '../constant/SHARED';
+
+/**
+ * Service for managing user session details.
+ * @class SessionService
+ * @typedef {SessionService}
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class SessionService {
+
+  /**
+   * Creates an instance of SessionService.
+   * @param {Router} router - Angular Router for navigation.
+   */
+  constructor(public router: Router) {}
+
+  /**
+   * Retrieves the current user's role from local storage.
+   * @returns {string | null} The user's role, or null if not found.
+   */
+  getUserRole(): string | null {
+    return localStorage.getItem('role');
+  }
+
+  /**
+   * Stores the user session data in local storage.
+   * @param {any} data - The session data to store.
+   */
+  setUserSession(data: any): void {
+    localStorage.setItem(SHARED.SESSIONKEY, JSON.stringify(data));
+  }
+
+  /**
+   * Retrieves the stored user session data.
+   * @returns {any | null} The parsed session data, or null if not found.
+   */
+  getUserSession(): any | null {
+    const sessionData = localStorage.getItem(SHARED.SESSIONKEY);
+    return sessionData ? JSON.parse(sessionData) : null;
+  }
+
+  /**
+   * Retrieves the user's permissions from the stored session data.
+   * @returns {any | null} The user's permissions, or null if not found.
+   */
+  getUserPermissions(): any | null {
+    const sessionData = localStorage.getItem(SHARED.SESSIONKEY);
+    return sessionData ? JSON.parse(sessionData).permissions : null;
+  }
+
+  /**
+   * Retrieves the session ID from the stored session data.
+   * @returns {any | null} The session ID, or null if not found.
+   */
+  getSessionID(): any | null {
+    const sessionData = localStorage.getItem(SHARED.SESSIONKEY);
+    console.log(sessionData);
+    if (sessionData) {
+      const sessionId = JSON.parse(sessionData);
+      console.log(sessionId);
+      return sessionId;
+    }
+    return null;
+  }
+
+  /**
+   * Clears all stored session data from local storage.
+   */
+  clearSession(): void {
+    localStorage.clear();
+  }
+}

package/src/assets/config/api.config.json

@@ -0,0 +1,20 @@
+{
+  "catQwUrl": "https://qa-qw-api.dynamatix.com/api/",
+  "apiUrl": "https://gatehouse-qa.dynamatix.com/api/",
+  "swaggerUrl": "https://qa-qw-api.dynamatix.com/api-docs/",
+  "adminEmail": "neeraj.kumar@catura.co.uk",
+  "interactBaseApi": "https://qa-interact-api.dynamatix.com/api/",
+  "actionBaseApi": "https://qa-qw-api.dynamatix.com/api/",
+  "documentApiUrl": "http://localhost:5100/api/",
+  "adminPhoneNumber": "+447380300545",
+  "visibilityOption": {
+    "isRationalVisible": false,
+    "isChecklistVisible": false,
+    "isAudit": false,
+    "isConversation": true,
+    "isOverview": true,
+    "isDocuments": true
+  },
+  "env": "qa"
+
+}

package/src/lib/document/components/document-container/document-container.component.html

@@ -0,0 +1,14 @@
+<div class="grid m-0 h-full">
+    <div class="col-12 md:col-12 lg:col-12 p-0 h-full" [ngClass]="showFolderList ? 'custom-scroll' : ''">
+      @if(showFolderList){
+        <div>
+          <lib-folder-container [documentList]="documentList" [folderList]="folderList" [contextId]="contextId"></lib-folder-container>
+        </div>
+      }
+      <div [ngClass]="showFolderList ? 'mt-3' : ''">
+        <lib-document-list [isCollapsed]="isCollapsed" [documentList]="documentList" [contextId]="contextId" [isUploadButtonVisible]="isUploadButtonVisible" (onRefresh)="fetchFolder()">
+          <ng-content></ng-content>
+        </lib-document-list>
+      </div>
+    </div>
+</div>

package/src/lib/document/components/document-container/document-container.component.scss

@@ -0,0 +1,8 @@
+.custom-scroll{
+    overflow-y: hidden;
+    scrollbar-gutter: stable;
+  }
+  
+  .custom-scroll:hover {
+    overflow-y: auto;
+  }

package/src/lib/document/components/document-container/document-container.component.spec.ts

@@ -0,0 +1,110 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { DocumentContainerComponent } from './document-container.component';
+import { of, throwError } from 'rxjs';
+import { DocumentHttpService } from '../../services/document-http.service';
+import { DocumentStore } from '../../state/document.store';
+import { DocumentQuery } from '../../state/document.query';
+import { DocumentService } from '../../state/document.service';
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { SHARED } from '../../../../Shared/constant/SHARED';
+import { DocumentListComponent } from '../document-list/document-list.component';
+import { MessageService } from 'primeng/api';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { DialogModule } from 'primeng/dialog';
+
+describe('DocumentContainerComponent', () => {
+  let component: DocumentContainerComponent;
+  let fixture: ComponentFixture<DocumentContainerComponent>;
+  let mockDocumentHttpService: jasmine.SpyObj<DocumentHttpService>;
+  let mockDocumentStore: jasmine.SpyObj<DocumentStore>;
+  let mockDocumentQuery: jasmine.SpyObj<DocumentQuery>;
+  let mockDocumentService: jasmine.SpyObj<DocumentService>;
+
+  const dummyFolders = [
+    { _id: '1', name: 'Folder A', documentCount: 2 },
+    { _id: '2', name: 'Folder B', documentCount: 0 }
+  ];
+
+  const dummyDocuments = [
+    { _id: 'doc1', name: 'Document 1' },
+    { _id: 'doc2', name: 'Document 2' }
+  ];
+
+  beforeEach(async () => {
+    mockDocumentHttpService = jasmine.createSpyObj('DocumentHttpService', [
+      'getFoldersData',
+      'getDocumentByFolderID',
+      'getDocumentTypes' // ✅ Fix added here
+    ]);
+    mockDocumentHttpService.getDocumentTypes.and.returnValue(of([])); // ✅ Return dummy value
+  
+    mockDocumentStore = jasmine.createSpyObj('DocumentStore', ['setDocumentList']);
+    mockDocumentQuery = jasmine.createSpyObj('DocumentQuery', ['selectParentDocumentTypeId']);
+    mockDocumentService = jasmine.createSpyObj('DocumentService', ['dummy']);
+  
+    await TestBed.configureTestingModule({
+      declarations: [DocumentContainerComponent, DocumentListComponent],
+      imports: [CommonModule, HttpClientModule, DialogModule],
+      providers: [
+        { provide: DocumentHttpService, useValue: mockDocumentHttpService },
+        { provide: DocumentStore, useValue: mockDocumentStore },
+        { provide: DocumentQuery, useValue: mockDocumentQuery },
+        { provide: DocumentService, useValue: mockDocumentService },
+        MessageService
+      ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  });
+  
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DocumentContainerComponent);
+    component = fixture.componentInstance;
+    component.contextId = 'abc123';
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should fetch folders and documents on ngOnInit', () => {
+    mockDocumentHttpService.getFoldersData.and.returnValue(of(dummyFolders));
+    mockDocumentQuery.selectParentDocumentTypeId.and.returnValue(of(null));
+    mockDocumentHttpService.getDocumentByFolderID.and.returnValue(of(dummyDocuments));
+
+    fixture.detectChanges(); // triggers ngOnInit
+
+    expect(mockDocumentHttpService.getFoldersData).toHaveBeenCalledWith('abc123');
+    expect(mockDocumentHttpService.getDocumentByFolderID).toHaveBeenCalledWith('1', 'abc123');
+    expect(mockDocumentStore.setDocumentList).toHaveBeenCalledWith(dummyDocuments);
+    expect(component.folderList.length).toBe(1); // Only folder with doc count > 0
+    expect(component.documentList.length).toBe(2);
+  });
+
+  it('should handle folder fetch error', () => {
+    const consoleSpy = spyOn(console, 'error');
+    mockDocumentHttpService.getFoldersData.and.returnValue(throwError(() => new Error('Error fetching folders')));
+    mockDocumentQuery.selectParentDocumentTypeId.and.returnValue(of(null));
+
+    fixture.detectChanges();
+
+    expect(consoleSpy).toHaveBeenCalled();
+  });
+
+  it('should handle document fetch error', () => {
+    const consoleSpy = spyOn(console, 'error');
+    mockDocumentHttpService.getFoldersData.and.returnValue(of(dummyFolders));
+    mockDocumentQuery.selectParentDocumentTypeId.and.returnValue(of(null));
+    mockDocumentHttpService.getDocumentByFolderID.and.returnValue(throwError(() => new Error('Error fetching docs')));
+
+    fixture.detectChanges();
+
+    expect(consoleSpy).toHaveBeenCalled();
+  });
+
+  it('should unsubscribe on destroy', () => {
+    spyOn(component['subscription'], 'unsubscribe');
+    component.ngOnDestroy();
+    expect(component['subscription'].unsubscribe).toHaveBeenCalled();
+  });
+});

package/src/lib/document/components/document-container/document-container.component.ts

@@ -0,0 +1,173 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { SHARED } from '../../../../Shared/constant/SHARED';
+import { DocumentService } from '../../state/document.service';
+import { DocumentModel } from '../../models/document.model';
+import { URLS } from '../../../../Shared/constant/URLS';
+import { Subscription } from 'rxjs';
+import { ERRORS } from '../../../../Shared/constant/ERROR';
+import { FolderBlockModel } from '../../models/folder.model';
+import { DocumentHttpService } from '../../services/document-http.service';
+import { DocumentQuery } from '../../state/document.query';
+import { DocumentStore } from '../../state/document.store';
+
+
+/**
+ *This component is responsible for managing and displaying a list of documents.
+ * @class DocumentContainerComponent
+ * @typedef {DocumentContainerComponent}
+ */
+@Component({
+  selector: 'lib-document-container',
+  standalone: false,
+  templateUrl: './document-container.component.html',
+  styleUrl: './document-container.component.scss'
+})
+export class DocumentContainerComponent implements OnInit{
+
+  /**
+   * Creates an instance of DocumentContainerComponent.
+   * @param {DocumentStore} documentStore - Query Store service to manage store document-related state.
+   * @param {DocumentService} documentService - Service to manage document-related operations.
+   * @param {DocumentQuery} documentQuery - Query service to manage document-related state.
+   * @param {DocumentHttpService} documentHttpService - Service to make HTTP requests related to documents.
+   */
+  constructor(public documentStore : DocumentStore,public documentService : DocumentService, public documentQuery : DocumentQuery,public documentHttpService: DocumentHttpService) {
+
+  }
+  /**
+   * Get contextId in input.
+   * @type {string}
+   */
+  @Input() contextId : string =  SHARED.EMPTY;
+  /**
+   * Get isCollapsed in input.
+   * @type {string}
+   */
+  @Input() isCollapsed : boolean =  SHARED.FALSE;
+  /**
+   * Get showFolderList in input.
+   * @type {boolean}
+   */
+  @Input() showFolderList : boolean =  SHARED.TRUE;
+  /**
+   * Get isUploadButtonVisible in input.
+   * @type {boolean}
+   */
+  @Input() isUploadButtonVisible : boolean =  SHARED.TRUE;
+  /**
+   * The list of documents.
+   * @type {Array}
+   */
+  documentList : DocumentModel[] = []
+  /**
+   * The list of folders.
+   * @type {Array}
+   */
+  folderList : FolderBlockModel[] = SHARED.EMPTY_ARRAY
+
+  /**
+   * Holds the subscription to manage observable cleanup.
+   * @private
+   * @type {Subscription}
+   */
+  private subscription: Subscription = new Subscription();
+
+  /**
+   * Fetches the folder and document data on initialization.
+   * @returns {void}
+   */
+  ngOnInit(): void {
+    this.fetchFolder();
+    const folderSubscription = this.documentQuery
+      .selectParentDocumentTypeId()
+      .subscribe((folderBlockId: any) => {
+        const validFolders = this.folderList.filter(folder => (folder.documentCount ?? 0) > 0);
+        const idToFetch = folderBlockId ?? validFolders[0]?._id;
+        if (idToFetch) {
+          this.fetchDocuments(idToFetch);
+        } else {
+          console.warn('No folders with documents available.');
+        }
+      });
+    this.subscription.add(folderSubscription);
+  }
+  
+  
+  
+  /**
+   * Fetches the folder data from the API.
+   * @returns {void}
+   */
+ /**
+  * Fetches the folder data from the API.
+  * @returns {void}
+  */
+public fetchFolder(): void { 
+  const folderSubscription = this.documentHttpService.getFoldersData(this.contextId).subscribe({
+    /**
+     * Handles the successful API response.
+     * @param {FolderBlockModel[]} folder - The list of folders returned by the API.
+     */
+    next: (folder: FolderBlockModel[]) => {
+      if (folder && folder.length > 0) {
+        this.folderList = folder.filter(f => (f.documentCount ?? 0) > 0);
+        if (this.folderList.length > 0) {
+          this.fetchDocuments(this.folderList[0]._id);
+        } else {
+          console.warn('No folders with documents found.');
+        }
+      } else {
+        console.error(ERRORS.ERROR_ALLDOCUMENT_MISSING);
+      }
+    },
+    /**
+     * Handles errors if the request fails.
+     * @param {any} err - The error object returned by the server.
+     */
+    error: (err: any) => {
+      console.error(ERRORS.ERROR_DOCUMENT_TYPES, err);
+    }
+  });
+  this.subscription.add(folderSubscription);
+}
+ 
+  
+
+  /**
+   * Fetches the document data from the API.
+   * @param {string} folderBlockId - The folder ID to fetch the document.
+   * @returns {void}
+   */
+  private fetchDocuments(folderBlockId:string): void {
+    const documentSubscription =  this.documentHttpService.getDocumentByFolderID(folderBlockId, this.contextId).subscribe({ 
+      /**
+       * Handles the successful API response.
+       * @param {DocumentModel[]} documentList - The list of documents returned by the API.
+       */
+      next: (documentList: DocumentModel[]) => {
+        if (documentList) {
+          this.documentList = documentList;
+          this.documentStore.setDocumentList(documentList)
+        } else {
+          console.error(ERRORS.ERROR_FETCHING_DOCUMENTS);
+        }
+      },
+      /**
+       * Handles errors if the request fails.
+       * @param {any} err - The error object returned by the server.
+       */
+      error: (err: any) => {
+        console.error(ERRORS.ERROR_FETCHING_DOCUMENTS, err);
+      }
+    }
+  )
+  this.subscription.add(documentSubscription);
+  }
+
+  /** 
+   * Unsubscribe subscription on destroy of component .
+   */
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

package/src/lib/document/components/document-list/document-list.component.html

@@ -0,0 +1,81 @@
+
+<div class="document-viewer">
+  <p-dialog [(visible)]="isdialogVisible" [modal]="true" (onHide)="handleCloseModal()"
+    class="w-full h-full document-dailog-wrapper"
+    [draggable]="false" [closable]="true">
+    <document-viewer [selectedDocument]="selectedDocument" [documentList]="documentList">
+
+    <ng-template pTemplate="header">
+      <div class="w-full flex align-items-center justify-content-between">
+          <input 
+            type="text" 
+            class="w-full border-none bg-white h-3rem file-input-wrapper"
+            pInputText 
+            [(ngModel)]="fileName" />
+            <button 
+            pButton 
+            pRipple 
+            class="mx-3 w-6rem save-btn-wrapper"
+            label="Save"
+            (click)="handleSaveClick()">
+          </button>
+        </div>
+    </ng-template>
+
+
+      <ng-content></ng-content>
+    </document-viewer>
+  </p-dialog>
+</div>
+
+<div class="col-12 p-0">
+  <div class="card p-0 mb-0 document-list-wrapper">
+    <p-accordion  [activeIndex]="isCollapsed ? -1 : 0">
+      <p-accordionTab  class="line-height-2 m-0">
+        <ng-template pTemplate="header" let-active="active">
+          <div class="flex  align-items-center justify-content-between w-full">
+            <span class="flex align-items-center gap-2 document-title-wrapper">
+              Documents
+            </span>
+            @if(isUploadButtonVisible){
+              <button pButton pRipple class="p-button-raised col-3" [permission]="PERMISSION.DOCUMENT_POST"  type="button" label="Upload File"
+              style="border-radius: 10px;" (click)="handleFileUploadClick($event)"></button>
+            }
+          </div>
+        </ng-template>
+        @for(document of documentList; track document){
+        <lib-document-list-item [document]="document"
+          (documentClick)="handleClickForDocument($event)"></lib-document-list-item>
+        }
+      </p-accordionTab>
+    </p-accordion>
+  </div>
+</div>
+<div class="grid m-0">
+  <div class="col-12 p-0">
+    <p-sidebar [(visible)]="isSidebarVisible" position="right" [styleClass]="'right-sidebar'" class="relative">
+      <ng-template pTemplate="header">
+        <p-messages [(value)]="messages" [enableService]="false" />
+      </ng-template>
+      <ng-template pTemplate="content">
+        <div class="side-bar-con">
+          <lib-document-upload [contextId]="contextId"></lib-document-upload>
+          <div class="p-fluid">
+            <div class="field">
+              <label for="city">Select Folder</label>
+              <p-dropdown id="city" optionLabel="label" optionValue="value" [options]="options"
+                placeholder="Select a Folder" [(ngModel)]="selectedOption"></p-dropdown>
+            </div>
+          </div>
+        </div>
+      </ng-template>
+      <ng-template pTemplate="footer" class="bg-gray-100 p-0">
+        <div class="bg-gray-100 p-4">
+          <p-button label="Save" class="p-button-rounded p-button-success save-btn" (click)="handleUploadDocument()"
+            [disabled]="!selectedOption">
+          </p-button>
+        </div>
+      </ng-template>
+    </p-sidebar>
+  </div>
+</div>

package/src/lib/document/components/document-list/document-list.component.scss

@@ -0,0 +1,82 @@
+.document-list-wrapper{
+    .p-accordion-header-link {
+        padding: 0.5rem;
+    }
+    .p-sidebar-right{
+        width: 35%;
+    }
+}
+
+.right-sidebar{
+    width: 35%;
+}
+
+.document-title-wrapper{
+    font-size: 20px;
+    font-weight: 700;
+    color: var(--text-color);
+}
+
+.document-input-field{
+    display: flex;
+    flex-direction: column;
+    input{
+        width:100%;
+        height: 46px;
+        padding: 10px 15px 10px 15px;
+        gap: 10px;
+        border-radius: 10px;
+        outline: none;
+        border: 1px solid #4C62921A;
+        font-size: 15px;
+    }
+}
+label{
+    color: #0F1729;
+    font-weight: 600;
+
+}
+.document-list-dropDown{
+    .p-element{
+        padding: 10px 0px 10px 15px;
+    }
+    .p-dropdown{
+        border-radius: 10px !important;
+    }
+}
+
+
+.side-bar-con{
+    display: flex;
+    flex-direction: column;
+}
+
+
+.save-btn-con{
+    width: 100%;
+    border-top: 1px solid #4C629233;
+    background: #4C629214;
+    padding: 13px 40px 13px 40px
+    
+}
+
+.save-btn-wrapper{
+    padding: 10px 4px;
+}
+
+.save-btn{
+    .p-button{
+        height: 45px !important;
+        width: 140px;
+        border-radius: 10px;
+    }
+    
+
+}
+.p-sidebar-footer {
+    padding: 0px;
+}
+
+.file-input-wrapper.p-inputtext:enabled:focus {
+    box-shadow: 0 0 0 0.2rem #a6d5fa !important;
+}