cat-documents-ng 0.1.30 → 0.1.32

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

@@ -1,54 +0,0 @@
-.alert-card {
-  background-color: #fb392d1a;
-}
-
-.success-alert {
-  border-radius: 10px;
-  border: 1px solid rgba(251, 57, 45, 0.1);
-  background: linear-gradient(0deg, #dedede 0%, #dedede 100%), #fff;
-}
-
-.p-timeline-event-opposite {
-  display: none;
-}
-.decription {
-  color: #676b89;
-}
-.textAreaControl textarea {
-  width: 100%;
-  resize: vertical;
-  max-width: 100%;
-}
-
-.document-btn-wrapper {
-  .p-button-outlined {
-    color: #f57c00;
-  }
-}
-
-.document-viewer{
-  .p-dialog{
-    width: 100%;
-    height: 100%;
-    max-height: 100% !important;
-    box-shadow: none !important;
-  }
-  .p-dialog-header-close-icon{
-    height: 20px;
-    width: 20px;
-  }
-  .p-dialog-header{
-    background-color:#FFF;
-    border-radius: 0;
-  }
-  .p-dialog-content{
-    background-color:#FFF;
-    border-radius: 0;
-  }
-}
-
-.uploadedImages{
-  width: 95%;
-  height: 100%;
-  object-fit: contain;
-}

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

@@ -1,79 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DocumentViewerComponent } from './document-viewer.component';
-import { TimelineModule } from 'primeng/timeline';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-import { HttpClientModule } from '@angular/common/http';
-import { DocumentService } from '../../services/document.service';
-import { DocumentHttpService } from '../../services/document-http.service';
-import { of } from 'rxjs';
-import { DocumentModel } from '../../models/document.model';
-import { LinkedDocumentComponent } from '../linked-document/linked-document.component';
-
-describe('DocumentViewerComponent', () => {
-  let component: DocumentViewerComponent;
-  let fixture: ComponentFixture<DocumentViewerComponent>;
-  let documentService: jasmine.SpyObj<DocumentService>;
-
-  beforeEach(async () => {
-    const documentServiceSpy = jasmine.createSpyObj('DocumentService', ['set']);
-    
-    await TestBed.configureTestingModule({
-      declarations: [DocumentViewerComponent, LinkedDocumentComponent],
-      imports: [TimelineModule, FormsModule, CheckboxModule, HttpClientModule],
-      providers: [
-        { provide: DocumentService, useValue: documentServiceSpy },
-        DocumentHttpService,
-      ],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(DocumentViewerComponent);
-    component = fixture.componentInstance;
-    documentService = TestBed.inject(DocumentService) as jasmine.SpyObj<DocumentService>;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should call set method of documentService on ngOnChanges when selectedDocument is set', () => {
-    const document: DocumentModel = { _id: '22', contentType: 'image/png', documentUrl: 'http://example.com/image.png', status: 'approved' };
-    component.selectedDocument = document;
-    component.ngOnChanges();
-    expect(documentService.set).toHaveBeenCalledWith(document);
-  });
-
-  it('should determine if content type is an image', () => {
-    const validImageType = 'image/png';
-    const invalidImageType = 'application/pdf';
-    expect(component.isImage(validImageType)).toBeTrue();
-    expect(component.isImage(invalidImageType)).toBeFalse();
-  });
-
-  it('should set selectedDocument correctly when handleSelectedDocument is called', () => {
-    const document: DocumentModel = { _id: '22', contentType: 'image/png', documentUrl: 'http://example.com/image.png' };
-    component.handleSelectedDocument(document);
-    expect(component.selectedDocument).toEqual(document);
-    expect(documentService.set).toHaveBeenCalledWith(document);
-  });
-
-  it('should display the document image if selectedDocument is an image', () => {
-    const imageDocument: DocumentModel = {
-      _id : "122",
-      contentType: 'image/png',
-      documentUrl: 'http://example.com/image.png',
-    };
-    component.selectedDocument = imageDocument;
-    fixture.detectChanges();
-    const imgElement = fixture.debugElement.nativeElement.querySelector('.img-container img');
-    expect(imgElement).toBeTruthy();
-    expect(imgElement.src).toContain('http://example.com/image.png');
-  });
-
-  it('should update isVerified flag', () => {
-    component.isVerified = true;
-    fixture.detectChanges();
-    expect(component.isVerified).toBeTrue();
-  });
-});

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

@@ -1,106 +0,0 @@
-import {
-  Component,
-  Input,
-  OnChanges,
-  OnDestroy,
-  SimpleChanges,
-  ViewEncapsulation,
-} from '@angular/core';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-import { DocumentAlertList, DUMMYSUMMARY, SHARED, SUPPORTED_IMAGE_TYPES } from '../../../../Shared/constant/SHARED';
-import { DocumentHttpService } from '../../services/document-http.service';
-import { Subscription } from 'rxjs';
-import { DocumentModel } from '../../models/document.model';
-import { DocumentService } from '../../services/document.service';
-
-/**
- * Component for viewing and managing document details.
- * @class DocumentViewerComponent
- * @typedef {DocumentViewerComponent}
- */
-@Component({
-  selector: 'document-viewer',
-  templateUrl: './document-viewer.component.html',
-  standalone : false,
-  styleUrl: './document-viewer.component.scss',
-  encapsulation: ViewEncapsulation.None,
-})
-export class DocumentViewerComponent implements OnChanges, OnDestroy {
-  /**
-   * Get the selected document by user.
-   * @type {*}
-   */
-  @Input() selectedDocument?: DocumentModel;  // <-- Made optional to prevent undefined issues
-  /**
-   * Get the selected document by user.
-   * @type {*}
-   */
-  @Input() documentList?: DocumentModel[];  // <-- Made optional to prevent undefined issues
-
-  /**
-   * Indicates whether a checkbox is selected.
-   * @type {boolean}
-   */
-  checked: boolean = false;
-
-  /**
-   * Reference to the dynamic dialog used for displaying additional details.
-   * @type {(DynamicDialogRef | undefined)}
-   */
-  ref: DynamicDialogRef | undefined;
-
-  /**
-   * Indicates whether the document has been verified.
-   * @type {boolean}
-   */
-  isVerified: boolean = false;
-
-  /**
-   * Data used for displaying alert messages.
-   * @type {any}
-   */
-  alertData!: any;
-  
-  /**
-   * Holds the subscription to manage observable cleanup.
-   * @private
-   * @type {Subscription}
-   */
-  private subscription: Subscription = new Subscription();
-  /**
-   * Initializes a new instance of the DocumentViewerComponent.
-   * @param {DocumentHttpService} documentHttpService - Handle the http service.
-   * @param {DocumentService} documentService - Handle the states.
-   */
-  constructor(public documentHttpService : DocumentHttpService, private documentService: DocumentService) {}
-
-  /**
-   * Fetches the alerts for the selected document.
-   * @returns {void}
-   */
-  ngOnChanges() {
-    if (this.selectedDocument)  {
-      this.documentService.set(this.selectedDocument);
-      this.alertData = DocumentAlertList.find((res: any) => res.status === this.selectedDocument?.status);
-    }
-  }
-
-  handleSelectedDocument(document:DocumentModel){
-    this.selectedDocument = document
-    this.documentService.set(this.selectedDocument);
-  }
-
-  /**
-   * Determines if the given content type is an image.
-   * @param {string | undefined} contentType - The MIME type of the content.
-   * @returns {boolean} `true` if the content type is an image; otherwise, `false`.
-   */
-  isImage(contentType?: string): boolean {
-    return contentType ? SUPPORTED_IMAGE_TYPES.includes(contentType) : false;
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-
-}

package/src/lib/document/components/folder-block/folder-block.component.html

@@ -1,46 +0,0 @@
-<div class="card p-0 folder-info">
-  <div class="text-900 text-xl font-semibold ml-2 mb-1">Folders</div>
-  <div class="grid m-0">
-    <div *ngFor="let folder of folderList" class="col-12 md:col-6 xl:col-4 container-wrapper">
-      <div
-        class="p-3 border-1 h-full surface-border flex flex-column justify-content-between hover:surface-100 cursor-pointer border-round"
-        (click)="handleClickForFilter(folder._id)"
-      >
-        <div class="icon">
-          <img src="../../../../assets/images/FolderImg.png" alt="" />
-        </div>
-        <div class="flex flex-column">
-          <span class="text-600 mt-2"> {{ folder.documentCount }} Files </span>
-          <span class="text-900 text-lg mt-2 mb-2 font-semibold font-medium">
-            {{ folder.folderName }}
-          </span>
-        </div>
-        <hr />
-        <div class="flex justify-content-between">
-          <div class="flex flex-column">
-            <span>Missing</span>
-            <span
-              [ngClass]="{
-                'text-pink-500': missingFileCount > 0,
-                'text-green-500': missingFileCount === 0
-              }"
-            >
-              {{ missingFileCount }}
-            </span>
-          </div>
-          <div class="flex flex-column">
-            <span>Pending</span>
-            <span
-              [ngClass]="{
-                'text-yellow-500': pendingFileCount > 0,
-                'text-green-500': pendingFileCount === 0
-              }"
-            >
-              {{ pendingFileCount }}
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/src/lib/document/components/folder-block/folder-block.component.scss

@@ -1,9 +0,0 @@
-.container-wrapper{
-    &:nth-child(3n + 1) {
-        padding-left: 0;
-    }
-
-    &:nth-child(3n) {
-        padding-right: 0;
-    }
-}

package/src/lib/document/components/folder-block/folder-block.component.spec.ts

@@ -1,70 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FolderBlockComponent } from './folder-block.component';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentStore } from '../../state/document.store';
-import { FolderBlockModel } from '../../models/folder.model';
-
-describe('FolderBlockComponent', () => {
-  let component: FolderBlockComponent;
-  let fixture: ComponentFixture<FolderBlockComponent>;
-  let mockDocumentStore: jasmine.SpyObj<DocumentStore>;
-
-  beforeEach(async () => {
-    mockDocumentStore = jasmine.createSpyObj('DocumentStore', ['setParentDocumentTypeId']); // Include the method here
-
-    await TestBed.configureTestingModule({
-        declarations: [FolderBlockComponent],
-        providers: [
-            { provide: DocumentStore, useValue: mockDocumentStore }
-        ],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FolderBlockComponent);
-    component = fixture.componentInstance;
-
-    // Mock folder blocks input
-    component.folderList = [
-        { _id: '1', folderName: 'Folder 1', documentCount: 5 },
-        { _id: '2', folderName: 'Folder 2', documentCount: 3 },
-    ] as FolderBlockModel[];
-
-    fixture.detectChanges();
-});
-
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should render the folder blocks correctly', () => {
-    const folderElements = fixture.debugElement.nativeElement.querySelectorAll('.grid .col-12');
-    expect(folderElements.length).toBe(2); // Should match the length of folderBlocks input
-  });
-
-  it('should display the correct file count for each folder', () => {
-    const folderTextElements = fixture.debugElement.nativeElement.querySelectorAll('.text-600');
-    expect(folderTextElements[0].textContent).toContain('5 Files');
-    expect(folderTextElements[1].textContent).toContain('3 Files');
-  });
-
-  it('should return correct folderBlockId from handleClickForFilter', () => {
-    const validFolderBlockId = '1';
-    const invalidFolderBlockId = '';
-
-    expect(component.handleClickForFilter(validFolderBlockId)).toBe(validFolderBlockId);
-    expect(component.handleClickForFilter(invalidFolderBlockId)).toBe(SHARED.EMPTY);
-  });
-
-  it('should display the missing and pending file counts correctly', () => {
-    const missingFileCountElements = fixture.debugElement.nativeElement.querySelectorAll('.text-pink-500');
-    const pendingFileCountElements = fixture.debugElement.nativeElement.querySelectorAll('.text-yellow-500');
-
-    expect(missingFileCountElements.length).toBeGreaterThan(0); // Check if any element with `text-pink-500` class is present
-    expect(pendingFileCountElements.length).toBeGreaterThan(0); // Check if any element with `text-yellow-500` class is present
-  });
-
-  it('should set the missingFileCount and pendingFileCount to SHARED constants', () => {
-    expect(component.missingFileCount).toBe(SHARED.MISSINGCOUNT);
-    expect(component.pendingFileCount).toBe(SHARED.PENDINGCOUNT);
-  });
-});

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

