@ieeesa-npm/presentation 0.25.7 → 0.25.9

package/lib/components/chips/chips.component.d.ts

@@ -238,6 +238,13 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 allowedFileFormat: string;
                 browseFiles: string;
                 uploadProgress: string;
+                upload: string;
+                mb: string;
+                uploadFor: string;
+                uploadErrorMsg: string;
+                of: string;
+                filesUploaded: string;
+                fileAlreadyExists: string;
             };
             ariaLabel: {
                 fileUpload: string;
@@ -274,6 +281,9 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                     "2064": string;
                 };
             };
+            limit: {
+                maxFileUpload: number;
+            };
         };
         list: {
             defaultIndentation: number;

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
 import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { FormModel } from '../../models/form.model';
 import { FieldConfig } from '../../models/field-config.model';
@@ -14,6 +14,7 @@ import { SelectOpenedState } from '../../models/select-opened-state.model';
 import { RadioOption } from '../../models/radio-option.model';
 import { IconButton } from '../../models/icon-button.model';
 import { AutoCompleteOption } from '../../models/autocomplete-option.model';
+import { FileUploadStatus } from '@presentation/models/file-upload-status.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -22,8 +23,9 @@ import * as i0 from "@angular/core";
  * @implements {OnInit}
  * @implements {AfterContentInit}
  */
-export declare class DynamicFormComponent implements OnInit, AfterContentInit {
+export declare class DynamicFormComponent implements OnInit, AfterContentInit, AfterViewInit {
     private fb;
+    private elementRef;
     formFields: QueryList<DynamicFormFieldDirective>;
     private _formGroups;
     /**
@@ -46,6 +48,9 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     set searchResponse(value: any);
     get searchResponse(): any;
+    private _fileUploadStatus;
+    get fileUploadStatus(): FileUploadStatus;
+    set fileUploadStatus(value: FileUploadStatus);
     colWidth: FormGrid;
     isLegendVisible: boolean;
     rightButtonLabel: string;
@@ -53,6 +58,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     isSubmitButtonDisabled: boolean;
     isLeftButtonDisabled: boolean;
     isLeftButtonNeeded: boolean;
+    isRightButtonNeeded: boolean;
     actionButtonAlign: AlignType;
     alignmentType: typeof AlignType;
     formSubmit: EventEmitter<any>;
@@ -94,7 +100,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formGroupArray: FormGroup[];
     formControlArray: any[];
     legendsArray: string[];
-    constructor(fb: FormBuilder);
+    constructor(fb: FormBuilder, elementRef: ElementRef);
     /**
      * Implementation of ngOnInit lifecycle hook method to create form group
      * @memberof DynamicFormComponent
@@ -105,6 +111,11 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     ngAfterContentInit(): void;
+    /**
+     * Sets the focus to the first field.
+     * @memberof DynamicFormComponent
+     */
+    ngAfterViewInit(): void;
     /**
      * Creates form group on the basis of formGroups configuration input
      * @return {void}
@@ -315,5 +326,5 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     onCheckboxCTAButtonClick(event: IconButton): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "formMultiSelectAutoCompleteClearSearchValue": "formMultiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, ["[component]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "fileUploadStatus": { "alias": "fileUploadStatus"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "isRightButtonNeeded": { "alias": "isRightButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "formMultiSelectAutoCompleteClearSearchValue": "formMultiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, ["[component]"], true, never>;
 }

package/lib/components/file-upload/file-upload.component.d.ts

@@ -1,9 +1,12 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FormUtilityService } from '../../services/form-utility.service';
 import { FieldConfig } from '../../models/field-config.model';
 import { AllowedFileTypes } from '../../models/allowed-file-types.model';
 import { FileUploadService } from '../../services/file-upload.service';
+import { ViewFilesFormat } from '../../models/view-files-format.model';
+import { AlignType } from '../../models/align-type.model';
+import { FileUploadStatus } from '../../models/file-upload-status.model';
 import * as i0 from "@angular/core";
 /**
  * Provides functionality for uploading files to aws s3 bucket.
@@ -14,6 +17,7 @@ import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements OnInit {
     formUtilityService: FormUtilityService;
     fileUploadService: FileUploadService;
+    fileField: ElementRef;
     constants: {
         ariaLabel: {
             clear: string;
@@ -229,6 +233,13 @@ export declare class FileUploadComponent implements OnInit {
                 allowedFileFormat: string;
                 browseFiles: string;
                 uploadProgress: string;
+                upload: string;
+                mb: string;
+                uploadFor: string;
+                uploadErrorMsg: string;
+                of: string;
+                filesUploaded: string;
+                fileAlreadyExists: string;
             };
             ariaLabel: {
                 fileUpload: string;
@@ -265,6 +276,9 @@ export declare class FileUploadComponent implements OnInit {
                     "2064": string;
                 };
             };
+            limit: {
+                maxFileUpload: number;
+            };
         };
         list: {
             defaultIndentation: number;
@@ -289,6 +303,13 @@ export declare class FileUploadComponent implements OnInit {
         allowedFileFormat: string;
         browseFiles: string;
         uploadProgress: string;
+        upload: string;
+        mb: string;
+        uploadFor: string;
+        uploadErrorMsg: string;
+        of: string;
+        filesUploaded: string;
+        fileAlreadyExists: string;
     };
     fileUploadAriaLabel: {
         fileUpload: string;
@@ -318,11 +339,15 @@ export declare class FileUploadComponent implements OnInit {
     group: FormGroup;
     isValidFileType: boolean;
     isValidFileSize: boolean;
+    isValidMaxFileUploadLimit: boolean;
     selectedFiles: FileList | File | any;
     selectedFileNames: string;
     isFormField: boolean;
     totalSize: number;
     uploadedFiles: FileList | File | any;
+    actionButtonAlign: AlignType;
+    alignmentType: typeof AlignType;
+    isUploadButtonDisabled: boolean;
     formControlName: string;
     isFileSelected: boolean;
     supportMessage: string;
@@ -330,8 +355,17 @@ export declare class FileUploadComponent implements OnInit {
     isMultiFileUpload: boolean;
     isUploadInProgress: boolean;
     fileUploadHeading: string;
+    isAllowAnyFileType: boolean;
+    viewFilesFormat: ViewFilesFormat;
+    isUploadButtonNeeded: boolean;
     maxUploadFileSize: number;
     private uploadedSizeValue;
+    fileUploadErrorPosition: string;
+    maxFilesUploadLimit: number;
+    maxFilesUploadLimitErrorMessage: string;
+    private _fileUploadStatus;
+    get fileUploadStatus(): FileUploadStatus;
+    set fileUploadStatus(value: FileUploadStatus);
     get uploadedSize(): number;
     set uploadedSize(value: number);
     uploadSelectedFiles: EventEmitter<File | FileList>;
@@ -348,7 +382,7 @@ export declare class FileUploadComponent implements OnInit {
      */
     getAllowedFileFormatSizeMessage(): void;
     /**
-     * Handles the selected of file(s) and emits FileUpload event emitter for uploading the file(s).
+     * Handles the selected file(s) and emits FileUpload event emitter for uploading the file(s).
      * @param {(File | FileList)} file
      * @memberof FileUploadComponent
      */
@@ -393,6 +427,29 @@ export declare class FileUploadComponent implements OnInit {
      * @memberof FileUploadComponent
      */
     trackByFn(index: number): number | string;
+    /**
+     * Triggers on browse element clicked
+     * @memberof FileUploadComponent
+     */
+    fileClick(): void;
+    /**
+     * Display comma separated failed file names
+     * @param {string[]} filesNamesUploadFailed
+     * @return {*}  {string}
+     * @memberof FileUploadComponent
+     */
+    displayFileNames(fileNames: string[]): string;
+    /**
+     * Removes file from respective properties used.
+     * @param {number} index
+     * @memberof FileUploadComponent
+     */
+    removeFile(index: number): void;
+    /**
+     * Disabled file upload button
+     * @memberof FileUploadComponent
+     */
+    disableUploadButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ieeesa-file-upload", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "isFileSelected": { "alias": "isFileSelected"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; "isUploadInProgress": { "alias": "isUploadInProgress"; "required": false; }; "fileUploadHeading": { "alias": "fileUploadHeading"; "required": false; }; "maxUploadFileSize": { "alias": "maxUploadFileSize"; "required": false; }; "uploadedSize": { "alias": "uploadedSize"; "required": false; }; }, { "uploadSelectedFiles": "uploadSelectedFiles"; "downloadSelectedFile": "downloadSelectedFile"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ieeesa-file-upload", never, { "maxFileSizeErrorMessage": { "alias": "maxFileSizeErrorMessage"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "isFileSelected": { "alias": "isFileSelected"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "isMultiFileUpload": { "alias": "isMultiFileUpload"; "required": false; }; "isUploadInProgress": { "alias": "isUploadInProgress"; "required": false; }; "fileUploadHeading": { "alias": "fileUploadHeading"; "required": false; }; "isAllowAnyFileType": { "alias": "isAllowAnyFileType"; "required": false; }; "viewFilesFormat": { "alias": "viewFilesFormat"; "required": false; }; "isUploadButtonNeeded": { "alias": "isUploadButtonNeeded"; "required": false; }; "maxUploadFileSize": { "alias": "maxUploadFileSize"; "required": false; }; "fileUploadErrorPosition": { "alias": "fileUploadErrorPosition"; "required": false; }; "maxFilesUploadLimit": { "alias": "maxFilesUploadLimit"; "required": false; }; "maxFilesUploadLimitErrorMessage": { "alias": "maxFilesUploadLimitErrorMessage"; "required": false; }; "fileUploadStatus": { "alias": "fileUploadStatus"; "required": false; }; "uploadedSize": { "alias": "uploadedSize"; "required": false; }; }, { "uploadSelectedFiles": "uploadSelectedFiles"; "downloadSelectedFile": "downloadSelectedFile"; }, never, never, true, never>;
 }

package/lib/components/tabs/tabs.component.d.ts

@@ -6,6 +6,7 @@ import { ConfirmationModalData } from '../../models/confirmation-modal-data.mode
 import { Subject } from 'rxjs';
 import { FormGroup } from '@angular/forms';
 import { EventsAndMeetingRouteConfig, UserPermission } from '@ieeesa-npm/shared';
+import { DynamicProperties } from '@presentation/models/dynamic-properties.model';
 import * as i0 from "@angular/core";
 export declare class TabsComponent implements OnInit, OnDestroy {
     dialog: MatDialog;
@@ -28,12 +29,14 @@ export declare class TabsComponent implements OnInit, OnDestroy {
     constants: any;
     modalConfigTexts: any;
     isViewOnly: string | boolean;
+    isMemberOfGroup: string | boolean;
     eventId: string;
     meetingId: string;
     actionType: any;
     routePaths: EventsAndMeetingRouteConfig;
     apiBaseURL: string;
     userPermissions: UserPermission[];
+    dynamicProperties: DynamicProperties[];
     constructor(dialog: MatDialog);
     /**
      * Verifies tabs count and calls createComponent() to load selected component.
@@ -59,6 +62,12 @@ export declare class TabsComponent implements OnInit, OnDestroy {
      * @memberof TabsComponent
      */
     createComponent(tab: Tab): void;
+    /**
+     * Sets dynamic input property which is being sent by the consumer component and its value is not undefined for the component loaded by the tab component.
+     * @param {[]} properties
+     * @memberof TabsComponent
+     */
+    setDynamicComponentProperty(properties: []): void;
     /**
      * Returns unique identifier for the tab.
      * @param {number} index
@@ -73,5 +82,5 @@ export declare class TabsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "isMemberOfGroup": { "alias": "isMemberOfGroup"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
 }

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -12,6 +12,7 @@ import { SelectOpenedState } from '../../models/select-opened-state.model';
 import { RadioOption } from '../../models/radio-option.model';
 import { IconButton } from '../../models/icon-button.model';
 import { AutoCompleteOption } from '../../models/autocomplete-option.model';
+import { FileUploadStatus } from '@presentation/models/file-upload-status.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -38,6 +39,9 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     set group(value: FormGroup);
     get group(): FormGroup;
+    private _fileUploadStatus;
+    get fileUploadStatus(): FileUploadStatus;
+    set fileUploadStatus(value: FileUploadStatus);
     private _submitResponse;
     /**
      * Sets the submit response of form submit event
@@ -99,5 +103,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "multiSelectAutoCompleteClearSearchValue": "multiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "fileUploadStatus": { "alias": "fileUploadStatus"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "multiSelectAutoCompleteClearSearchValue": "multiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, never, true, never>;
 }

package/lib/models/delete-file.model.d.ts

@@ -0,0 +1,10 @@
+export interface DeleteFilePayload {
+    [key: string]: any;
+}
+export interface DeleteFileResponse {
+    status: boolean;
+    message: string;
+    body: {
+        message: string;
+    };
+}

package/lib/models/dynamic-properties.model.d.ts

@@ -0,0 +1,10 @@
+export declare enum DynamicProperties {
+    EVENT_ID = "eventId",
+    MEETING_ID = "meetingId",
+    ROUTE_PATHS = "routePaths",
+    API_BASE_URL = "apiBaseURL",
+    USER_PERMISSIONS = "userPermissions",
+    ACTION_TYPE = "actionType",
+    IS_VIEW_ONLY = "isViewOnly",
+    IS_MEMBER_OF_GROUP = "isMemberOfGroup"
+}

package/lib/models/field-config.model.d.ts

@@ -10,6 +10,8 @@ import { SlideToggleOption } from './slide-toggle-options.model';
 import { ColorFormat, ColorsAnimation } from './color-format.model';
 import { AllowedFileTypes } from './allowed-file-types.model';
 import { EditorConfig } from 'ngx-simple-text-editor';
+import { ViewFilesFormat } from './view-files-format.model';
+import { AlignType } from './align-type.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;
@@ -84,4 +86,11 @@ export interface FieldConfig {
     canHideTextInput?: boolean;
     multiSelectAutoCompleteOptions?: AutoCompleteOption[];
     editorConfig?: EditorConfig;
+    isAllowAnyFileType?: boolean;
+    viewFilesFormat?: ViewFilesFormat;
+    isUploadButtonNeeded?: boolean;
+    actionButtonAlign?: AlignType;
+    fileUploadErrorPosition?: string;
+    maxFilesUploadLimit?: number;
+    maxFilesUploadLimitErrorMessage?: string;
 }

package/lib/models/file-attachment.model.d.ts

@@ -0,0 +1,9 @@
+export interface FileAttachment {
+    agendaItemId: string;
+    agendaId: string;
+    s3FilePath: string;
+    fileName: string;
+}
+export interface FileAttachmentPayload {
+    payload: FileAttachment[];
+}

package/lib/models/file-upload-payload-model.d.ts

@@ -0,0 +1,3 @@
+export interface FileUploadPayload {
+    [key: string]: any;
+}

package/lib/models/file-upload-response.model.d.ts

@@ -0,0 +1,11 @@
+export interface FileUploadBodyResponse {
+    fileName: string;
+    preSignedUrl: string;
+    s3Path: string;
+    errorMessage?: string | null;
+}
+export interface FileUploadResponse {
+    status: boolean;
+    body: FileUploadBodyResponse[];
+    message: string;
+}

package/lib/models/file-upload-status.model.d.ts

@@ -0,0 +1,6 @@
+export interface FileUploadStatus {
+    filesUploadedSuccessfullyCount: number;
+    filesNamesUploadFailed: string[];
+    alreadyExistsFiles: string[];
+    isUploadingStart: boolean;
+}

package/lib/models/tab.model.d.ts

@@ -2,4 +2,5 @@ export interface Tab {
     id: number | string;
     label: string;
     componentRef: any;
+    disabled?: boolean;
 }

package/lib/models/view-files-format.model.d.ts

@@ -0,0 +1,4 @@
+export declare enum ViewFilesFormat {
+    DEFAULT = "default",
+    BOTTOM = "bottom"
+}

package/lib/services/file-upload.service.d.ts

@@ -3,6 +3,9 @@ import { OnDestroy } from '@angular/core';
 import { AlertsService, HttpService, LoaderNotificationService } from '@ieeesa-npm/utility';
 import { FileUploadPresignedUrl } from '../models/file-upload-presigned-url-res.model';
 import { Observable, Subject } from 'rxjs';
+import { FileUploadPayload } from '../models/file-upload-payload-model';
+import { FileUploadBodyResponse, FileUploadResponse } from '../models/file-upload-response.model';
+import { DeleteFileResponse } from '../models/delete-file.model';
 import * as i0 from "@angular/core";
 /**
  * This service interacts with the server to obtain pre-signed URLs for file upload and uploads files to Amazon S3.
@@ -192,12 +195,7 @@ export declare class FileUploadService implements OnDestroy {
             ariaLabel: {
                 spinner: string;
             };
-        }; /**
-         * Retrieves presigned URL for downloading files to Amazon S3 bucket.
-         * @param {(File | FileList)} file
-         * @return {Observable<string>}
-         * @memberof FileUploadService
-         */
+        };
         defaultWelcomeBgColor: string;
         timePicker: {
             defaultTimeFormat: number;
@@ -233,6 +231,13 @@ export declare class FileUploadService implements OnDestroy {
                 allowedFileFormat: string;
                 browseFiles: string;
                 uploadProgress: string;
+                upload: string;
+                mb: string;
+                uploadFor: string;
+                uploadErrorMsg: string;
+                of: string;
+                filesUploaded: string;
+                fileAlreadyExists: string;
             };
             ariaLabel: {
                 fileUpload: string;
@@ -269,6 +274,9 @@ export declare class FileUploadService implements OnDestroy {
                     "2064": string;
                 };
             };
+            limit: {
+                maxFileUpload: number;
+            };
         };
         list: {
             defaultIndentation: number;
@@ -290,6 +298,9 @@ export declare class FileUploadService implements OnDestroy {
     fileByteArray: Uint8Array | undefined;
     httpClient: HttpClient;
     isFileUploading: boolean;
+    filesNamesUploadFailed: string[];
+    filesUploadedSuccessfullyCount: number;
+    uploadedFileName: string;
     constructor(httpService: HttpService, handler: HttpBackend, alertService: AlertsService, loaderNotificationService: LoaderNotificationService);
     /**
      * Sets the base URL for API requests.
@@ -305,13 +316,30 @@ export declare class FileUploadService implements OnDestroy {
      */
     getFileUploadPresignedUrl(file: File | FileList, appId: string): Observable<FileUploadPresignedUrl>;
     /**
-     * Uploads file to AWS S3 using a presigned URL.
-     * @param {string} presignedUrl
-     * @param {(File | FileList)} file
+     * Gets pre-signed URL for the files to be uploaded in S3 bucket
+     * @param fileUploadPayload
+     * @param fileUploadAPIPath
+     */
+    getPreSignedURL(fileUploadPayload: FileUploadPayload, fileUploadAPIPath?: string): Observable<FileUploadResponse>;
+    /**
+     * Uploads file to AWS S3 using a pre-signed URL.
+     * @param {string} preSignedUrl
+     * @param files
+     * @param isMultipleFileUpload
      * @return {Observable<any>} -Returns an observable that emits the response after uploading the file to S3.
      * @memberof FileUploadService
      */
-    uploadFileToS3(presignedUrl: string, file: File | FileList): Observable<any>;
+    uploadFileToS3(preSignedUrl: FileUploadBodyResponse[] | string, files: File | FileList, isMultipleFileUpload?: boolean): Observable<any>;
+    /**
+     * Makes http call to AWS to upload file in S3 bucket
+     * @param {string} preSignedUrl
+     * @param {File} file
+     * @param {string} fileType
+     * @param {number} fileSize
+     * @return {*}  {Observable<any>}
+     * @memberof FileUploadService
+     */
+    httpCallToAWS(preSignedUrl: string, file: File, fileType: string, fileSize: number): Observable<any>;
     /**
      * Gets file upload progress.
      * @param {*} message
@@ -325,7 +353,7 @@ export declare class FileUploadService implements OnDestroy {
      * @return {*}
      * @memberof FileUploadService
      */
-    getEventMessage(event: HttpEvent<any>, file: File | FileList): string | true;
+    getEventMessage(event: HttpEvent<any>, file: File): string | boolean;
     /**
      * Converts file to byte array.
      * @param {File} file
@@ -388,6 +416,13 @@ export declare class FileUploadService implements OnDestroy {
      * @memberof FileUploadService
      */
     private getFileExtension;
+    /**
+     * Deletes file by given fileId
+     * @param {string} fileId
+     * @return {*}  {Observable<DeleteFileResponse>}
+     * @memberof FileUploadService
+     */
+    deleteFile(deleteFileApiPath: string): Observable<DeleteFileResponse>;
     /**
      * Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
      * @memberof FileUploadService

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.25.7",
+  "version": "0.25.9",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/public-api.d.ts

@@ -51,8 +51,11 @@ export * from './lib/models/calendar.model';
 export * from './lib/models/checkbox-option.model';
 export * from './lib/models/confirmation-modal-data.model';
 export * from './lib/models/date-picker.model';
+export * from './lib/models/delete-file.model';
+export * from './lib/models/dynamic-properties.model';
 export * from './lib/models/event-emit-type.model';
 export * from './lib/models/field-config.model';
+export * from './lib/models/file-attachment.model';
 export * from './lib/models/footer-config.model';
 export * from './lib/models/form-control-types.model';
 export * from './lib/models/form-field.model';
@@ -79,6 +82,8 @@ export * from './lib/models/table-actions.model';
 export * from './lib/models/table-schema.model';
 export * from './lib/models/breadcrumb.model';
 export * from './lib/models/tile.model';
+export * from './lib/models/file-upload-response.model';
+export * from './lib/models/file-upload-status.model';
 export * from './lib/models/filters-options.model';
 export * from './lib/models/profile-menu.model';
 export * from './lib/models/slide-toggle-options.model';
@@ -87,10 +92,13 @@ export * from './lib/models/card-button.model';
 export * from './lib/models/card-info.model';
 export * from './lib/models/color-format.model';
 export * from './lib/models/allowed-file-types.model';
+export * from './lib/models/file-upload-payload-model';
 export * from './lib/models/file-upload-presigned-url-res.model';
+export * from './lib/models/file-upload-response.model';
 export * from './lib/models/accordion-info.model';
 export * from './lib/models/inactive-tenant.model';
 export * from './lib/models/table-column-menu-info.model';
+export * from './lib/models/view-files-format.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/services/file-upload.service';

package/src/lib/assets/constants.json

@@ -548,7 +548,14 @@
       "allowedFileSize2": "mb only;",
       "allowedFileFormat": "Allowed file format(s): ",
       "browseFiles": "Browse Files",
-      "uploadProgress": "Uploading... please wait"
+      "uploadProgress": "Uploading... please wait",
+      "upload": "Upload",
+      "mb": "MB",
+      "uploadFor": "Upload for",
+      "uploadErrorMsg": "could not be completed. Please try again",
+      "of": "of",
+      "filesUploaded": "files Uploaded",
+      "fileAlreadyExists": "already exists"
     },
     "ariaLabel": {
       "fileUpload": "Drag and Drop your files here or Click 'Browse Files'.",
@@ -586,6 +593,9 @@
         "2063": "File Name is required.",
         "2064": "Application Id or Domain is required."
       }
+    },
+    "limit": {
+      "maxFileUpload": 5
     }
   },
   "list": {