{"version":3,"sources":["webpack:///../WCC.UI/App/components/controls/uploaders/qualzyUploaderBase.html?dee7","webpack:///../WCC.UI/App/components/controls/uploaders/qualzyUploaderBase.scss?3bbd","webpack:///../WCC.UI/App/components/controls/uploaders/qualzyUploaderBase.ts","webpack:///../WCC.UI/App/logsContainer.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/controls/uploaders/qualzyUploaderBase.scss","webpack:///../WCC.UI/App/components/controls/uploaders/qualzyUploaderBase.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","QualzyUploaderModes","QualzyUploaderBase","constructor","config","userLogsService","_uploaderMode","ko","observable","FilePicker","isInFilePickerMode","pureComputed","this","isInVideoRecorderMode","VideoRecorder","isInAudioRecorderMode","AudioRecorder","isInScreenRecorderMode","ScreenRecorder","isInScreenAndVideoRecorderMode","ScreenAndVideoRecorder","isInRecordingMode","_uploads","observableArray","uploads","hasUploads","length","canUpload","some","f","FileUploadStatus","Initialized","Cancelled","includes","status","isScreenRecord","screenRecordingIsAllowed","screenAndVideoRecordingIsAllowed","onClickRecordAction","undefined","videoRecorderConfig","audioRecorderConfig","screenRecorderConfig","screenAndVideoRecorderConfig","_config","_userLogsService","StaticStrings","pickFilesAllowed","AllowPickFiles","dialogTitleRecordUpload","isMobile","DialogTitleUploadRecording","DialogTitleUploadOnly","DialogTitleRecordUploadScreen","DialogTitleRecordUpload","DialogTitleRecordScreenOnly","DialogTitleRecordOnly","dialogSubTitleRecordUpload","DialogSubTitleUploadRecording","DialogSubTitleUploadOnly","DialogSubTitleRecordScreen","DialogSubTitleRecordUpload","DialogSubTitleRecordOnly","microphoneAllowed","AllowMicrophone","videoRecordingIsAllowed","AllowVideoRecording","audioRecordingIsAllowed","AllowAudioRecording","AllowScreenRecording","AllowScreenAndVideoRecording","canRecord","allowCameraCapture","hasSingleAction","recordVideo","recordAudio","recordScreen","recordScreenAndVideo","allowMultipleFiles","AllowMultipleFiles","maxSizeInMbAllowedStr","AllowedMaxSizeInBytes","FilesHelpers","getSizeStr","extensionsAllowedStr","getAllowedFileExtensionsStr","system","isMobileDevice","PermissionNotGranted","StartRecording","StopRecording","Events","OnRecordingStopped","data","mimeTypeData","logs","upload","createUpload","File","NewRecordedVideoName","replace","FileExtension","LogsContainer","validate","push","autoUploadOnSingleFile","ReadyToRecord","Recording","NewRecordedAudioName","MicrophoneAllowed","BottomLeft","BottomMiddle","BottomRight","CenterLeft","CenterMiddle","CenterRight","PipLarge","PipMedium","PipSmall","ScreenRecordingPermissionNotGranted","TopLeft","TopMiddle","TopRight","VideoRecordingPermissionNotGranted","dispose","setTimeout","incompleteUploads","filter","u","Uploaded","Failed","forEach","cancelUpload","resetMode","resetUploads","removeAll","pickerFiles","Array","pickFiles","AllowedFileExtensions","file","pickFile","addEntry","name","size","isValid","uploadTasks","map","Promise","all","e","console","log","delete","remove","totalSize","changeStatus","ExceedsMaxSize","getFileExtension","toLowerCase","MismatchExtension","changeTextStatus","FileIsReadyToBeUploaded","__decorate","autobind","injectable","logEntries","logEntry","getDotnetCompatibleUTCDate","settings","uploaderLogsDelimiter","getAllLogs","GetAllCombinedLogs","delimiter","join","logsCount","clearLogs","clearLogsFrom","index","splice","SystemHelpers","html","getTemplatesAndResources","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___"],"mappings":"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","file":"61.1a25130288ba1d0514fc.js","sourcesContent":["define([\n        \"!!../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./qualzyUploaderBase.html\", \n        \"!../../../webpack/runtime/htmlExposer.js\"], function (content, expose) {\n            content = content.__esModule ? content.default : content;\n            expose(content);\n            return content;\n        });","var api = require(\"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./qualzyUploaderBase.scss\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","import {\r\n    UploadOperationBase,\r\n    UploadOperationConfig,\r\n    UploadOperationEvents,\r\n    UploadOperationResult, UploadOperationStrings\r\n} from \"./operations/uploadOperationBase\";\r\nimport {ObservableArray, PureComputed, Subscribable} from \"knockout\";\r\nimport {FileUploadStatus} from \"./models/fileToUpload\";\r\nimport {FilesHelpers} from \"../../../helpers/files\";\r\nimport {injectable} from \"inversify\";\r\nimport autobind from \"../../../decorators/autobind\";\r\nimport {QualzyVideoRecorderConfig} from \"../recorders/qualzyVideoRecorder/component\";\r\nimport {QualzyScreenRecorderConfig} from \"../recorders/qualzyScreenRecorder/component\";\r\nimport {QualzyScreenVideoRecorderConfig} from \"../recorders/qualzyScreenVideoRecorder/component\";\r\nimport {QualzyAudioRecorderConfig} from \"../recorders/qualzyAudioRecorder/component\";\r\nimport {ILogsContainer, LogsContainer} from \"../../../logsContainer\";\r\nimport { UserLogsService } from \"../../../services/userLogs\";\r\n\r\n/**\r\n * An uploader can upload files in multiple ways and so, this enum defines those modes\r\n */\r\nenum QualzyUploaderModes {\r\n    /**\r\n     * Use file picker to pick file(s) and pass it/them to the uploader for uploading\r\n     */\r\n    FilePicker,\r\n\r\n    /**\r\n     * Use the video recorder component to record video through the webcam and pass it to the uploader for uploading\r\n     */\r\n    VideoRecorder,\r\n\r\n    /**\r\n     * Use the audio recorder component to record audio through the system's microphone and pass it to the uploader for uploading\r\n     */\r\n    AudioRecorder,\r\n\r\n    /**\r\n     * Use the screen recorder component to record the screen and pass it to the uploader for uploading\r\n     */\r\n    ScreenRecorder,\r\n\r\n    /**\r\n     * Use the screen and video recorder component to record the screen and video at the same time and pass the recording to the uploader for uploading\r\n     */\r\n    ScreenAndVideoRecorder\r\n}\r\n\r\n/**\r\n * This is the base of every uploader\r\n * An uploader is basically a wrapper around multiple upload operations or upload files.\r\n * Its job is to perform validations and create upload operations \r\n * It is initialised with 3 generic parameters:\r\n * 1. Result R - The type of result which may differ from uploader to uploader. For example - S3Uploader may return additional data in the result class, while EndpointUploader may return\r\n * just the url of the uploaded file.\r\n * 2. Strings S - The static strings class for localised labels/messages - It has some base string resource strings + upload operation specific strings\r\n * 3. Config C - The type of configuration which may differ from uploader to uploader. For example - S3Uploader may have different configuration parameters (like bucket, region etc.),\r\n * while EndpointUploader may have completely different configuration parameters.\r\n * 4. Upload Operation U - The type of uploader which must be built with <R, S, E, C> as its generic arguments. This is the actual upload operation per file.\r\n */\r\n@injectable()\r\nexport default abstract class QualzyUploaderBase<\r\n    R extends UploadOperationResult, \r\n    S extends UploadOperationStrings,\r\n    E extends UploadOperationEvents<R>, \r\n    C extends UploadOperationConfig<R, S, E>,\r\n    U extends UploadOperationBase<R, S, E, C>> {\r\n\r\n    /**\r\n     * The current mode the uploader is in. This is mainly used to switch UI.\r\n     * @private\r\n     */\r\n    private readonly _uploaderMode = ko.observable(QualzyUploaderModes.FilePicker);\r\n\r\n    /**\r\n     * True if the uploader is set to \"pick files\" mode\r\n     * @private\r\n     */\r\n    private isInFilePickerMode = ko.pureComputed(() => this._uploaderMode() == QualzyUploaderModes.FilePicker);\r\n\r\n    /**\r\n     * True if the uploader is set to \"video recording\" mode\r\n     * @private\r\n     */\r\n    private isInVideoRecorderMode = ko.pureComputed(() => this._uploaderMode() == QualzyUploaderModes.VideoRecorder);\r\n\r\n    /**\r\n     * True if the uploader is set to \"Audio recording\" mode\r\n     * @private\r\n     */\r\n    private isInAudioRecorderMode = ko.pureComputed(() => this._uploaderMode() == QualzyUploaderModes.AudioRecorder);\r\n\r\n    /**\r\n     * True if the uploader is set to \"screen recording\" mode\r\n     * @private\r\n     */\r\n    private isInScreenRecorderMode = ko.pureComputed(() => this._uploaderMode() == QualzyUploaderModes.ScreenRecorder);\r\n\r\n    /**\r\n     * True if the uploader is set to \"screen and video recording\" mode\r\n     * @private\r\n     */\r\n    private isInScreenAndVideoRecorderMode = ko.pureComputed(() => this._uploaderMode() == QualzyUploaderModes.ScreenAndVideoRecorder);\r\n\r\n    /**\r\n     * True if the uploader is in recording mode (video, audio, screen or screen and video recording mode)\r\n     */\r\n    private isInRecordingMode = ko.pureComputed(() => this.isInVideoRecorderMode() || this.isInAudioRecorderMode() || this.isInScreenRecorderMode() || this.isInScreenAndVideoRecorderMode());\r\n\r\n    /**\r\n     * The configuration for the uploader\r\n     * @protected\r\n     */\r\n    protected readonly _config: C;\r\n    \r\n    /**\r\n     * The user logs service to send logs to the server\r\n     * @protected\r\n     */\r\n    protected readonly _userLogsService: UserLogsService;\r\n    \r\n    /**\r\n     * The string representing the maximum allowed size (in MBs)\r\n     */\r\n    public readonly maxSizeInMbAllowedStr: string;\r\n\r\n    /**\r\n     * The string representing the allowed file extensions\r\n     */\r\n    public readonly extensionsAllowedStr: string;\r\n    \r\n    /**\r\n     * List of file upload operations\r\n     * @private This is private because this is changed internally\r\n     */\r\n    private readonly _uploads: ObservableArray<U> = ko.observableArray<U>([]);\r\n\r\n    /**\r\n     * Returns the list of file upload operations\r\n     */\r\n    uploads = ko.pureComputed(() => this._uploads());\r\n\r\n    /**\r\n     * Return true if the uploader has any upload operations in the list\r\n     */\r\n    hasUploads = ko.pureComputed(() => this._uploads().length > 0);\r\n\r\n    /**\r\n     * Return true if the uploader is allow to handle multiple files\r\n     */\r\n    allowMultipleFiles: boolean;\r\n\r\n    /**\r\n     * Returns true if the uploader can upload files\r\n     * This is true if the uploader has any pending upload operations queued which are either in the 'Initialized' (Ready to upload) or 'Cancelled' (Ready to retry) state\r\n     * \r\n     */\r\n    canUpload: PureComputed<boolean> = ko.pureComputed(() => this._uploads().some(f => [FileUploadStatus.Initialized, FileUploadStatus.Cancelled].includes(f.status())));\r\n\r\n    isScreenRecord = ko.pureComputed(() => this.screenRecordingIsAllowed || this.screenAndVideoRecordingIsAllowed);\r\n\r\n    /**\r\n     * True if video recording from webcam is allowed; False otherwise\r\n     */\r\n    public readonly videoRecordingIsAllowed: boolean;\r\n\r\n    /**\r\n     * True if audio recording is allowed; False otherwise\r\n     */\r\n    public readonly audioRecordingIsAllowed: boolean;\r\n\r\n    /**\r\n     * True if screen recording is allowed; False otherwise\r\n     */\r\n    public readonly screenRecordingIsAllowed: boolean;\r\n\r\n    /**\r\n     * True if combined screen and video recording is allowed; False otherwise\r\n     */\r\n    public readonly screenAndVideoRecordingIsAllowed: boolean;\r\n\r\n    /**\r\n     * True if the uploader can record (video, audio, screen or screen and video); False otherwise\r\n     */\r\n    canRecord: PureComputed<boolean>;\r\n\r\n    /*\r\n     * True if the uploader has multiple actions (like video recorder, audio recorder, screen recorder etc.); False otherwise\r\n    */\r\n    public readonly hasSingleAction: PureComputed<boolean>;\r\n\r\n    /**\r\n     * The action to be performed when only one action available and the user clicks on the record button\r\n     */\r\n    public readonly onClickRecordAction?: Action = undefined;\r\n\r\n    /**\r\n     * True if video recording is allowed OR screen recording is allowed\r\n     */\r\n    public readonly allowCameraCapture: boolean;\r\n\r\n    /**\r\n     * True if pick file is turned on for activity settings\r\n     */\r\n    public readonly pickFilesAllowed: boolean;\r\n\r\n    /**\r\n     * Dynamic title for record/upload (as upload can be turned off)\r\n     */\r\n    dialogTitleRecordUpload: PureComputed<string>;\r\n\r\n    /**\r\n     * Dynamic sub-title for record/upload (as upload can be turned off)\r\n     */\r\n    dialogSubTitleRecordUpload: PureComputed<string>;\r\n\r\n    /**\r\n     * True if microphone turned on for activity settings\r\n     */\r\n    public readonly microphoneAllowed: boolean;\r\n\r\n    /**\r\n     * The configuration object for video recorder\r\n     */\r\n    public readonly videoRecorderConfig: QualzyVideoRecorderConfig | null = null;\r\n\r\n    /**\r\n     * The configuration object for audio recorder\r\n     */\r\n    public readonly audioRecorderConfig: QualzyAudioRecorderConfig | null = null;\r\n    \r\n    /**\r\n     * The configuration object for screen recorder\r\n     */\r\n    public readonly screenRecorderConfig: QualzyScreenRecorderConfig | null = null;\r\n\r\n    /**\r\n     * The configuration object for the combined screen and video recorder\r\n     */\r\n    public readonly screenAndVideoRecorderConfig: QualzyScreenVideoRecorderConfig | null = null;\r\n\r\n    /**\r\n     * True if browser detects mobile device\r\n     */\r\n    isMobile: Subscribable<boolean>;\r\n\r\n    /**\r\n     * Any labels/static texts associated with the component\r\n     * This is useful when we want to localize labels\r\n     */\r\n    public readonly StaticStrings: UploadOperationStrings\r\n    \r\n    /**\r\n     * It is overridden in the subclasses, and it basically creates the right type of upload operation\r\n     * This is quite important since it is used to initialise the operation after a file is picked by the picker\r\n     * @param file The file picked by the picker\r\n     * @param logs The logs container\r\n     */\r\n    protected abstract createUpload(file: File, logs: ILogsContainer): U;\r\n\r\n    /**\r\n     * Initialises the uploader with the right config\r\n     * @param config The config for the uploader\r\n     * @param userLogsService The user logs service to send logs to the server\r\n     */\r\n    constructor(config: C, userLogsService: UserLogsService) {\r\n        this._config = config;\r\n        this._userLogsService = userLogsService;\r\n\r\n        this.StaticStrings = config.StaticStrings;\r\n\r\n        this.pickFilesAllowed = this._config.AllowPickFiles;\r\n\r\n        this.dialogTitleRecordUpload = ko.pureComputed(() => {\r\n            if (this.isMobile()) {\r\n                return this.isScreenRecord() ? this.StaticStrings.DialogTitleUploadRecording : this.StaticStrings.DialogTitleUploadOnly;\r\n            }\r\n            else if (this.pickFilesAllowed) {\r\n                return this.isScreenRecord() ? this.StaticStrings.DialogTitleRecordUploadScreen : this.StaticStrings.DialogTitleRecordUpload;\r\n            }\r\n            else {\r\n                return this.isScreenRecord() ? this.StaticStrings.DialogTitleRecordScreenOnly : this.StaticStrings.DialogTitleRecordOnly;\r\n            }\r\n        });\r\n\r\n        this.dialogSubTitleRecordUpload = ko.pureComputed(() => {\r\n            if (this.isMobile()) {\r\n                return this.isScreenRecord() ? this.StaticStrings.DialogSubTitleUploadRecording : this.StaticStrings.DialogSubTitleUploadOnly;\r\n            }\r\n            else if (this.pickFilesAllowed) {\r\n                return this.isScreenRecord() ? this.StaticStrings.DialogSubTitleRecordScreen : this.StaticStrings.DialogSubTitleRecordUpload;\r\n            }\r\n            else {\r\n                return this.isScreenRecord() ? this.StaticStrings.DialogSubTitleRecordScreen : this.StaticStrings.DialogSubTitleRecordOnly;\r\n            }\r\n        });\r\n\r\n        this.microphoneAllowed = this._config.AllowMicrophone;\r\n\r\n        this.videoRecordingIsAllowed = this._config.AllowVideoRecording;\r\n        this.audioRecordingIsAllowed = this._config.AllowAudioRecording;\r\n        this.screenRecordingIsAllowed = this._config.AllowScreenRecording;\r\n        this.screenAndVideoRecordingIsAllowed = this._config.AllowScreenAndVideoRecording\r\n\r\n        this.canRecord = ko.pureComputed(() => this.videoRecordingIsAllowed || this.audioRecordingIsAllowed || this.screenRecordingIsAllowed || this.screenAndVideoRecordingIsAllowed);\r\n\r\n        this.allowCameraCapture = this.videoRecordingIsAllowed || this.screenAndVideoRecordingIsAllowed;\r\n        \r\n        this.hasSingleAction = ko.pureComputed(() => {\r\n            let numActions = (+this.videoRecordingIsAllowed) +\r\n                (+this.audioRecordingIsAllowed) +\r\n                (+this.screenRecordingIsAllowed) +\r\n                (+this.screenAndVideoRecordingIsAllowed);\r\n            \r\n            return numActions == 1;\r\n        });\r\n\r\n        if (this.hasSingleAction()) {\r\n            if (this.videoRecordingIsAllowed)\r\n                this.onClickRecordAction = this.recordVideo;\r\n            if (this.audioRecordingIsAllowed)\r\n                this.onClickRecordAction = this.recordAudio;\r\n            if (this.screenRecordingIsAllowed)\r\n                this.onClickRecordAction = this.recordScreen;\r\n            if (this.screenAndVideoRecordingIsAllowed)\r\n                this.onClickRecordAction = this.recordScreenAndVideo;\r\n        }\r\n\r\n        this.allowMultipleFiles = this._config.AllowMultipleFiles;\r\n        this.maxSizeInMbAllowedStr = this._config.AllowedMaxSizeInBytes == null ? \"\" : FilesHelpers.getSizeStr('MB', this._config.AllowedMaxSizeInBytes, 2);\r\n        this.extensionsAllowedStr = this._config.getAllowedFileExtensionsStr();\r\n\r\n        this.isMobile = ko.pureComputed(() => system.isMobileDevice());\r\n\r\n        if (this._config.AllowVideoRecording) {\r\n            this.videoRecorderConfig = {\r\n                StaticStrings: {\r\n                    PermissionNotGranted: this._config.StaticStrings.PermissionNotGranted,\r\n                    StartRecording: this._config.StaticStrings.StartRecording,\r\n                    StopRecording: this._config.StaticStrings.StopRecording\r\n                },\r\n                Events: {\r\n                    OnRecordingStopped: (data, mimeTypeData, logs) => {\r\n                        //When the video recording is done, create a file of blob and add it to the list of upload operations\r\n                        const upload = this.createUpload(\r\n                            new File(data, this._config.StaticStrings.NewRecordedVideoName.replace('{SUFFIX}', `${this._uploads().length + 1}.${mimeTypeData.FileExtension}`)),\r\n                            new LogsContainer(logs));\r\n                        this.validate(upload);\r\n                        this._uploads.push(upload);\r\n                        this._uploaderMode(QualzyUploaderModes.FilePicker);\r\n\r\n                        this.autoUploadOnSingleFile();\r\n                    }\r\n                }\r\n            };\r\n        }\r\n\r\n        if (this._config.AllowAudioRecording) {\r\n            this.audioRecorderConfig = {\r\n                StaticStrings: {\r\n                    PermissionNotGranted: this._config.StaticStrings.PermissionNotGranted,\r\n                    ReadyToRecord: this._config.StaticStrings.ReadyToRecord,\r\n                    Recording: this._config.StaticStrings.Recording,\r\n                    StartRecording: this._config.StaticStrings.StartRecording,\r\n                    StopRecording: this._config.StaticStrings.StopRecording\r\n                },\r\n                Events: {\r\n                    OnRecordingStopped: (data, mimeTypeData, logs) => {\r\n                        //When the video recording is done, create a file of blob and add it to the list of upload operations\r\n                        const upload = this.createUpload(\r\n                            new File(data, this._config.StaticStrings.NewRecordedAudioName.replace('{SUFFIX}', `${this._uploads().length + 1}.${mimeTypeData.FileExtension}`)),\r\n                            new LogsContainer(logs));\r\n                        this.validate(upload);\r\n                        this._uploads.push(upload);\r\n                        this._uploaderMode(QualzyUploaderModes.FilePicker);\r\n\r\n                        this.autoUploadOnSingleFile();\r\n                    }\r\n                }\r\n            };\r\n        }\r\n        \r\n        if (this._config.AllowScreenRecording) {\r\n            this.screenRecorderConfig = {\r\n                MicrophoneAllowed: this.microphoneAllowed,\r\n                StaticStrings: {\r\n                    PermissionNotGranted: this._config.StaticStrings.PermissionNotGranted,\r\n                    StartRecording: this._config.StaticStrings.StartRecording,\r\n                    AllowScreenRecording: this._config.StaticStrings.AllowScreenRecording,\r\n                    StopRecording: this._config.StaticStrings.StopRecording\r\n                },\r\n                Events: {\r\n                    OnRecordingStopped: (data, mimeTypeData, logs) => {\r\n                        //When the video recording is done, create a file of blob and add it to the list of upload operations\r\n                        const upload = this.createUpload(\r\n                            new File(data, this._config.StaticStrings.NewRecordedVideoName.replace('{SUFFIX}', `${this._uploads().length + 1}.${mimeTypeData.FileExtension}`)),\r\n                            new LogsContainer(logs));\r\n                        this.validate(upload);\r\n                        this._uploads.push(upload);\r\n                        this._uploaderMode(QualzyUploaderModes.FilePicker);\r\n\r\n                        this.autoUploadOnSingleFile();\r\n                    }\r\n                }\r\n            };\r\n        }\r\n\r\n        if (this._config.AllowScreenAndVideoRecording) {\r\n            this.screenAndVideoRecorderConfig = {\r\n                MicrophoneAllowed: this.microphoneAllowed,\r\n                StaticStrings: {\r\n                    AllowScreenRecording: this._config.StaticStrings.AllowScreenRecording,\r\n                    AllowVideoRecording: this._config.StaticStrings.AllowVideoRecording,\r\n                    BottomLeft: this._config.StaticStrings.BottomLeft,\r\n                    BottomMiddle: this._config.StaticStrings.BottomMiddle,\r\n                    BottomRight: this._config.StaticStrings.BottomRight,\r\n                    CenterLeft: this._config.StaticStrings.CenterLeft,\r\n                    CenterMiddle: this._config.StaticStrings.CenterMiddle,\r\n                    CenterRight: this._config.StaticStrings.CenterRight,\r\n                    PipLarge: this._config.StaticStrings.PipLarge,\r\n                    PipMedium: this._config.StaticStrings.PipMedium,\r\n                    PipSmall: this._config.StaticStrings.PipSmall,\r\n                    ScreenRecordingPermissionNotGranted: this._config.StaticStrings.ScreenRecordingPermissionNotGranted,\r\n                    StartRecording: this._config.StaticStrings.StartRecording,\r\n                    StopRecording: this._config.StaticStrings.StopRecording,\r\n                    TopLeft: this._config.StaticStrings.TopLeft,\r\n                    TopMiddle: this._config.StaticStrings.TopMiddle,\r\n                    TopRight: this._config.StaticStrings.TopRight,\r\n                    VideoRecordingPermissionNotGranted: this._config.StaticStrings.VideoRecordingPermissionNotGranted\r\n                },\r\n                Events: {\r\n                    OnRecordingStopped: (data, mimeTypeData, logs) => {\r\n                        //When the video recording is done, create a file of blob and add it to the list of upload operations\r\n                        const upload = this.createUpload(\r\n                            new File(data, this._config.StaticStrings.NewRecordedVideoName.replace('{SUFFIX}', `${this._uploads().length + 1}.${mimeTypeData.FileExtension}`)),\r\n                            new LogsContainer(logs));\r\n                        this.validate(upload);\r\n                        this._uploads.push(upload);\r\n                        this._uploaderMode(QualzyUploaderModes.FilePicker);\r\n\r\n                        this.autoUploadOnSingleFile();\r\n                    }\r\n                }\r\n            };\r\n        }\r\n    }\r\n\r\n    dispose() {\r\n        //Trigger it after half a second because sometimes it is triggered as soon as the window is closed and the upload is finalized.\r\n        setTimeout(() => {\r\n            if (this.uploads().length > 0) {\r\n                const incompleteUploads = this.uploads().filter(u => ![FileUploadStatus.Uploaded, FileUploadStatus.Cancelled, FileUploadStatus.Failed].includes(u.status()));\r\n\r\n                if (incompleteUploads.length > 0) {\r\n                    incompleteUploads.forEach(u => u.cancelUpload());\r\n                }\r\n            }\r\n        }, 500);\r\n    }\r\n\r\n    /**\r\n     * Allow us to show the modes again\r\n     */\r\n    resetMode(resetUploads = false) {\r\n        this._uploaderMode(QualzyUploaderModes.FilePicker);\r\n        if (resetUploads) {\r\n            this._uploads.removeAll();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Auto upload when only single file option\r\n     */\r\n    async autoUploadOnSingleFile() {\r\n        if (!this._config.AllowMultipleFiles) {\r\n            await this.upload();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Pick files from the file picker\r\n     */\r\n    async pickFiles(): Promise<File[]> {\r\n        const pickerFiles = new Array<File>();\r\n\r\n        if (this._config.AllowMultipleFiles) {\r\n            //if we allow multiple files to be picked, add them one by one to the list\r\n            const files = await FilesHelpers.pickFiles(this._config.AllowedFileExtensions);\r\n            files.forEach(f => pickerFiles.push(f));\r\n        } else {\r\n            //if we allow just a single file to be picked at a time, add it to the list\r\n            const file = await FilesHelpers.pickFile(this.allowCameraCapture, this._config.AllowedFileExtensions);\r\n            pickerFiles.push(file);\r\n        }\r\n\r\n        //Go through each picked file, instantiate the right upload operation, validate it, and add it to the uploads list\r\n        for (let f = 0; f < pickerFiles.length; f++) {\r\n            const logs = new LogsContainer();\r\n            const file = pickerFiles[f];\r\n\r\n            logs.addEntry(`Picked File ${f + 1} - File Name: '${file.name}', Size: ${file.size} bytes`);\r\n            \r\n            logs.addEntry(\"Preparing and validating upload\");\r\n            const upload = this.createUpload(file, logs);\r\n            const isValid = this.validate(upload);\r\n            this._uploads.push(upload);\r\n            \r\n            if (isValid) {\r\n                logs.addEntry(\"File is queued and is ready to upload\");\r\n            }\r\n        }\r\n\r\n        this._uploaderMode(QualzyUploaderModes.FilePicker);\r\n\r\n        // if single file only, upload automatically after selection\r\n        await this.autoUploadOnSingleFile();\r\n\r\n        return pickerFiles;\r\n    }\r\n\r\n    /**\r\n     * Invokes the component for video recording\r\n     */\r\n    @autobind\r\n    recordVideo() {\r\n        if (!this._config.AllowVideoRecording) return;\r\n        this._uploaderMode(QualzyUploaderModes.VideoRecorder);\r\n    }\r\n\r\n    /**\r\n     * Invokes the component for audio recording\r\n     */\r\n    @autobind\r\n    recordAudio() {\r\n        if (!this._config.AllowAudioRecording) return;\r\n        this._uploaderMode(QualzyUploaderModes.AudioRecorder);\r\n    }\r\n\r\n    /**\r\n     * Invokes the component for screen recording\r\n     */\r\n    @autobind\r\n    recordScreen() {\r\n        if (!this._config.AllowScreenRecording) return;\r\n        this._uploaderMode(QualzyUploaderModes.ScreenRecorder);\r\n    }\r\n\r\n    /**\r\n     * Invokes the component for screen and video recording\r\n     */\r\n    @autobind\r\n    recordScreenAndVideo() {\r\n        if (!this._config.AllowScreenAndVideoRecording) return;\r\n        this._uploaderMode(QualzyUploaderModes.ScreenAndVideoRecorder);\r\n    }\r\n    \r\n    /**\r\n     * Perform the actual upload for all the files\r\n     */\r\n    public async upload(): Promise<void> {\r\n        try {\r\n            //Get all the upload tasks\r\n            const uploadTasks = this._uploads()\r\n                .filter(f => [FileUploadStatus.Initialized, FileUploadStatus.Cancelled].includes(f.status()))\r\n                .map(f => f.upload());\r\n\r\n            await Promise.all(uploadTasks); //wait until all tasks are done\r\n        } catch (e) {\r\n            //todo: we need to look into this later as to how we want to handle exceptions\r\n            console.log(e);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Delete the upload operation from the list\r\n     * @param upload The upload operation to delete\r\n     */\r\n    @autobind\r\n    delete(upload: U) {\r\n        this._uploads.remove(upload);\r\n    }\r\n\r\n    /**\r\n     * Validates an upload operation\r\n     * @param upload\r\n     * @private\r\n     */\r\n    private validate(upload: U) {\r\n        if (this._config.AllowedMaxSizeInBytes != null && upload.File.totalSize > this._config.AllowedMaxSizeInBytes) {\r\n            upload.changeStatus(FileUploadStatus.ExceedsMaxSize);\r\n            return false;\r\n        } else if (this._config.AllowedFileExtensions.length > 0 && !this._config.AllowedFileExtensions.includes(upload.File.getFileExtension().toLowerCase())) {\r\n            upload.changeStatus(FileUploadStatus.MismatchExtension);\r\n            return false;\r\n        }\r\n        else {\r\n            upload.changeTextStatus(this._config.StaticStrings.FileIsReadyToBeUploaded);\r\n            return true;\r\n        }\r\n    }\r\n}","import {injectable} from \"inversify\";\r\n\r\n/**\r\n * The base interface for all types of log containers\r\n */\r\nexport interface ILogsContainer\r\n{\r\n    /**\r\n     * Adds a log entry to the logs\r\n     * @param logEntry The log entry string to append to the log\r\n     */\r\n    addEntry: (logEntry: string) => void;\r\n    \r\n    /**\r\n     * Gets all the log entries\r\n     * @constructor\r\n     * @returns An array of all log entries\r\n     */\r\n    getAllLogs: () => string[];\r\n\r\n    /**\r\n     * Gets all the log entries joined with a delimiter\r\n     * @param delimiter The delimiter to use\r\n     * @returns The combined logs string\r\n     */\r\n    GetAllCombinedLogs: (delimiter: string) => string;\r\n    \r\n    /**\r\n     * Gets the number of log entries we have\r\n     * @constructor\r\n     * @returns Number of log entries\r\n     */\r\n    logsCount: () => number;\r\n\r\n    /**\r\n     * Deletes all the logs\r\n     */\r\n    clearLogs: () => void;\r\n\r\n    /**\r\n     * Deletes logs from a specific index\r\n     * @param index The index from which we want to clear the logs\r\n     */\r\n    clearLogsFrom: (index: number) => void;\r\n}\r\n\r\n@injectable()\r\nexport class LogsContainer implements ILogsContainer {\r\n    private logEntries: string[] = []\r\n\r\n    constructor(logs: string[] = []) {\r\n        this.logEntries = logs;\r\n    }\r\n    \r\n    addEntry(logEntry: string) {\r\n        this.logEntries.push(`${system.getDotnetCompatibleUTCDate()}${settings.uploaderLogsDelimiter}CLIENT-SIDE: ${logEntry}`)\r\n    }\r\n    \r\n    getAllLogs(): string[] {\r\n        return this.logEntries;\r\n    }\r\n\r\n    GetAllCombinedLogs(delimiter = '\\n'): string {\r\n        return this.logEntries.join(delimiter);\r\n    }\r\n    \r\n    logsCount(): number {\r\n        return this.logEntries.length;\r\n    }\r\n    \r\n    clearLogs() {\r\n        this.logEntries = [];\r\n    }\r\n\r\n    clearLogsFrom(index: number) {\r\n        if (index >= this.logEntries.length) return;\r\n        this.logEntries.splice(index, this.logEntries.length - 1);\r\n    }\r\n}","define(function () {\r\n    const system = require('helpers/system').SystemHelpers;\r\n\r\n    return function (html) {\r\n        system.getTemplatesAndResources(html)\r\n            .forEach(function (node) { document.head.appendChild(node) });\r\n    }\r\n});","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".qualzy-file-uploader .panel.qualzy-uploader-panel-root{min-height:170px;border:0}.qualzy-file-uploader .panel{margin-bottom:0}.qualzy-file-uploader .panel .panel-heading{text-align:center;border:0;background:transparent}.qualzy-file-uploader .panel .panel-body .files-container{margin-bottom:0;padding:15px}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item{border:0;box-shadow:0 0px 6px #ccc;margin-bottom:10px}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-disabler{position:absolute;width:100%;height:100%;backdrop-filter:blur(1px);z-index:1;margin-top:-10px;display:grid}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-disabler div{justify-self:center;background:#fffee6;border:1px solid #ff4800;padding:10px;align-self:center}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-disabler div span.red-highlight{color:red;font-weight:bold}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-details-container{min-height:40px;display:flex;flex-direction:column;justify-content:center}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-details-container .file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-details-container .file-size{font-size:11px;font-weight:bold;color:#ff4b4b}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-details-container .file-progress-text{font-size:11px;color:#a7a7a7}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-details-container progress{width:100%}.qualzy-file-uploader .panel .panel-body .files-container .list-group-item .file-details-container .file-control-buttons{text-align:right}.qualzy-file-uploader .panel .panel-footer{border-top:0;display:flex;justify-content:right;gap:10px}.qualzy-file-uploader .panel .no-padding{padding:0}.qualzy-file-uploader .panel .qualzy-dialog-sub-title{color:#aaa}.qualzy-file-uploader .screen-controls{display:flex;gap:10px}@media(max-width: 580px){.qualzy-file-uploader .panel.qualzy-uploader-panel-root{margin:0 15px;border:0}.qualzy-file-uploader .file-name{width:300px}}@media(max-width: 400px){.qualzy-file-uploader .file-name{width:200px}}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-qualzy-uploader-base\\\" type=\\\"text/template\\\">\\r\\n    <div class=\\\"panel panel-default qualzy-uploader-panel-root\\\" data-bind=\\\"css: { 'qualzy-uploader-panel-recording': isInRecordingMode }\\\">\\r\\n        <div class=\\\"panel-heading\\\">\\r\\n\\r\\n            <!-- ko if: isInRecordingMode() -->\\r\\n            <div style=\\\"display:flex;\\\">\\r\\n                <button class=\\\"btn btn-default\\\" data-bind=\\\"click: resetMode\\\">\\r\\n                    <i class=\\\"fa-solid fa-arrow-left\\\" style=\\\"margin-right: 5px;\\\"></i>\\r\\n                    <span data-bind=\\\"text: StaticStrings.Back\\\"></span>\\r\\n                </button>\\r\\n            </div>\\r\\n            <!-- /ko -->\\r\\n            <!-- ko ifnot: isInRecordingMode() -->\\r\\n            <div style=\\\"margin-bottom: 15px;\\\">\\r\\n                <h3 class=\\\"qualzy-dialog-title\\\" data-bind=\\\"text: dialogTitleRecordUpload\\\"></h3>\\r\\n                <div class=\\\"qualzy-dialog-sub-title\\\" data-bind=\\\"text: dialogSubTitleRecordUpload\\\"></div>\\r\\n            </div>\\r\\n\\r\\n            <!-- ko if: pickFilesAllowed || isMobile() -->\\r\\n            <button class=\\\"btn btn-primary\\\" data-bind=\\\"click: pickFiles, disable: hasUploads() && !allowMultipleFiles\\\">\\r\\n                <i class=\\\"fa-solid fa-cloud-arrow-up\\\" style=\\\"margin-right: 5px;\\\"></i>\\r\\n                <span data-bind=\\\"text: isMobile() && videoRecordingIsAllowed ? StaticStrings.PickOrRecordVideo : StaticStrings.PickFiles\\\"></span>\\r\\n            </button>\\r\\n            <!-- /ko -->\\r\\n\\r\\n            <!-- ko if: !isMobile() -->\\r\\n            <!-- ko if: hasSingleAction() && canRecord() -->\\r\\n            <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" data-bind=\\\"click: onClickRecordAction, disable: hasUploads() && !allowMultipleFiles\\\">\\r\\n                <i class=\\\"fa-solid\\\" style=\\\"margin-right: 5px;\\\" data-bind=\\\"css: { 'fa-video' : videoRecordingIsAllowed, 'fa-screencast': screenRecordingIsAllowed || screenAndVideoRecordingIsAllowed }\\\"></i>\\r\\n                <span data-bind=\\\"text: StaticStrings.Record\\\"></span>\\r\\n            </button>\\r\\n            <!-- /ko -->\\r\\n            <!-- ko if: !hasSingleAction() && canRecord() -->\\r\\n            <div class=\\\"btn-group\\\">\\r\\n\\r\\n                <button type=\\\"button\\\" class=\\\"btn btn-primary dropdown-toggle\\\" data-toggle=\\\"dropdown\\\" aria-haspopup=\\\"true\\\" aria-expanded=\\\"false\\\" data-bind=\\\"disable: hasUploads() && !allowMultipleFiles\\\">\\r\\n                    <i class=\\\"fa-solid\\\" style=\\\"margin-right: 5px;\\\" data-bind=\\\"css: { 'fa-video' : videoRecordingIsAllowed, 'fa-screencast': screenRecordingIsAllowed || screenAndVideoRecordingIsAllowed }\\\"></i>\\r\\n                    <span data-bind=\\\"text: StaticStrings.Record\\\"></span> <span class=\\\"caret\\\"></span>\\r\\n                </button>\\r\\n\\r\\n                <ul class=\\\"dropdown-menu\\\">\\r\\n                    <!-- ko if: videoRecordingIsAllowed -->\\r\\n                    <li><a href=\\\"#\\\" data-bind=\\\"click: recordVideo, text: StaticStrings.Video\\\"></a></li>\\r\\n                    <!-- /ko -->\\r\\n                    <!-- ko if: audioRecordingIsAllowed -->\\r\\n                    <li><a href=\\\"#\\\" data-bind=\\\"click: recordAudio, text: StaticStrings.Audio\\\"></a></li>\\r\\n                    <!-- /ko -->\\r\\n                    <!-- ko if: screenRecordingIsAllowed -->\\r\\n                    <li><a href=\\\"#\\\" data-bind=\\\"click: recordScreen, text: StaticStrings.Screen\\\"></a></li>\\r\\n                    <!-- /ko -->\\r\\n                    <!-- ko if: screenAndVideoRecordingIsAllowed -->\\r\\n                    <li><a href=\\\"#\\\" data-bind=\\\"click: recordScreenAndVideo, text: StaticStrings.ScreenAndVideo\\\"></a></li>\\r\\n                    <!-- /ko -->\\r\\n                </ul>\\r\\n            </div>\\r\\n            <!-- /ko -->\\r\\n            <!-- /ko -->\\r\\n            <!-- /ko -->\\r\\n\\r\\n        </div>\\r\\n\\r\\n        <!-- ko if: (isInFilePickerMode() && hasUploads()) || isInRecordingMode() -->\\r\\n        <div class=\\\"panel-body no-padding\\\" data-bind=\\\"css: { 'qualzy-uploader-panel-body-recording': isInRecordingMode }\\\">\\r\\n            <!-- ko if: isInFilePickerMode() -->\\r\\n            <div class=\\\"list-group files-container\\\">\\r\\n                <!-- ko foreach: uploads() -->\\r\\n                <div class=\\\"list-group-item\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <!-- ko if: hasErrors() -->\\r\\n                        <div class=\\\"file-disabler\\\">\\r\\n                            <!-- ko if: isExceedingMaxSize() -->\\r\\n                            <div>\\r\\n                                <span data-bind=\\\"html: $parent.StaticStrings.FileExceedsMaxSize($parent.maxSizeInMbAllowedStr)\\\"></span>\\r\\n                                <a href=\\\"#\\\" data-bind=\\\"click: $parent.delete, text: $parent.StaticStrings.Remove\\\"></a>\\r\\n                            </div>\\r\\n                            <!-- /ko -->\\r\\n                            <!-- ko if: hasMismatchedExtension() -->\\r\\n                            <div>\\r\\n                                <span data-bind=\\\"html: $parent.StaticStrings.FileExtensionIsNotAllowed($parent.extensionsAllowedStr)\\\"></span>\\r\\n                                <a href=\\\"#\\\" data-bind=\\\"click: $parent.delete, text: $parent.StaticStrings.Remove\\\"></a>\\r\\n\\r\\n                            </div>\\r\\n                            <!-- /ko -->\\r\\n                        </div>\\r\\n                        <!-- /ko -->\\r\\n\\r\\n                        <div class=\\\"col-md-5 file-details-container\\\">\\r\\n                            <div class=\\\"file-name\\\" data-bind=\\\"text: $data.File.name\\\">\\r\\n                            </div>\\r\\n                            <div class=\\\"file-size\\\" data-bind=\\\"text: $data.File.totalSizeStr\\\"></div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"col-md-4 file-details-container\\\">\\r\\n                            <div>\\r\\n                                <span class=\\\"file-progress-text\\\" data-bind=\\\"text: $data.textStatus()\\\"></span>\\r\\n\\r\\n                                <!-- ko if: $data.isUploading() && !$data.isPaused() -->\\r\\n                                <progress max=\\\"100\\\" data-bind=\\\"attr: { value: $data.progress }\\\"></progress>\\r\\n                                <!-- /ko -->\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"col-md-3 file-details-container\\\">\\r\\n                            <div class=\\\"file-control-buttons\\\">\\r\\n                                <!-- ko if: isUploading() && !isWaitingToRetry() -->\\r\\n                                <!-- ko if: !supportsPauseAndResume || !isPaused() -->\\r\\n                                <button class=\\\"btn btn-warning fa fa-cancel\\\" data-bind=\\\"click: cancelUpload\\\"></button>\\r\\n                                <!-- /ko -->\\r\\n                                <!-- ko if: supportsPauseAndResume -->\\r\\n                                <!-- ko if: isPaused() -->\\r\\n                                <button class=\\\"btn btn-default fa fa-play\\\" data-bind=\\\"click: resumeUpload\\\"></button>\\r\\n                                <!-- /ko -->\\r\\n                                <!-- ko ifnot: isPaused() -->\\r\\n                                <button class=\\\"btn btn-default fa fa-pause\\\" data-bind=\\\"click: pauseUpload\\\"></button>\\r\\n                                <!-- /ko -->\\r\\n                                <!-- /ko -->\\r\\n                                <!-- /ko -->\\r\\n                                <!-- ko if: isCancelled() -->\\r\\n                                <button class=\\\"btn btn-info fa fa-refresh\\\" data-bind=\\\"click: restartUpload\\\"></button>\\r\\n                                <!-- /ko -->\\r\\n                                <!-- ko if: canBeDeleted() -->\\r\\n                                <button class=\\\"btn btn-danger fa fa-close\\\" data-bind=\\\"click: $parent.delete\\\"></button>\\r\\n                                <!-- /ko -->\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <!-- /ko -->\\r\\n            </div>\\r\\n            <!-- /ko -->\\r\\n            <!-- ko if: isInVideoRecorderMode() -->\\r\\n            <qualzy-video-recorder params=\\\"model: videoRecorderConfig\\\"></qualzy-video-recorder>\\r\\n            <!-- /ko -->\\r\\n            <!-- ko if: isInAudioRecorderMode() -->\\r\\n            <qualzy-audio-recorder params=\\\"model: audioRecorderConfig\\\"></qualzy-audio-recorder>\\r\\n            <!-- /ko -->\\r\\n            <!-- ko if: isInScreenRecorderMode() -->\\r\\n            <qualzy-screen-recorder params=\\\"model: screenRecorderConfig\\\"></qualzy-screen-recorder>\\r\\n            <!-- /ko -->\\r\\n            <!-- ko if: isInScreenAndVideoRecorderMode() -->\\r\\n            <qualzy-screen-video-recorder params=\\\"model: screenAndVideoRecorderConfig\\\"></qualzy-screen-video-recorder>\\r\\n            <!-- /ko -->\\r\\n        </div>\\r\\n\\r\\n        <!-- ko if: isInFilePickerMode() && hasUploads() && allowMultipleFiles -->\\r\\n        <div class=\\\"panel-footer\\\">\\r\\n            <button class=\\\"btn btn-success\\\" data-bind=\\\"click: upload, css: { disabled: !canUpload() }, text: StaticStrings.UploadFiles\\\"></button>\\r\\n        </div>\\r\\n        <!-- /ko -->\\r\\n        <!-- /ko -->\\r\\n    </div>\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}