@@ -1,2 +0,0 @@
-
-<lib-folder-block [folderList]="folderList"></lib-folder-block>

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

@@ -1,27 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Listbox, ListboxModule } from 'primeng/listbox';
-import { TimelineModule } from 'primeng/timeline';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-import { FolderContainerComponent } from './folder-container.component';
-import { FolderBlockComponent } from '../folder-block/folder-block.component';
-
-describe('FolderContainerComponent', () => {
-  let component: FolderContainerComponent;
-  let fixture: ComponentFixture<FolderContainerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [FolderContainerComponent , FolderBlockComponent],
-      imports : [ListboxModule, TimelineModule, FormsModule, CheckboxModule]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FolderContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,37 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { FOLDERPANEL, SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentModel } from '../../models/document.model';
-import { FolderBlockModel } from '../../models/folder.model';
-
-/**
- * The `FolderContainerComponent` is responsible for rendering a container 
- * that displays a list of documents and associated folder panel data.
- *
- * This component utilizes the `FOLDERPANEL` constant for folder panel data
- * and accepts a document list input of type `DocumentModel`.
- */
-@Component({
-  selector: 'lib-folder-container',
-  standalone: false,
-  templateUrl: './folder-container.component.html',
-  styleUrl: './folder-container.component.scss'
-})
-export class FolderContainerComponent  {
-  /**
-   * A list of documents passed as input to the component.
-   * Represents the document data to be displayed in the folder container.
-   */
-  @Input() documentList?: DocumentModel[];
-  /**
-   * A list of documents passed as input to the component.
-   * Represents the document data to be displayed in the folder container.
-   */
-  @Input() folderList: FolderBlockModel[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * The context ID for the folder container.
-   * @type {string}
-   */
-  @Input() contextId: string = SHARED.EMPTY;
-  
-}

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

@@ -1,23 +0,0 @@
-<div class="summary-card mb-4 pb-1">
-    <div class="card p-0 mb-0"
-      style="border-bottom: 1px solid;border-color: rgba(68, 72, 109, 0.2); border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; background-color: #F9fafb;">
-      <div class="p-0">
-        <h4 class="m-0 pt-3 pl-3 mb-3" style="font-size: 21px; font-weight: bold; ">Linked Documents</h4>
-      </div>
-    </div>
-    <div class="card mb-0" style="border-top-right-radius: 0px;border-top-left-radius: 0px;">
-      @for(document of documentList; track document){
-        <div class="linkedDocument documentName m-2">
-          <div class="documentName"         [class.selected]="document._id === selectedDocument?._id"
-          (click)="handleDocumentClick(document)">
-            <span class="pi pi-link"></span>
-            {{document.fileName}}
-          </div>
-        </div>
-      }
-
-    </div>
-  
-  
-  </div>
-  

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

@@ -1,10 +0,0 @@
-.documentName{
-    font-family: inherit;
-    text-decoration: underline;
-    cursor: pointer;
-    width: max-content;
-}
-.selected{
-    color: var(--primary-color);
-
-}

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

@@ -1,61 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LinkedDocumentComponent } from './linked-document.component';
-import { DocumentModel } from '../../models/document.model';
-import { Component, Input } from '@angular/core';
-
-/**
- * A mock child component used for testing the LinkedDocumentComponent.
- * It mimics a real child component that receives document-related inputs.
- */
-@Component({
-  selector: 'app-mock-child',
-  template: ''
-})
-class MockChildComponent {
-  /**
-   * Represents the currently selected document.
-   */
-  @Input() selectedDocument?: DocumentModel;
-
-  /**
-   * A list of available documents.
-   */
-  @Input() documentList?: DocumentModel[];
-}
-
-describe('LinkedDocumentComponent', () => {
-  let component: LinkedDocumentComponent;
-  let fixture: ComponentFixture<LinkedDocumentComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [LinkedDocumentComponent],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LinkedDocumentComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  /**
-   * Ensures that the component is created successfully.
-   */
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  /**
-   * Tests whether the `handleDocumentClick` method correctly emits 
-   * the `selectedDocumentChange` event with the expected document data.
-   */
-  it('should emit selectedDocumentChange event when handleDocumentClick is called', () => {
-    spyOn(component.selectedDocumentChange, 'emit');
-    const document: DocumentModel = { _id: '1', fileName: 'Doc1' };
-    
-    component.handleDocumentClick(document);
-    
-    expect(component.selectedDocumentChange.emit).toHaveBeenCalledWith(document);
-  });
-});

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

@@ -1,49 +0,0 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { DocumentQuery } from '../../state/document.query';
-import { DocumentModel } from '../../models/document.model';
-
-/**
- * Description placeholder
- * @class LinkedDocumentComponent
- * @typedef {LinkedDocumentComponent}
- * @implements {OnChanges}
- */
-@Component({
-  selector: 'app-linked-document',
-  templateUrl: './linked-document.component.html',
-  styleUrl: './linked-document.component.scss',
-  standalone : false
-})
-export class LinkedDocumentComponent {
-  /**
-   * Selected document for view.
-   * @type {?DocumentModel}
-   */
-  @Input() selectedDocument?: DocumentModel;
-  /**
-   * Whole document list.
-   * @type {?DocumentModel[]}
-   */
-  @Input() documentList?: DocumentModel[];
-  /**
-   * Changed selected document.
-   * @type {*}
-   */
-  @Output() selectedDocumentChange = new EventEmitter<DocumentModel>();
-
-  /**
-   * Filtered documents.
-   * @type {DocumentModel[]}
-   */
-  filteredDocuments: DocumentModel[] = [];
-
-  /**
-   * Handle the click on the document.
-   * @param {DocumentModel} document - Clicked document.
-   */
-  handleDocumentClick(document: DocumentModel): void {
-    this.selectedDocument = document;
-    this.selectedDocumentChange.emit(this.selectedDocument);
-  }
-
-}

package/src/lib/document/directives/document.directive.ts

@@ -1,32 +0,0 @@
-import { Directive, TemplateRef, ViewContainerRef } from "@angular/core";
-import { DocumentService } from "../services/document.service";
-import { DocumentModel } from "../models/document.model";
-
-/**
- * Directive to display the document data
- */
-@Directive({
-    selector: '[doc]',
-    standalone: false
-})
-export class DocumentDirective {
-
-    /**
-     * Creates an instance of DocumentDirective.
-     * @param documentService Service to get the document data.
-     * @param templateRef Reference to the template.
-     * @param vcr View container reference to manage the view.
-     */
-    constructor(
-        private documentService: DocumentService,
-        private templateRef: TemplateRef<any>,
-        private vcr: ViewContainerRef
-    ) {
-        this.documentService.get().subscribe((document: DocumentModel | null) => {
-            this.vcr.clear();
-            if (document) {
-                this.vcr.createEmbeddedView(this.templateRef, { $implicit: document });
-            }
-        });
-    }
-}