cat-documents-ng 1.0.6 → 1.0.8

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

@@ -1,110 +0,0 @@
-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

@@ -1,363 +0,0 @@
-import { Component, Input, OnInit, OnDestroy, OnChanges, SimpleChanges, ViewChild, ElementRef, EventEmitter, Output } from '@angular/core';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentService } from '../../state/document.service';
-import { Subscription } from 'rxjs';
-import { ERRORS } from '../../../../Shared/constant/ERROR';
-import { DocumentHttpService } from '../../services/document-http.service';
-import { DocumentQuery } from '../../state/document.query';
-import { DocumentStore } from '../../state/document.store';
-import { DocumentCategory } from '../../models/document-category.model';
-import { UserListModel } from '../../models/user-list.model';
-import { StatusDataModel } from '../../models/status-data.model';
-import { DocumentListResponse } from '../../models/document-list-response.model';
-import { DocumentHelperService } from '../../services/document.service';
-import { DocumentMenuService } from '../../services/document-menu.service';
-
-/**
- *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, OnDestroy, OnChanges {
-  /**
-   * The document list response data
-   * @type {DocumentListResponse[] | null}
-   */
-  documentListResponse: DocumentListResponse[] | null = null;
-
-  /**
-   * Status data for the current selection
-   * @type {StatusDataModel[]}
-   */
-  statusData: StatusDataModel[] = []
-
-  /**
-   * The currently selected menu item ID for scrolling
-   */
-  selectedMenuItemId: string | null = null;
-
-  /**
-   * Additional navigation information for better scrolling
-   */
-  navigationInfo: {
-    menuItemId: string;
-    menuItemLabel: string;
-    categoryLabel: string;
-    categoryIndex: number;
-  } | null = null;
-
-  /**
-   * Reference to the content scroll container
-   */
-  @ViewChild('contentScrollContainer', { static: false }) contentScrollContainer!: ElementRef;
-
-  @Output() selectedDocument: EventEmitter<any> = new EventEmitter<any>();
-  @Output() selectedDocumentInNewTab: EventEmitter<any> = new EventEmitter<any>();
-
-  /**
-   * Subscription to track selected menu item changes
-   */
-  private selectedMenuItemSubscription: Subscription = new Subscription();
-
-  /**
-   * Creates an instance of DocumentContainerComponent.
-   * @param {DocumentHttpService} documentHttpService - Service for HTTP operations
-   * @param {DocumentHelperService} documentHelperService - Service for document operations
-   * @param {DocumentQuery} documentQuery - Query service for document state
-   * @param {DocumentStore} documentStore - Store service for document state
-   * @param {DocumentMenuService} documentMenuService - Service for menu operations
-   */
-  constructor(
-    private documentHttpService: DocumentHttpService,
-    private documentHelperService: DocumentHelperService,
-    private documentQuery: DocumentQuery,
-    private documentStore: DocumentStore,
-    private documentMenuService: DocumentMenuService
-  ) {}
-  /**
-   * Get contextId in input.
-   * @type {string}
-   */
-  @Input() contextId: string = SHARED.EMPTY;
-  
-  
-  /**
-   * The list of folders.
-   * @type {Array}
-   */
-  applicationNumber: string = SHARED.EMPTY
-  catagories: DocumentCategory[] = SHARED.EMPTY_ARRAY
-  userList: UserListModel[] = SHARED.EMPTY_ARRAY
-  
-
-  /**
-   * Holds the subscription to manage observable cleanup.
-   * @type {Subscription}
-   */
-   subscription: Subscription = new Subscription();
-
-  /**
-   * Handles changes to input properties
-   */
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes[SHARED.CONTEXT_ID] && !changes[SHARED.CONTEXT_ID].firstChange) {
-      this.handleContextIdChange();
-    }
-  }
-
-  /**
-   * Initializes the component
-   */
-  ngOnInit(): void {
-    this.clearAllState();
-    if (this.contextId && this.contextId !== SHARED.EMPTY) {
-      this.initializeData();
-    }
-    this.setupSelectedMenuItemSubscription();
-  }
-
-  /**
-   * Sets up subscription to track selected menu item changes
-   */
-  setupSelectedMenuItemSubscription(): void {
-    this.selectedMenuItemSubscription.add(
-      this.documentQuery.selectSelectedMenuItem().subscribe(menuItemId => {
-        this.selectedMenuItemId = menuItemId;
-      })
-    );
-  }
-
-  /**
-   * Handles menu item selection events from the documents menu
-   * @param event - The menu item selection event
-   */
-  onMenuItemSelected(event: {
-    item: any;
-    category: any;
-    navigationInfo?: {
-      menuItemId: string;
-      menuItemLabel: string;
-      categoryLabel: string;
-      categoryIndex: number;
-    };
-  }): void {
-    if (event && event.navigationInfo) {
-      this.navigationInfo = event.navigationInfo;
-      // Don't set selectedMenuItemId here - let the store subscription handle it
-    } else {
-      this.navigationInfo = null;
-      // Don't set selectedMenuItemId here - let the store subscription handle it
-      this.resetContentScrollToTop();
-    }
-  }
-
-  /**
-   * Resets the content scroll container to the top
-   */
-  private resetContentScrollToTop(): void {
-    if (this.contentScrollContainer) {
-      this.contentScrollContainer.nativeElement.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-    }
-  }
-
-  /**
-   * Initialize all data with proper sequencing to avoid duplicate API calls
-   */
-   initializeData(): void {
-    this.fetchDocumentCatagories();
-    this.fetchUserListWithFilters();
-    this.setupStatusDataSubscriptions();
-    this.setupFilteredDocumentSubscription();
-    this.documentHelperService.initializeSelectionWatcherWithInitialLoad(this.contextId);
-  }
-
-  /**
-   * Clears all state (store and component) comprehensively
-   */
-      clearAllState(): void {
-     this.documentStore.clearSelectionState();
-     // Don't clear document viewer state - let the viewer handle its own cleanup
-     this.documentStore.setDocumentListResponse(null);
-     this.documentStore.setDocumentList([]); 
-     this.documentStore.setDocumentCategories([]);
-     this.documentStore.setUserList([]);
-     this.documentStore.setStatusData([]);
-     this.documentStore.setCurrentDocument(null); 
-     this.documentStore.setFolders([]);
-     this.documentStore.setDocumentAlert(null);
-     this.catagories = SHARED.EMPTY_ARRAY;
-     this.userList = SHARED.EMPTY_ARRAY;
-     this.statusData = [];
-     this.documentListResponse = null;
-     this.applicationNumber = SHARED.EMPTY;
-     this.selectedMenuItemId = null;
-     this.navigationInfo = null;
-   }
-
-  /**
-   * Handles contextId change by clearing all state and refetching data
-   */
-   handleContextIdChange(): void {
-    if (this.contextId && this.contextId !== SHARED.EMPTY) {
-      this.subscription.unsubscribe();
-      this.subscription = new Subscription();
-      this.documentHelperService.cleanupSelectionWatcher();
-      this.clearAllState();
-      this.initializeData();
-    }
-  }
-
-  /**
-   * Sets up subscriptions to monitor menu item and user selection changes
-   * to trigger status data fetching and user list refreshing
-   */
-   setupStatusDataSubscriptions(): void {
-   
-    this.subscription.add(
-      this.documentQuery.selectSelectedUserId().subscribe(userId => {
-        this.fetchStatusData();
-        if (this.catagories.length > 0) {
-          this.fetchUserListWithFilters();
-        }
-      })
-    );
-    this.subscription.add(
-      this.documentQuery.selectSelectedStatus().subscribe(status => {
-        this.fetchStatusData();
-        if (this.catagories.length > 0) {
-          this.fetchUserListWithFilters();
-        }
-      })
-    );
-    this.fetchStatusData();
-  }
-
-  onDocumentSelectedInNewTab(event: {
-    selectedDocument: any;
-    contextId: string;
-    documentList: any[];
-  }): void {
-    this.selectedDocumentInNewTab.emit(event);
-  }
-  /**
-   * Fetches status data based on current selections
-   */
-   fetchStatusData(): void {
-    if (!this.contextId) {
-      console.warn(ERRORS.CONTEXT_ID_REQUIRED);
-      return;
-    }
-
-    const currentState = this.documentQuery.getSelectionState();
-    const contextId = currentState.userId || null;
-    this.documentHttpService.getStatusDocumentCount(this.contextId, contextId, null).subscribe({
-      next: (statusData) => {
-        this.statusData = statusData;
-        this.documentStore.setStatusData(statusData);
-      },
-      error: (error) => {
-        console.error(ERRORS.ERROR_FETCHING_STATUS_DATA, error);
-      }
-    });
-  }
-
-  /**
-   * Fetches userlist data with current filters applied
-   */
-  fetchUserListWithFilters(): void {
-    if (!this.contextId) {
-      console.warn(ERRORS.CONTEXT_ID_REQUIRED);
-      return;
-    }
-
-    const currentState = this.documentQuery.getSelectionState();
-    // If the API supports filtering by menu item or status, we can add those parameters
-    this.documentHttpService.getUserListByContextId(this.contextId).subscribe({
-      next: (res: UserListModel[]) => {
-        this.userList = res;
-        this.documentStore.setUserList(res);
-      },
-      error: (err: any) => {
-        console.error(ERRORS.ERROR_FETCHING_USER_LIST, err);
-      }
-    });
-  }
-
-  /**
-   * Fetches document catagory data.
-   */
-  fetchDocumentCatagories(): void {
-    const categoriesSubscription = this.documentHttpService.getDocumentCatagories(this.contextId).subscribe({
-      next: (categories: any) => {
-        if (categories) {
-          this.catagories = categories.categories;
-          this.applicationNumber = categories.applicationNumber;
-          this.documentStore.setDocumentCategories(categories.categories);
-
-        }
-      },
-      error: (err: any) => {
-        console.error(ERRORS.ERROR_FETCHING_DOCUMENT_CATEGORIES, err);
-      }
-    });
-    this.subscription.add(categoriesSubscription);
-  }
-  
-  /**
-   * Refetches all data when contextId changes
-   */
-   refetchAllDataForNewContext(): void {
-    if (this.contextId && this.contextId !== SHARED.EMPTY) {
-      this.documentStore.clearSelectionState();
-      this.documentStore.clearDocumentViewerState();
-      this.fetchDocumentCatagories();
-      this.fetchUserListWithFilters();
-      this.fetchStatusData();
-      this.documentHelperService.initializeSelectionWatcherWithInitialLoad(this.contextId);
-    }
-  }
-
-  /**
-   * Sets up subscription to listen for filtered document responses
-   */
-   setupFilteredDocumentSubscription(): void {
-    this.subscription.add(
-      this.documentQuery.selectDocumentListResponse().subscribe({
-        next: (response: any) => {
-          this.documentListResponse = response;
-        },
-        error: (error: any) => {
-          console.error(ERRORS.ERROR_RECEIVING_DOCUMENT_LIST, error);
-        }
-      })
-    );
-  }
-
-  onDocumentSelected(document: any): void {
-    console.log('Document selected:', document);
-    this.selectedDocument.emit(document);
-  }
-
-  /** 
-   * Unsubscribe subscription on destroy of component and clean up state.
-   */
-  ngOnDestroy(): void {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-    }
-    if (this.selectedMenuItemSubscription) {
-      this.selectedMenuItemSubscription.unsubscribe();
-    }
-    this.documentHelperService.cleanupSelectionWatcher();
-    this.clearAllState();
-  }
-}