ca-components 2.1.152 → 2.1.161

package/lib/components/ca-upload-files/components/ca-upload-dropzone/helpers/file.helper.ts

@@ -1,30 +0,0 @@
-import { Observable } from 'rxjs';
-
-export class FileHelper {
-    public static getBlob(file: File): Observable<Blob> {
-        return new Observable<Blob>((subscriber) => {
-            subscriber.next(file);
-            subscriber.complete();
-        });
-    }
-
-    public static getFileExtension(mimeType: string): string {
-        return mimeType.split('/')[1].toLocaleLowerCase();
-    }
-
-    public static isSupportedExtension(
-        extension: string,
-        supportedExtensionsConfig: string[]
-    ): boolean {
-        const supportedExtensions = this.getSupportedExtensions(
-            supportedExtensionsConfig
-        );
-        return supportedExtensions.includes(extension);
-    }
-
-    private static getSupportedExtensions(
-        supportedExtensionsConfig: string[]
-    ): string[] {
-        return supportedExtensionsConfig;
-    }
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/helpers/index.ts

@@ -1 +0,0 @@
-export * from './file.helper';

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/drop-background-event.interface.ts

@@ -1,4 +0,0 @@
-export interface IDropBackgroundEvent {
-    action: string;
-    value: boolean;
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/dropzone-config.interface.ts

@@ -1,14 +0,0 @@
-// interfaces
-import { IDropZoneOptionConfig } from './dropzone-option-config.interface';
-import { IDropZoneSettings } from './dropzone-settings.interface';
-
-// enums
-import { eTemplateType } from '../enums';
-
-export interface IDropZoneConfig {
-    template: eTemplateType;
-    config?: {
-        dropzone?: IDropZoneSettings;
-        dropzoneOption?: IDropZoneOptionConfig;
-    };
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/dropzone-option-config.interface.ts

@@ -1,14 +0,0 @@
-export interface IDropZoneOptionConfig {
-    customClassName?: string;
-    size?: string; // size dropzone
-    modalSize?: string; // size inside modal
-    filesLength?: number; // what is length of file
-    disableUnsupportedPreview?: boolean; // unsupported extension
-    isRequired?: boolean; // is dropzone required
-    showRequired?: boolean; // show * for required
-    dropzoneClose?: boolean; // close dropzone
-    dropzoneFocus?: boolean; // drop zone get focus
-    dropzoneColumn?: boolean; // show horizontally like column
-    dropzoneIndex?: number; // to have different dropzone
-    showDropzone?: boolean;
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/dropzone-settings.interface.ts

@@ -1,10 +0,0 @@
-//enums
-import { eDropZoneFileType } from '../enums';
-
-export interface IDropZoneSettings {
-    dropZoneType?: eDropZoneFileType;
-    dropZoneAvailableFiles?: string; // jpg, pdf, png...
-    multiple?: boolean; // multiple files at once
-    globalDropZone?: boolean; // available in more places
-    dropZonePages?: string; // screen
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/file-config.interface.ts

@@ -1,19 +0,0 @@
-export interface IFileConfig {
-    fileId?: number;
-    name?: any; //for now
-    fileName?: string;
-    url: string | any; //for now
-    extension?: string;
-    guid?: string | null;
-    size?: number;
-    fileSize?: number;
-    tags?: any;
-    realFile?: File | any; //for now
-    tagId?: any;
-    incorrect?: boolean;
-    tagChanged?: boolean;
-    savedTag?: any;
-    tagGeneratedByUser?: boolean;
-    lastHovered?: boolean;
-    page?: string;
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/file-event.interface.ts

@@ -1,9 +0,0 @@
-import { IFileConfig } from './file-config.interface';
-
-export interface IFileEvent {
-    files: IFileConfig[] | IFileConfig;
-    action: string;
-    deleteId?: number;
-    index?: number;
-    type?: string;
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/interfaces/index.ts

@@ -1,6 +0,0 @@
-export * from './drop-background-event.interface';
-export * from './dropzone-settings.interface';
-export * from './dropzone-option-config.interface';
-export * from './file-config.interface';
-export * from './file-event.interface';
-export * from './dropzone-config.interface';

package/lib/components/ca-upload-files/components/ca-upload-dropzone/utils/constants/file-icons.constants.ts

@@ -1,27 +0,0 @@
-//enums
-import { eDropZoneFileType } from '../../enums';
-
-export class FileIconsConstants {
-    public static readonly ICONS: Record<eDropZoneFileType, string> = {
-        [eDropZoneFileType.FILES]:
-            'assets/ca-components/svg/dropzone/documentDropzone.svg',
-        [eDropZoneFileType.MEDIA]:
-            'assets/ca-components/svg/dropzone/mediaDropzone.svg',
-        [eDropZoneFileType.IMAGE]:
-            'assets/ca-components/svg/dropzone/imageDropzone.svg',
-        [eDropZoneFileType.LOGO]:
-            'assets/ca-components/svg/dropzone/logoDropzone.svg',
-    };
-}
-
-export class FileAnimationConstants {
-    public static readonly ANIMATIONS: Record<eDropZoneFileType, string> = {
-        [eDropZoneFileType.FILES]:
-            'assets/lottie/dropzone/animation-document.json',
-        [eDropZoneFileType.MEDIA]:
-            'assets/lottie/dropzone/animation-media.json',
-        [eDropZoneFileType.IMAGE]:
-            'assets/lottie/dropzone/animation-image.json',
-        [eDropZoneFileType.LOGO]: 'assets/lottie/dropzone/animation-logo.json',
-    };
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/utils/constants/file-limit.constants.ts

@@ -1,41 +0,0 @@
-//enums
-import { eFileUploadPage } from '../../enums';
-
-export class FileLimitConstants {
-    public static readonly LIMIT: { [key: string]: number } = {
-        //Load
-        [eFileUploadPage.LIST_LOAD]: 15,
-        //Customer
-        [eFileUploadPage.LIST_CUSTOMER]: 3,
-        //Driver
-        [eFileUploadPage.LIST_DRIVER]: 15,
-        [eFileUploadPage.CDL]: 3,
-        [eFileUploadPage.MEDICAL]: 1,
-        [eFileUploadPage.MVR]: 1,
-        [eFileUploadPage.TEST]: 1,
-        //Truck
-        [eFileUploadPage.LIST_TRUCK]: 15,
-        [eFileUploadPage.REGISTRATION]: 1,
-        [eFileUploadPage.INSPECTION]: 1,
-        [eFileUploadPage.TITLE]: 1,
-        [eFileUploadPage.LEASE_RENT]: 1,
-        [eFileUploadPage.LEASE_PURCHASE]: 1,
-        //Repair
-        [eFileUploadPage.LIST_REPAIR_TRUCK_TRAILER]: 3,
-        [eFileUploadPage.LIST_REPAIR_SHOP]: 3,
-        //Fuel
-        [eFileUploadPage.LIST_FUEL]: 3,
-        //Owner
-        [eFileUploadPage.LIST_OWNER]: 3,
-        //Roadside Inspection
-        [eFileUploadPage.SAFETY_ROADSIDE_INSPECTION]: 3,
-        [eFileUploadPage.SAFETY_ROADSIDE_INSPECTION_CITATION]: 1,
-        //Accident
-        [eFileUploadPage.SAFETY_ACCIDENT]: 3,
-        [eFileUploadPage.SAFETY_ACCIDENT_CITATION]: 1,
-        //Tools
-        [eFileUploadPage.TOOLS_TODO]: 3,
-        [eFileUploadPage.FAX]: 1, // TBD
-        [eFileUploadPage.INSURANCE_COMPANY]: 3,
-    };
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/utils/constants/index.ts

@@ -1,4 +0,0 @@
-export * from './file-icons.constants';
-export * from './mime-type.constants';
-export * from './lottie-animation.constants';
-export * from './file-limit.constants';

package/lib/components/ca-upload-files/components/ca-upload-dropzone/utils/constants/lottie-animation.constants.ts

@@ -1,10 +0,0 @@
-import { AnimationOptions } from 'ngx-lottie';
-
-export class LottieAnimationConstants {
-    public static readonly DEFAULT_LOTTIE: AnimationOptions = {
-        renderer: 'svg',
-        autoplay: false,
-        loop: false,
-        path: '',
-    };
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/utils/constants/mime-type.constants.ts

@@ -1,33 +0,0 @@
-//enums
-import { eDropZoneFileType } from '../../enums';
-
-export class FileMimeTypeConstants {
-    public static readonly SUPORTED_MIME_TYPE_MAP: Record<
-        eDropZoneFileType,
-        string[]
-    > = {
-        [eDropZoneFileType.IMAGE]: ['image/jpeg', 'image/png'],
-        [eDropZoneFileType.FILES]: [
-            'application/pdf',
-            'image/jpeg',
-            'image/png',
-        ],
-        [eDropZoneFileType.LOGO]: ['image/jpeg', 'image/png'],
-        [eDropZoneFileType.MEDIA]: [
-            'image/jpeg', // JPEG/JPG image format
-            'image/png', // PNG image format
-            'video/quicktime', // MOV video format
-            'video/mp4', // MP4 video format
-            'video/avi', // AVI video format
-        ],
-    };
-
-    public static MIME_TYPE_TO_EXTENSION: Record<string, string> = {
-        'image/jpeg': 'jpeg', // JPEG/JPG image format
-        'image/png': 'png', // PNG image format
-        'application/pdf': 'pdf', // PDF document format
-        'video/quicktime': 'mov', // MOV video format
-        'video/mp4': 'mp4', // MP4 video format
-        'video/avi': 'avi', // AVI video format
-    };
-}

package/lib/components/ca-upload-files/components/ca-upload-dropzone/utils/svg-routes/dropzone-svg.routes.ts

@@ -1,3 +0,0 @@
-export class DropzoneSvgRoute {
-    static close: string = 'assets/ca-components/svg/dropzone/x.svg';
-}

package/lib/components/ca-upload-files/components/ca-upload-file/ca-upload-file.component.html

@@ -1,412 +0,0 @@
-<div
-    class="ta-upload-file-container d-grid {{ config.customClassName }}"
-    [ngClass]="
-        config
-            | ngClassPipe
-                : t2
-                : isArrowHovered
-                : annotationHover
-                : reviewFileConfig
-    "
->
-    <!-- Review Actions -->
-    @if (reviewFileConfig.isReview) {
-        <div
-            class="ta-upload-file-header-review d-flex align-items-center justify-content-between"
-        >
-            @if (reviewFileConfig.reviewMode === reviewState.REVIEW_MODE) {
-                <div
-                    ngbTooltip
-                    mainTooltip="Download"
-                    tooltipBackground="#6c6c6c"
-                    position="top"
-                    class="ta-upload-action-download-review d-flex align-items-center justify-content-center"
-                    (click)="onAction(documentAction.DOWNLOAD)"
-                >
-                    <svg-icon [src]="icons.download"></svg-icon>
-                </div>
-                <div
-                    ngbTooltip
-                    mainTooltip="
-                    config.file?.incorrect && isIncorrectMarkHover
-                    ? 'Unmark'
-                    : 'Mark Incorrect'
-                    "
-                    tooltipBackground="
-                    config.file?.incorrect && isIncorrectMarkHover ? '#6c6c6c' : '#EF5350'
-                    "
-                    position="top"
-                    [ngClass]="{
-                        'ta-upload-action-mark-correct':
-                            config.file?.incorrect && isIncorrectMarkHover,
-                        'ta-upload-action-mark-incorrect': !(
-                            config.file?.incorrect && isIncorrectMarkHover
-                        ),
-                        incorrect: config.file?.incorrect,
-                    }"
-                    (click)="
-                        onAction(
-                            config.file?.incorrect && isIncorrectMarkHover
-                                ? 'mark-correct'
-                                : 'mark-incorrect'
-                        )
-                    "
-                    (mouseenter)="onMouseEnter()"
-                    (mouseleave)="onMouseLeave()"
-                >
-                    <svg-icon
-                        [src]="
-                            config.file?.incorrect && isIncorrectMarkHover
-                                ? icons.confirm
-                                : icons.close
-                        "
-                    ></svg-icon>
-                </div>
-            }
-        </div>
-    }
-
-    <!-- No Review Actions -->
-    @if (
-        !isFileDelete &&
-        (!reviewFileConfig.isReview ||
-            (reviewFileConfig.isReview &&
-                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE))
-    ) {
-        <div class="ta-upload-file-header d-flex justify-content-between">
-            <!-- Left Side -->
-            @if (config.customClassName === 'company-documents') {
-                <div class="rightside_bar"></div>
-            } @else {
-                <div
-                    class="ta-upload-file-action-leftside d-flex justify-content-center align-items-center"
-                    tabindex="0"
-                    [ngClass]="{
-                        'no-action-tag': !config.hasTagsDropdown,
-                        active: t2?.isOpen(),
-                    }"
-                    #t2="ngbPopover"
-                    [ngbPopover]="tagsPopover"
-                    [popoverClass]="'tags_popover'"
-                    [placement]="'right-top right-bottom'"
-                    autoclose="outside"
-                    [container]="'body'"
-                    triggers="'manual'"
-                >
-                    <div
-                        ngbTooltip
-                        mainTooltip="Tag"
-                        tooltipBackground="#2F2F2F"
-                        position="top"
-                        class="ta-upload-action-tag d-flex justify-content-center align-items-center"
-                        (click)="onAction(documentAction.TAG)"
-                    >
-                        <svg-icon [src]="icons.tag"></svg-icon>
-                    </div>
-                </div>
-            }
-            <!-- Right Side -->
-            @if (!reviewFileConfig.isActionsHidden) {
-                <div
-                    class="ta-upload-file-action-rightside d-flex justify-content-around align-items-center"
-                    [ngClass]="{
-                        'feedback-mode':
-                            reviewFileConfig.isReview &&
-                            reviewFileConfig.reviewMode ===
-                                reviewState.FEEDBACK_MODE,
-                        small:
-                            config.type === 'details' ||
-                            config.type === 'todo' ||
-                            reviewFileConfig.reviewMode ==
-                                reviewState.REVIEW_MODE,
-                        'vertical-mode':
-                            config.customClassName == 'company-documents',
-                    }"
-                >
-                    @if (config.customClassName === 'company-documents') {
-                        <div
-                            #t2="ngbPopover"
-                            [ngbPopover]="tagsPopover"
-                            [popoverClass]="'tags_popover_vertical'"
-                            [placement]="'bottom-left'"
-                            autoclose="outside"
-                            [container]="'body'"
-                            triggers="'manual'"
-                            ngbTooltip
-                            mainTooltip="Tag"
-                            tooltipBackground="#2F2F2F"
-                            position="top"
-                            class="ta-upload-action-tag d-flex justify-content-center align-items-center"
-                            [ngClass]="{ active: t2?.isOpen() }"
-                            (click)="onAction(documentAction.TAG)"
-                        >
-                            <svg-icon [src]="icons.tag"></svg-icon>
-                        </div>
-                    }
-                    <div
-                        ngbTooltip
-                        mainTooltip="Download"
-                        tooltipBackground="#2F2F2F"
-                        position="top"
-                        class="ta-upload-action-download"
-                        (click)="onAction(documentAction.DOWNLOAD)"
-                    >
-                        <svg-icon [src]="icons.download"></svg-icon>
-                    </div>
-                    @if (
-                        config.type != 'details' &&
-                        config.type != 'todo' &&
-                        reviewFileConfig.reviewMode !=
-                            reviewState.REVIEW_MODE &&
-                        config.file?.fileName
-                    ) {
-                        <div
-                            ngbTooltip
-                            mainTooltip="Delete"
-                            tooltipBackground="#EF5350"
-                            position="top"
-                            class="ta-upload-action-delete"
-                            (click)="
-                                config.file.fileName &&
-                                    openDeletePopup(config.file.fileName)
-                            "
-                        >
-                            <svg-icon [src]="icons.trash"></svg-icon>
-                        </div>
-                    }
-                </div>
-            }
-            @if (
-                reviewFileConfig.isReview &&
-                reviewFileConfig.reviewMode === reviewState.FEEDBACK_MODE
-            ) {
-                <div
-                    ngbTooltip
-                    mainTooltip="Marked Incorrect"
-                    tooltipBackground="#EF5350"
-                    position="top"
-                    class="ta-upload-action-feedback-incorrect-mark d-flex justify-content-center align-items-center"
-                    (click)="onAction(documentAction.MARK_INCORRECT)"
-                >
-                    <svg-icon [src]="icons.close"></svg-icon>
-                </div>
-            }
-        </div>
-    }
-
-    <!-- File Content -->
-    <div class="ta-upload-file-content  {{ config.customClassName }}">
-        <!-- Pdf Content -->
-        @if (
-            config.file?.extension?.toLowerCase() === 'pdf' && config.file?.url
-        ) {
-            <pdf-viewer
-                [src]="config.file.url"
-                [(page)]="config.activePage"
-                class="pdf_viewer"
-                [rotation]="0"
-                [original-size]="false"
-                [show-all]="true"
-                [fit-to-page]="false"
-                [zoom]="1"
-                [zoom-scale]="'page-width'"
-                [stick-to-page]="false"
-                [render-text]="true"
-                [external-link-target]="'blank'"
-                [autoresize]="true"
-                [show-borders]="false"
-                (after-load-complete)="afterLoadComplete($event)"
-                (page-rendered)="pageRendered($event)"
-            ></pdf-viewer>
-        }
-
-        <!-- Media Content -->
-        <div
-            class="d-flex justify-content-center align-items-center image_main_holder {{
-                config.customClassName
-            }}"
-        >
-            <!-- Image Content -->
-            @if (isImageFile && config.file?.url) {
-                <img
-                    class="ta-upload-file-image"
-                    [ngClass]="{
-                        details_image:
-                            config.type === 'details' || config.type === 'todo',
-                    }"
-                    [src]="config.file.url"
-                    [alt]="config.file?.fileName"
-                />
-            }
-            <!-- Video Tumbnail -->
-            @else if (isVideoFile && !documentLoading) {
-                <img
-                    class="ta-upload-file-image"
-                    [src]="videoThumbnail"
-                    [alt]="config.file?.fileName"
-                />
-            } @else {
-                <div class="spinner">
-                    <app-ca-spinner
-                        [size]="'small'"
-                        [color]="'blueDark'"
-                    ></app-ca-spinner>
-                </div>
-            }
-        </div>
-
-        <!-- Tag Content -->
-        @if (
-            (config.hasTagsDropdown ||
-                config.customClassName === 'table-details' ||
-                config.customClassName === 'driver-card-pdf') &&
-            config.file?.tags &&
-            config.file?.tags !== '' &&
-            config.file?.tags !== 'No Tag'
-        ) {
-            <div
-                class="ta-upload-file-tag"
-                [ngClass]="{
-                    default: !config.file?.tagGeneratedByUser,
-                    tagRemoving: config.file?.tags.length === 0,
-                }"
-            >
-                <span>{{
-                    config.file?.tags || reviewFileConfig.categoryTag || ''
-                }}</span>
-            </div>
-        }
-    </div>
-
-    <!-- File Delete Template -->
-    @if (isFileDelete) {
-        <div
-            class="ta-upload-file-delete-template d-flex align-items-center flex-column {{
-                config.customClassName
-            }}"
-        >
-            <div class="ta-upload-file-delete-text">
-                Are you sure you want to delete file?
-            </div>
-            <div
-                class="ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-delete"
-                (click)="onAction(documentAction.DELETE)"
-            >
-                DELETE
-            </div>
-            <div
-                class="ta-upload-file-btn d-flex align-items-center justify-content-center ta-upload-file-btn-cancel"
-                (click)="onAction(documentAction.CANCEL)"
-            >
-                CANCEL
-            </div>
-        </div>
-    }
-
-    <!-- File Footer Information -->
-    @if (!reviewFileConfig.isFooterHidden) {
-        <div
-            class="ta-upload-file-footer"
-            [ngClass]="{ 'edit-mode': editFile }"
-            (click)="onEditFile()"
-        >
-            <!-- No edit mode -->
-            @if (!isFileDelete) {
-                <div class="footer_info d-flex align-items-center">
-                    <div
-                        class="ta-upload-file-ext ta-upload-file-ext-{{
-                            config.file?.extension
-                                ? (config.file?.realFile?.type
-                                  | mimeTypeToExtension
-                                  | lowercase)
-                                : ''
-                        }}"
-                        [ngClass]="{ 'no-tag': !config.file?.tags }"
-                    >
-                        <div>
-                            {{
-                                config.file?.realFile?.type
-                                    | mimeTypeToExtension
-                                    | uppercase
-                            }}
-                        </div>
-                    </div>
-                    <div class="document_info_hold d-flex">
-                        @if (numberOfFilePages) {
-                            <div class="pdf_page_size">
-                                {{ numberOfFilePages }}
-                            </div>
-                        }
-
-                        <div
-                            class="file_size"
-                            [ngClass]="{
-                                has_pages: numberOfFilePages,
-                            }"
-                        >
-                            {{ config.file?.size || 0 | byteConvert }}
-                        </div>
-                    </div>
-                </div>
-            }
-            @if (!editFile) {
-                <p
-                    class="ta-upload-file-name"
-                    [ngClass]="{
-                        details_title: config.type === 'details',
-                        todo_title: config.type === 'todo',
-                    }"
-                >
-                    {{ fileName }}
-                </p>
-            } @else {
-                <app-ca-input
-                    [formControl]="fileNewName"
-                    [inputConfig]="fileInputConfig"
-                    (blurInput)="onBlurInput($event)"
-                ></app-ca-input>
-            }
-        </div>
-    }
-</div>
-
-<ng-template #tagsPopover let-data="data">
-    <div class="tags_main_holder">
-        @if (config.file?.tags?.length) {
-            <div class="remove_tag_holder" (click)="removeTag()">
-                <div class="remove_tag">Remove Tag</div>
-            </div>
-            <div class="remove_tag_border_holder">
-                <div class="remove_tag_border"></div>
-            </div>
-        }
-        @for (
-            tag of config?.tagsOptions;
-            let i = $index,
-            first = $first,
-            last = $last;
-            track i
-        ) {
-            <div
-                class="tags_inner_holder d-flex align-items-center"
-                [ngClass]="{
-                    firstRow: first,
-                    lastRow: last,
-                }"
-                (click)="selectTag(tag?.tagName)"
-            >
-                <div class="tag_options_holder d-flex align-items-center">
-                    <div class="tag_name" [ngClass]="{ checked: tag.checked }">
-                        {{ tag.tagName }}
-                    </div>
-                    <div
-                        class="checked_icon"
-                        [ngClass]="{ shown: tag.checked }"
-                    >
-                        <svg-icon [src]="icons.confirm"></svg-icon>
-                    </div>
-                </div>
-            </div>
-        }
-    </div>
-</ng-template>