commons-assessment 12.1.2-dev.1 → 12.1.2

package/lib/modules/assessment-maker/assessment-maker.component.d.ts

@@ -55,6 +55,7 @@ export declare class AssessmentMakerComponent implements OnInit {
     };
     private readonly PROCTORING_CONFIG_KEY;
     toggleDropdown(id: string, event?: Event): void;
+    onDocumentClick(event: MouseEvent): void;
     closeAllDropdowns(): void;
     constructor(assessmentMakerService: AssessmentMakerService, assessmentBuilderService: AssessmentBuilderService, dialog: MatDialog);
     ngOnInit(): void;

package/lib/modules/assessment-maker/components/assessment-builder/assessment-builder.component.d.ts

@@ -39,9 +39,18 @@ export declare class AssessmentBuilderComponent implements OnInit {
     standaloneMode: boolean;
     isLocked: boolean;
     isSubmitting: boolean;
+    mediaUploading: boolean;
+    mediaError: string;
     skillsList: RefData[];
+    private readonly MAX_MEDIA_SIZE;
+    mediaFileInput: ElementRef;
     constructor(formBuilder: FormBuilder, assessmentBuilderService: AssessmentBuilderService, assessmentMakerService: AssessmentMakerService, dialogRef: MatDialogRef<AssessmentBuilderComponent>, dialogData: any);
     ngOnInit(): void;
+    triggerMediaUpload(): void;
+    onMediaFileSelected(event: any): void;
+    /** Shows the media error inline in the dialog and also surfaces it via the host snackbar. */
+    private setMediaError;
+    private uploadMedia;
     generateChildQuestionList(): AssessmentQuestion[];
     setupFormGroup(): void;
     populateForm(questionDetails: AssessmentQuestion, buildChildGroups?: boolean): void;

package/lib/modules/assessment-maker/services/assessment-maker.service.d.ts

@@ -4,11 +4,13 @@ import * as i0 from "@angular/core";
 export declare class AssessmentMakerService {
     private http;
     private readonly assetsBaseUrl;
+    private configCache;
     constructor(http: HttpClient);
     private getHeaders;
     createParams(params: any): HttpParams;
-    getConfigJSON(fileName: string): Observable<Object>;
+    getConfigJSON(fileName: string): Observable<any>;
     getResponseCount(assessmentInstanceId: number): Observable<Object>;
+    uploadAttachment(fileUploadPayload: FormData, params: any): Observable<Object>;
     createAssessmentAndQuestionPaper(payload: any): Observable<Object>;
     patchAssessmentAndQuestionPaper(payload: any): Observable<Object>;
     createQuestion(payload: any): Observable<Object>;

package/lib/modules/assessment-taker/assessment-taker.component.d.ts

@@ -171,6 +171,9 @@ export declare class AssessmentTakerComponent implements OnInit, OnDestroy {
     scrollToFirstInvalidField(sectionIndex: number): void;
     save(goNext?: boolean, saveData?: boolean): void;
     getAnswersByAiaId(assesseeId: number): void;
+    /** Question/section media can be an uploaded image, an uploaded/hosted video, or a YouTube link. */
+    isImageUrl(url: string): boolean;
+    isVideoUrl(url: string): boolean;
     addYoutubeIframeSrc(videoUrl: string): any;
     getVideoId(videoUrl: string): string | null;
     openInstructionsDialog(section: QuestionPaperSection): void;

package/lib/modules/assessment-taker/components/question-type-short/question-type-short.component.d.ts

@@ -30,6 +30,9 @@ export declare class QuestionTypeShortComponent implements ControlValueAccessor
     registerOnTouched(fn: Function): void;
     setDisabledState(isDisabled: boolean): void;
     get maxCharCount(): number;
+    get isUrlType(): boolean;
+    /** Absolute href for the preview link — prefixes `https://` when the value has no scheme. */
+    get linkHref(): string;
     get inputType(): string;
     restrictNumberOnly(event: KeyboardEvent): void;
     preventScroll(event: WheelEvent): void;

package/lib/modules/assessment-taker/services/assessment-taker.service.d.ts

@@ -1,27 +1,29 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class AssessmentTakerService {
     private http;
     private readonly assetsBaseUrl;
+    private configCache;
     constructor(http: HttpClient);
     private getHeaders;
     createParams(params: any): HttpParams;
-    getConfigJSON(fileName: string): import("rxjs").Observable<Object>;
-    getAssessmentContextById(params: any): import("rxjs").Observable<Object>;
-    getAssessmentQuestionPaper(instanceId: number): import("rxjs").Observable<Object>;
-    getAssessmentQuestions(instanceId: any, questionIds: any): import("rxjs").Observable<Object>;
-    getChildQuestionsWithIdList(instanceId: any, questionIds: any): import("rxjs").Observable<Object>;
-    uploadAttachment(fileUploadPayload: FormData, params: any): import("rxjs").Observable<Object>;
-    getAttachments(params: any): import("rxjs").Observable<Object>;
-    submitAssessment(payload: any): import("rxjs").Observable<Object>;
-    patchAssessment(payload: any): import("rxjs").Observable<Object>;
-    getAnswersByAiaId(aiaId: any): import("rxjs").Observable<Object>;
-    updateMarks(payload: any): import("rxjs").Observable<Object>;
-    refreshProctoringToken(assesseeId: number): import("rxjs").Observable<Object>;
-    endProctoringSession(assesseeId: number): import("rxjs").Observable<Object>;
-    getProctoringSessions(assesseeId: number, params: any): import("rxjs").Observable<Object>;
-    getProctoringReportBySession(sessionId: number): import("rxjs").Observable<Object>;
-    checkGoogleDriveLinkPublic(googleDriveLink: string): import("rxjs").Observable<Object>;
+    getConfigJSON(fileName: string): Observable<any>;
+    getAssessmentContextById(params: any): Observable<Object>;
+    getAssessmentQuestionPaper(instanceId: number): Observable<Object>;
+    getAssessmentQuestions(instanceId: any, questionIds: any): Observable<Object>;
+    getChildQuestionsWithIdList(instanceId: any, questionIds: any): Observable<Object>;
+    uploadAttachment(fileUploadPayload: FormData, params: any): Observable<Object>;
+    getAttachments(params: any): Observable<Object>;
+    submitAssessment(payload: any): Observable<Object>;
+    patchAssessment(payload: any): Observable<Object>;
+    getAnswersByAiaId(aiaId: any): Observable<Object>;
+    updateMarks(payload: any): Observable<Object>;
+    refreshProctoringToken(assesseeId: number): Observable<Object>;
+    endProctoringSession(assesseeId: number): Observable<Object>;
+    getProctoringSessions(assesseeId: number, params: any): Observable<Object>;
+    getProctoringReportBySession(sessionId: number): Observable<Object>;
+    checkGoogleDriveLinkPublic(googleDriveLink: string): Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AssessmentTakerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AssessmentTakerService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commons-assessment",
-  "version": "12.1.2-dev.1",
+  "version": "12.1.2",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0",

package/src/lib/assets/images/info.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="23.502" height="23.502" viewBox="0 0 23.502 23.502">
-  <path id="Path_33824" data-name="Path 33824" d="M35.753,24A11.751,11.751,0,1,0,47.5,35.751,11.751,11.751,0,0,0,35.753,24Zm0,5.424A1.356,1.356,0,1,1,34.4,30.78,1.356,1.356,0,0,1,35.753,29.424Zm.9,12.655h-.9a.9.9,0,0,1-.9-.9V35.751a.9.9,0,1,1,0-1.808h.9a.9.9,0,0,1,.9.9v5.424a.9.9,0,1,1,0,1.808Z" transform="translate(-24.001 -24)" fill="#5f6368"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="25.603" height="25.603" viewBox="0 0 25.603 25.603">
+  <path id="information" d="M12.05,20.538a.972.972,0,0,1-.612-.223.939.939,0,0,1-.334-.946l1.364-6.957-.751.417a.979.979,0,1,1-.974-1.7L13.33,9.657a.972.972,0,0,1,1.057.056,1.019,1.019,0,0,1,.39.974l-1.419,7.236,1.169-.5a.972.972,0,0,1,.779,1.781l-2.866,1.252A.889.889,0,0,1,12.05,20.538ZM14.8,7.236a1.417,1.417,0,0,0,.417-.974,1.305,1.305,0,0,0-.417-.974,1.417,1.417,0,0,0-.974-.417,1.305,1.305,0,0,0-.974.417,1.417,1.417,0,0,0-.417.974,1.305,1.305,0,0,0,.417.974,1.417,1.417,0,0,0,.974.417A1.305,1.305,0,0,0,14.8,7.236ZM25.6,12.8A12.8,12.8,0,1,0,12.8,25.6,12.8,12.8,0,0,0,25.6,12.8Zm-2.226,0A10.575,10.575,0,1,1,12.8,2.226,10.57,10.57,0,0,1,23.376,12.8Z" fill="#9aa0a6"/>
 </svg>

package/src/lib/assets/images/lock.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 11V7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V11M5 13C5 12.4696 5.21071 11.9609 5.58579 11.5858C5.96086 11.2107 6.46957 11 7 11H17C17.5304 11 18.0391 11.2107 18.4142 11.5858C18.7893 11.9609 19 12.4696 19 13V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H7C6.46957 21 5.96086 20.7893 5.58579 20.4142C5.21071 20.0391 5 19.5304 5 19V13ZM11 16C11 16.2652 11.1054 16.5196 11.2929 16.7071C11.4804 16.8946 11.7348 17 12 17C12.2652 17 12.5196 16.8946 12.7071 16.7071C12.8946 16.5196 13 16.2652 13 16C13 15.7348 12.8946 15.4804 12.7071 15.2929C12.5196 15.1054 12.2652 15 12 15C11.7348 15 11.4804 15.1054 11.2929 15.2929C11.1054 15.4804 11 15.7348 11 16Z" stroke="#354052" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/lib/assets/json/imageConfig.json

@@ -26,5 +26,6 @@
     "COMMONS_ASSESSMENT.ICON.USER": "assets/commons-assessment/images/user.svg",
     "COMMONS_ASSESSMENT.ICON.ARROW_DOWN_BLUE": "assets/commons-assessment/images/arrow-down-blue.svg",
     "COMMONS_ASSESSMENT.ICON.ARROW_UP_BLUE": "assets/commons-assessment/images/arrow-up-blue.svg",
-    "COMMONS_ASSESSMENT.ICON.FILE_IMPORT": "assets/commons-assessment/images/file-import.svg"
+    "COMMONS_ASSESSMENT.ICON.FILE_IMPORT": "assets/commons-assessment/images/file-import.svg",
+    "COMMONS_ASSESSMENT.ICON.LOCK": "assets/commons-assessment/images/lock.svg"
 }

package/src/lib/assets/json/labelConfig.json

@@ -5,6 +5,10 @@
     "COMMONS_ASSESSMENT.LABEL.ADD_INSTRUCTIONS": "Add instructions",
     "COMMONS_ASSESSMENT.LABEL.DUPLICATE": "Duplicate",
     "COMMONS_ASSESSMENT.LABEL.DELETE": "Delete",
+    "COMMONS_ASSESSMENT.LABEL.UPLOAD_MEDIA": "Upload image / video",
+    "COMMONS_ASSESSMENT.LABEL.MEDIA_UPLOAD_HINT": "Image or video, up to 5 MB",
+    "COMMONS_ASSESSMENT.LABEL.OPEN_FULL_IMAGE": "Open full image in a new tab",
+    "COMMONS_ASSESSMENT.ERROR.INVALID_MEDIA_TYPE": "Only image or video files are allowed.",
     "COMMONS_ASSESSMENT.LABEL.QUESTION": "Question",
     "COMMONS_ASSESSMENT.LABEL.ADD_A_QUESTION": "Add a Question",
     "COMMONS_ASSESSMENT.LABEL.ADD_A_SECTION": "Add a Section",
@@ -68,7 +72,7 @@
     "COMMONS_ASSESSMENT.LABEL.READ_MORE": "Read more",
     "COMMONS_ASSESSMENT.ERROR.INVALID_URL": "Please enter a valid URL",
     "COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_INSTRUCTIONS_MEDIA": "Enter video url for instructions",
-    "COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_QUESTION_MEDIA": "Enter question media url",
+    "COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_QUESTION_MEDIA": "Enter media url",
     "COMMONS_ASSESSMENT.LABEL.NO_QUESTIONS": "No Data Found!",
     "COMMONS_ASSESSMENT.LABEL.SUBMIT": "Submit",
     "COMMONS_ASSESSMENT.LABEL.NEXT": "Next",
@@ -109,6 +113,7 @@
     "COMMONS_ASSESSMENT.PROCTORING.WARN_NO_REFRESH": "Do not refresh or close the page during the assessment.",
     "COMMONS_ASSESSMENT.PROCTORING.WARN_QUIET_ROOM": "Stay in a well-lit, quiet room and keep your face clearly visible.",
     "COMMONS_ASSESSMENT.PROCTORING.CAMERA_DENIED": "Camera access is required for proctoring. Please allow camera access in your browser and try again.",
+    "COMMONS_ASSESSMENT.PROCTORING.REFERENCE_IMAGE_REJECTED": "We couldn't verify your photo — no clear face was detected. Please retake a clear, unobstructed photo of your face in good lighting.",
     "COMMONS_ASSESSMENT.PROCTORING.SESSION_ERROR": "Could not start the proctoring session. Please try again.",
     "COMMONS_ASSESSMENT.PROCTORING.RESULT_TITLE": "Proctoring report",
     "COMMONS_ASSESSMENT.PROCTORING.VIEW_REPORT": "Proctoring report",
@@ -148,6 +153,7 @@
     "COMMONS_ASSESSMENT.PROCTORING.EVENT.no_face.detected": "No face detected",
     "COMMONS_ASSESSMENT.PROCTORING.EVENT.multi_face.detected": "Multiple faces detected",
     "COMMONS_ASSESSMENT.PROCTORING.REASON.browser_activity": "Browser activity",
+    "COMMONS_ASSESSMENT.PROCTORING.REASON.liveness_gap": "Liveness gap",
     "COMMONS_ASSESSMENT.PROCTORING.REASON.no_face": "No face detected",
     "COMMONS_ASSESSMENT.PROCTORING.REASON.multi_face": "Multiple faces detected",
     "COMMONS_ASSESSMENT.PROCTORING.REASON.impersonation": "Possible impersonation",
@@ -216,5 +222,7 @@
     "COMMONS_ASSESSMENT.LABEL.CLEAR_FILTERS": "Clear Filters",
     "COMMONS_ASSESSMENT.LABEL.IMPORT_QUESTIONS_INTO_NEW_SECTION": "Import questions into a new section",
     "COMMONS_ASSESSMENT.LABEL.CREATE_NEW_QUESTION": "Create New Question",
-    "COMMONS_ASSESSMENT.LABEL.ADD_QUESTION": "Add Question"
+    "COMMONS_ASSESSMENT.LABEL.ADD_QUESTION": "Add Question",
+    "COMMONS_ASSESSMENT.LABEL.LOADING": "Loading...",
+    "COMMONS_ASSESSMENT.LABEL.CLEAR_SEARCH": "Clear Search"
 }

package/src/lib/assets/theme/_theme.global.scss

@@ -55,6 +55,7 @@ $default-config: (
   tooltip-border: 0.064rem solid #bdc9d3,
 
   box-shadow-tooltip: 0 8px 20px rgba(0, 0, 0, 0.15),
+  input-focus-box-shadow: 0 0 0 0.2rem rgba(70, 125, 214, 0.25),
 
   button-padding: 0.5rem 1rem,
   button-padding-large: 0.5rem 3rem,

package/src/lib/assets/theme/styles.global.scss

@@ -327,4 +327,16 @@ GLOBAL stylesheet for commons-assessment library
         opacity: 1;
         transform: translateY(0);
     }
+}
+
+input.assessment-input-border-one,
+textarea.assessment-input-border-one {
+    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+
+    &:focus {
+        background-color: var(--assessment-white) !important;
+        border: var(--assessment-input-border-one) !important;
+        border-color: var(--assessment-primary-one) !important;
+        box-shadow: var(--assessment-input-focus-box-shadow);
+    }
 }

package/src/lib/assets/theme/styles.scss

@@ -104,4 +104,9 @@
         border-color: var(--assessment-primary-one);
         box-shadow: none;
     }
+}
+
+.break-text {
+    word-break: break-word;
+    text-wrap: wrap;
 }