@myinterview/widget-react 1.0.60 → 1.0.61-experimental

package/dist/esm/interfaces/candidateSessionInterface.d.ts

@@ -31,7 +31,7 @@ export declare const enum CandidateSessionWarnings {
     OverconstrainedError = "OverconstrainedError",
     SecurityError = "SecurityError"
 }
-export type CandidateSessionSourceType = 'direct' | 'email' | 'sms' | 'email_reminder' | 'sms_reminder';
+export declare type CandidateSessionSourceType = 'direct' | 'email' | 'sms' | 'email_reminder' | 'sms_reminder';
 export declare const enum CandidateSessionSourceMap {
     direct_start_inter = "direct",
     reminder_start_inter = "email_reminder",

package/dist/esm/interfaces/configInterface.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 import { ICandidate } from './candidateInterface';
 import { ICompany } from './companyInterface';
-import { IClientJob, IClientQuestion, IJob, IQuestion } from './jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE, IClientJob, IClientQuestion, IJob } from './jobInterface';
 import { IVideo } from './videoInterface';
-export type IMessageType = 'completed' | 'deadline' | 'applied' | 'inactiveJob';
+export declare type IMessageType = 'completed' | 'deadline' | 'applied' | 'inactiveJob';
 export interface IOnFinish {
     redirectUrl?: string;
     video_id: string;
@@ -11,7 +11,7 @@ export interface IOnFinish {
 export interface IOnError {
     messageType: IMessageType;
 }
-export type IEnv = 'dev' | 'staging' | 'production' | 'development' | 'local';
+export declare type IEnv = 'dev' | 'staging' | 'production' | 'development' | 'local';
 interface IConfig {
     auth: string;
     onWidgetClicked?: () => void;
@@ -20,7 +20,7 @@ interface IConfig {
     onWidgetClose?: () => void;
     openAnimation?: boolean;
     debug?: boolean;
-    practiceQuestions?: IQuestion[];
+    practiceQuestions?: ALL_JOB_QUESTIONS_TYPE[];
     overlay?: string;
     introVideo?: string;
     welcomeTitle?: string;
@@ -31,7 +31,7 @@ interface IConfig {
     hideIntercom?: boolean;
     disablePractice?: boolean;
 }
-export type IClientConfig = Omit<IConfig, 'practiceQuestions'> & {
+export declare type IClientConfig = Omit<IConfig, 'practiceQuestions'> & {
     practiceQuestions?: IClientQuestion[];
 };
 export interface IWidgetConfig {
@@ -47,7 +47,7 @@ export interface IWidgetConfig {
     styleUrls?: string | string[];
     fontsUrls?: string | string[];
 }
-export type IClientWidgetConfig = Omit<IWidgetConfig, 'job' | 'config'> & {
+export declare type IClientWidgetConfig = Omit<IWidgetConfig, 'job' | 'config'> & {
     job: IClientJob;
     config: IClientConfig;
 };

package/dist/esm/interfaces/countDownInterface.d.ts

@@ -0,0 +1,23 @@
+export interface CounterInterface {
+    counterRef: any;
+    ms: number;
+    isAutoStart: boolean;
+    callback: string;
+}
+export declare const enum GUARDS {
+    IS_AUTO_START = "isAutoStart"
+}
+export declare const enum STATES {
+    IDLE = "idle",
+    COUNTING = "counting",
+    PAUSED = "paused"
+}
+export declare const enum ACTIONS {
+    TICK = "tick",
+    INIT_OBSERVER = "initObserver"
+}
+export declare const enum EVENTS {
+    TICK = "TICK",
+    START = "START",
+    PAUSE = "PAUSE"
+}

package/dist/esm/interfaces/jobInterface.d.ts

@@ -1,3 +1,9 @@
+export declare const enum ANSWER_TYPES {
+    VIDEO = "video",
+    TEXT = "text",
+    MULTIPLE = "multiple_choice",
+    SINGLE = "single_choice"
+}
 export interface IQuestion {
     question: string;
     numOfRetakes: number;
@@ -7,11 +13,44 @@ export interface IQuestion {
     videoQuestion?: string;
     description?: string;
 }
-export type IClientQuestion = Omit<IQuestion, 'numOfRetakes' | 'partDuration' | 'thinkingTime'> & {
+export interface IQuestionDefault extends IQuestion {
+    answerType?: `${ANSWER_TYPES.VIDEO}`;
+}
+export interface IQuestionTextAnswer extends IQuestion {
+    answerType: `${ANSWER_TYPES.TEXT}`;
+    config?: {
+        minChars: number;
+        maxChars?: number;
+    };
+}
+export interface IMultipleChoiceOptionDefinition {
+    id: string;
+    label: string;
+}
+export interface IQuestionChoiceAnswer extends IQuestion {
+    config?: {
+        shuffle?: boolean;
+        answers: IMultipleChoiceOptionDefinition[];
+    };
+}
+export interface IQuestionMultipleAnswer extends IQuestionChoiceAnswer {
+    answerType: `${ANSWER_TYPES.MULTIPLE}`;
+    config?: {
+        minAnswers?: number;
+        maxAnswers?: number;
+    } & IQuestionChoiceAnswer['config'];
+}
+export interface IQuestionSingleAnswer extends IQuestionChoiceAnswer {
+    answerType: `${ANSWER_TYPES.SINGLE}`;
+}
+declare type leanQuestion<T> = Omit<T, 'numOfRetakes' | 'partDuration' | 'thinkingTime'> & {
     attempts?: number;
     duration?: number;
     thinkingTime?: number;
 };
+export declare type ALL_JOB_QUESTIONS_TYPE = IQuestionDefault | IQuestionTextAnswer | IQuestionMultipleAnswer | IQuestionSingleAnswer;
+export declare type ASSESSMENT_QUESTIONS_TYPE = Exclude<ALL_JOB_QUESTIONS_TYPE, IQuestionDefault>;
+export declare type IClientQuestion = leanQuestion<IQuestionDefault> | leanQuestion<IQuestionTextAnswer> | leanQuestion<IQuestionMultipleAnswer> | leanQuestion<IQuestionSingleAnswer>;
 export interface IJob {
     language?: string;
     transcriptLanguage?: string;
@@ -19,7 +58,7 @@ export interface IJob {
     company?: string;
     job_id?: string;
     logo?: string;
-    questions?: IQuestion[];
+    questions?: ALL_JOB_QUESTIONS_TYPE[];
     old_jobID?: string;
     termsUrl?: string;
     privacyUrl?: string;
@@ -27,6 +66,7 @@ export interface IJob {
     company_id?: string;
     jobID?: string;
 }
-export type IClientJob = Omit<IJob, 'questions'> & {
+export declare type IClientJob = Omit<IJob, 'questions'> & {
     questions?: IClientQuestion[];
 };
+export {};

package/dist/esm/interfaces/recorderInterface.d.ts

@@ -5,8 +5,8 @@ export declare const enum SPEED_TEST_LEVEL {
     MEDIUM = 1,
     HIGH = 2
 }
-export type mediaDeviceType = 'video' | 'audio';
-type ConstrainProps = {
+export declare type mediaDeviceType = 'video' | 'audio';
+declare type ConstrainProps = {
     video: {
         width: {
             min?: number;
@@ -23,6 +23,7 @@ interface FacingMode {
 export interface RecorderInterface {
     facingMode: FacingMode;
     microphoneRef: ActorRef<DoneInvokeEvent<any>> | null;
+    countDownRef: ActorRef<DoneInvokeEvent<any>> | null;
     mediaStream?: MediaStream;
     mediaRecorder?: MediaRecorder;
     videoDevices: MediaDeviceInfo[];
@@ -60,6 +61,8 @@ export declare const enum STATES {
     RECORDER_SENDING_BLOBS = "recorderSendingBlobs"
 }
 export declare const enum ACTIONS {
+    STOP_COUNT_DOWN_ACTOR = "STOP_COUNT_DOWN_ACTOR",
+    INIT_COUNT_DOWN_ACTOR = "INIT_COUNT_DOWN_ACTOR",
     SESSION_EVENT = "SESSION_EVENT",
     SENTRY = "SENTRY",
     CONSOLE_LOG = "CONSOLE_LOG",
@@ -93,6 +96,7 @@ export declare const enum ACTIONS {
     SET_MIC_ERROR = "SET_MIC_ERROR"
 }
 export declare const enum EVENTS {
+    SEND_RECORDER_TO_WAITING_STATE = "SEND_RECORDER_TO_WAITING_STATE",
     CHANGE_VIDEO_DEVICE = "CHANGE_VIDEO_DEVICE",
     CHANGE_AUDIO_DEVICE = "CHANGE_AUDIO_DEVICE",
     START_RECORDING = "START_RECORDING",

package/dist/esm/interfaces/uploaderInterface.d.ts

@@ -1,4 +1,4 @@
-import { IVideoFile } from './videoInterface';
+import { ALL_VIDEO_FILE_TYPES } from './videoInterface';
 interface ILastUploadChunkl {
     loaded: number;
     timeStamp: number;
@@ -11,10 +11,11 @@ export interface InitialState {
     uploadSpeed: number;
     lastUploadChunk: ILastUploadChunkl;
     videoId: string;
-    videoFile: IVideoFile;
+    videoFile: ALL_VIDEO_FILE_TYPES;
 }
 export declare const enum STATES {
     IDLE = "idle",
+    UPLOAD_CONTROLLER = "uploadController",
     UPLOADING = "uploading",
     GET_SIGNED_URL = "getSignedUrl",
     UPLOAD_TO_S3 = "uploadToS3",
@@ -34,6 +35,7 @@ export declare const enum ACTIONS {
     SENTRY = "sentry"
 }
 export declare const enum GUARDS {
-    CAN_UPLOAD = "canUplaod"
+    CAN_UPLOAD = "canUplaod",
+    IS_ASSESSMENT_QUESTION = "isAssessmentQuestion"
 }
 export {};

package/dist/esm/interfaces/videoInterface.d.ts

@@ -1,3 +1,4 @@
+import { ANSWER_TYPES } from './jobInterface';
 export interface IVideoPlatformOS {
     architecture: number;
     family: string;
@@ -25,6 +26,29 @@ export interface IVideoFile {
     question?: string;
     selectedTake?: number;
 }
+export interface IVideoFileDefault extends IVideoFile {
+    answerType?: ANSWER_TYPES.VIDEO;
+}
+export interface IMultipleAnswer {
+    id: string;
+    label: string;
+    selected: boolean;
+}
+export interface IVideoFileTextAnswer extends IVideoFile {
+    answerType: ANSWER_TYPES.TEXT;
+    answer: string;
+}
+export interface IVideoFileMultipleAnswer extends IVideoFile {
+    answerType: ANSWER_TYPES.MULTIPLE;
+    answer: IMultipleAnswer[];
+}
+export interface IVideoFileSingleAnswer extends IVideoFile {
+    answerType: ANSWER_TYPES.SINGLE;
+    answer: IMultipleAnswer[];
+}
+export declare type ALL_VIDEO_FILE_TYPES = IVideoFileDefault | IVideoFileTextAnswer | IVideoFileMultipleAnswer | IVideoFileSingleAnswer;
+export declare type ASSESSMENT_VIDEO_FILE_TYPES = Exclude<ALL_VIDEO_FILE_TYPES, IVideoFileDefault>;
+export declare type CURRENT_QUESTION_ANSWER_TYPES = ASSESSMENT_VIDEO_FILE_TYPES['answer'];
 export interface IVideo {
     video_id?: string;
     bandwidth?: string;
@@ -37,7 +61,7 @@ export interface IVideo {
     quality?: string;
     referrer?: string;
     cvUrl?: string;
-    videos?: IVideoFile[];
+    videos?: ALL_VIDEO_FILE_TYPES[];
     processTime?: number;
     files?: string[];
     personalInfo?: Record<string, string>;

package/dist/esm/interfaces/widgetInterface.d.ts

@@ -3,9 +3,9 @@ import { ActorRef, BaseActionObject, DoneInvokeEvent, Event, EventData, ResolveT
 import { IWidgetConfig } from './configInterface';
 import { CAMERA_STATES_MESSAGES, INTERNET_STATES_MESSAGES, MICROPHONE_STATES_MESSAGES } from '../utils/messages.utils';
 import { TAKE_TYPES } from './storageInterface';
-import { IQuestion } from './jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE } from './jobInterface';
 import { IVideoError } from '../utils/errors.utils';
-type IUploaderRef = {
+declare type IUploaderRef = {
     [uploaderRef: string]: ActorRef<DoneInvokeEvent<any>>;
 };
 export declare const VIDEO_ERROR_MESSAGES: {
@@ -13,10 +13,10 @@ export declare const VIDEO_ERROR_MESSAGES: {
     REDIRECT: "REDIRECT";
     NO_ERROR: "";
 };
-export type ICameraStateKey = keyof typeof CAMERA_STATES_MESSAGES;
-export type IMicrophoneStateKey = keyof typeof MICROPHONE_STATES_MESSAGES;
-export type IInternetStateKey = keyof typeof INTERNET_STATES_MESSAGES;
-export type IVideoCorruptedMessagesKey = keyof typeof VIDEO_ERROR_MESSAGES;
+export declare type ICameraStateKey = keyof typeof CAMERA_STATES_MESSAGES;
+export declare type IMicrophoneStateKey = keyof typeof MICROPHONE_STATES_MESSAGES;
+export declare type IInternetStateKey = keyof typeof INTERNET_STATES_MESSAGES;
+export declare type IVideoCorruptedMessagesKey = keyof typeof VIDEO_ERROR_MESSAGES;
 export declare const CAMERA_STATES: {
     [K in ICameraStateKey]: K;
 };
@@ -47,7 +47,7 @@ interface IChecksMessage {
 export interface InitialState {
     speedTestResult: number;
     widgetConfig: IWidgetConfig;
-    questions: IQuestion[];
+    questions: ALL_JOB_QUESTIONS_TYPE[];
     isConnected: boolean;
     videoRef: RefObject<HTMLVideoElement>;
     networkRef: ActorRef<DoneInvokeEvent<any>> | null;
@@ -55,6 +55,8 @@ export interface InitialState {
     storageRef: ActorRef<DoneInvokeEvent<any>> | null;
     previewRef: ActorRef<DoneInvokeEvent<any>> | null;
     uploaderRefs: IUploaderRef;
+    countDownRef: ActorRef<DoneInvokeEvent<any>> | null;
+    timer: number;
     currentQuestion: number;
     currentTake: number;
     selectedTake: number | null;
@@ -103,8 +105,11 @@ export declare const enum STATES {
     INTERVIEW__EXPLANATION = "interviewExplanation",
     INTERVIEW__QUESTION = "interviewQuestion",
     INTERVIEW__VIDEO_QUESTION = "interviewVideoQuestion",
+    INTERVIEW__ANSWER_SELECTOR = "interviewAnswerSelector",
+    INTERVIEW__ASSESSMENT = "interviewAssessment",
     INTERVIEW__RECORDING = "interviewRecording",
     PREVIEW = "preview",
+    NEXT_QUESTION_MIDDLEWARE = "nextQuestionMiddleware",
     RE_INIT_RECORDER = "reInitRecorder",
     RE_INIT_RECORDER__NEXT_RETAKE = "reInitRecorderNextRetake",
     RE_INIT_RECORDER__NEXT_QUESTION = "reInitRecorderNextQuestion",
@@ -128,8 +133,10 @@ export declare const enum ACTIONS {
     SPAWN_UPLOADER = "spawnUploader",
     SPAWN_STORAGE = "spawnStorage",
     SPAWN_PREVIEW = "spawnPreview",
+    SPAWN_COUNT_DOWN = "spawnCountDown",
     STOP_RECORDER = "stopRecorder",
     STOP_PREVIEW = "stopPreview",
+    STOP_COUNT_DOWN = "stopCountDown",
     STORE_TAKE = "storeTake",
     GET_TAKE = "getTake",
     GET_TAKES = "getTakes",
@@ -139,8 +146,10 @@ export declare const enum ACTIONS {
     UPDATE_TOTAL_UPLOADED_FILES_SIZE = "updateTotalUploadedFileSize",
     UPDATE_QUESTION_NUMBER = "updateQuestionNumber",
     UPDATE_RETAKES_NUMBER = "updateRetakesNumber",
+    UPDATE_TIMER = "updateTimer",
     UPDATE_AXION_AUTH = "updateAxiosAuth",
     RECORDER_RE_INIT = "recorderReInit",
+    DEACTIVATE_RECORDER = "deactivateRecorder",
     RECORDER_RE_INIT_AUTO_START = "recorderReInitAutoStart",
     UPDATE_RECORDER_PARAMS = "updateRecorderParams",
     UPDATE_TOTAL_UPLOADED = "updateTotalUploaded",
@@ -175,7 +184,8 @@ export declare const enum EVENTS {
     UPLOADER_PROGRESS = "UPLOADER_PROGRESS",
     UPLOADER_FINISHED = "UPLOADER_FINISHED",
     RECORDER_ERROR = "RECORDER_ERROR",
-    RETRY = "RETRY"
+    RETRY = "RETRY",
+    UPDATE_TIMER = "UPDATE_TIMER"
 }
 export declare const enum SERVICES {
     UPDATE_VIDEO_OBJECT_CALL = "updateVideoObjectCall",
@@ -199,7 +209,10 @@ export declare const enum GUARDS {
     IS_NO_SOUND_ERROR = "isNoSoundError",
     IS_VIDEO_CORRUPTED = "isVideoCorrupted",
     IS_AUDIO_ERROR = "isAudioError",
-    IS_VIDEO_ERROR = "isVideoError"
+    IS_VIDEO_ERROR = "isVideoError",
+    THERE_ARE_NO_VIDEO_QUESTIONS_TYPE = "thereAreNoVideoQuestionType",
+    IS_RECORDER_READY = "isRecorderReady",
+    IS_ASSESSMENT_QUESTION = "isAssessmentQuestion"
 }
 export declare const enum TAGS {
     SETUP = "setup",

package/dist/esm/machines/acceleratorMachines/counterMachine.d.ts

@@ -0,0 +1,5 @@
+import { CounterInterface } from '../../interfaces/countDownInterface';
+export declare const counterMachine: import("xstate").StateMachine<CounterInterface, any, import("xstate").AnyEventObject, {
+    value: any;
+    context: CounterInterface;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("xstate").AnyEventObject, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/services/session.service.d.ts

@@ -27,7 +27,7 @@ export declare function getSessionIdFromCache(): string | undefined | null;
  */
 export declare function deleteSession(): void;
 /** ehehehe this is a type that takes 2 types and matches all the keys of type V from type K */
-type KeysMatching<T, V> = {
+declare type KeysMatching<T, V> = {
     [K in keyof T]-?: T[K] extends (V | undefined) ? K : never;
 }[keyof T];
 /**

package/dist/esm/services/video.service.d.ts

@@ -1,7 +1,7 @@
 import { IWidgetConfigRequest, IWidgetConfigResponse } from '../interfaces/configInterface';
-import { IVideo, IVideoFile } from '../interfaces/videoInterface';
+import { IVideo, ALL_VIDEO_FILE_TYPES } from '../interfaces/videoInterface';
 export declare const createVideo: (widgetConfig: IWidgetConfigRequest) => Promise<IWidgetConfigResponse>;
 export declare const getVideo: (videoId: string) => Promise<IWidgetConfigResponse>;
-export declare const updateVideo: ({ video_id, completed, uploaded, bandwidth }: IVideo) => Promise<IWidgetConfigResponse>;
-export declare const updateVideoFile: (videoId: string, videoFile: IVideoFile) => Promise<IWidgetConfigResponse>;
+export declare const updateVideo: ({ video_id, started, completed, uploaded, bandwidth }: IVideo) => Promise<IWidgetConfigResponse>;
+export declare const updateVideoFile: (videoId: string, videoFile: ALL_VIDEO_FILE_TYPES) => Promise<IWidgetConfigResponse>;
 export declare const getUploadUrl: (videoId: string, fileName: string, typeExtension: string) => Promise<IWidgetConfigResponse>;

package/dist/esm/utils/constants.utils.d.ts

@@ -11,4 +11,5 @@ export declare const VIDEO_INACTIVE_TIMEOUT = 2000;
 export declare const MICROPHONE_NO_SOUND_ERROR_CODE = 777;
 export declare const MAX_FAILED_RECORDING_ATTEMPTS = 2;
 export declare const MICROPHONE_RETAKE_COUNT = 100;
+export declare const SECONDS_LEFT_HIGHLIGHT = 10;
 export declare const FONT_URL = "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap";

package/dist/esm/utils/device.utils.d.ts

@@ -4,7 +4,7 @@ export declare const isSupportedIosDevice: boolean;
 export declare const isSupportedDevice: boolean;
 declare const PLATFORMS_OPTIONS: readonly ["ANDROID", "IOS", "MACBOOK", "WINDOWS"];
 declare const BROWSERS_OPTIONS: readonly ["CHROME", "SAFARI", "FIREFOX", "SAMSUNG"];
-type DEVICE_TYPE = {
+declare type DEVICE_TYPE = {
     PLATFORM: typeof PLATFORMS_OPTIONS[number];
     BROWSER: typeof BROWSERS_OPTIONS[number];
 };

package/dist/esm/utils/formatters.utils.d.ts

@@ -1,5 +1,5 @@
 export declare const twoDigitsNumber: (num: number) => string;
 export declare const timeFormatter: (number: number) => string;
 export declare const timeLeftInMinutesFormatter: (number: number) => string;
-export declare const timerCountDown: (number: number) => string;
+export declare const timerCountDown: (number: number) => string[];
 export declare const formattedDuration: (number: number) => string;

package/dist/index.d.ts

@@ -20,6 +20,12 @@ interface ICompany {
     shouldShowWaterMark: boolean;
 }
 
+declare const enum ANSWER_TYPES {
+    VIDEO = "video",
+    TEXT = "text",
+    MULTIPLE = "multiple_choice",
+    SINGLE = "single_choice"
+}
 interface IQuestion {
     question: string;
     numOfRetakes: number;
@@ -29,11 +35,43 @@ interface IQuestion {
     videoQuestion?: string;
     description?: string;
 }
-type IClientQuestion = Omit<IQuestion, 'numOfRetakes' | 'partDuration' | 'thinkingTime'> & {
+interface IQuestionDefault extends IQuestion {
+    answerType?: `${ANSWER_TYPES.VIDEO}`;
+}
+interface IQuestionTextAnswer extends IQuestion {
+    answerType: `${ANSWER_TYPES.TEXT}`;
+    config?: {
+        minChars: number;
+        maxChars?: number;
+    };
+}
+interface IMultipleChoiceOptionDefinition {
+    id: string;
+    label: string;
+}
+interface IQuestionChoiceAnswer extends IQuestion {
+    config?: {
+        shuffle?: boolean;
+        answers: IMultipleChoiceOptionDefinition[];
+    };
+}
+interface IQuestionMultipleAnswer extends IQuestionChoiceAnswer {
+    answerType: `${ANSWER_TYPES.MULTIPLE}`;
+    config?: {
+        minAnswers?: number;
+        maxAnswers?: number;
+    } & IQuestionChoiceAnswer['config'];
+}
+interface IQuestionSingleAnswer extends IQuestionChoiceAnswer {
+    answerType: `${ANSWER_TYPES.SINGLE}`;
+}
+declare type leanQuestion<T> = Omit<T, 'numOfRetakes' | 'partDuration' | 'thinkingTime'> & {
     attempts?: number;
     duration?: number;
     thinkingTime?: number;
 };
+declare type ALL_JOB_QUESTIONS_TYPE = IQuestionDefault | IQuestionTextAnswer | IQuestionMultipleAnswer | IQuestionSingleAnswer;
+declare type IClientQuestion = leanQuestion<IQuestionDefault> | leanQuestion<IQuestionTextAnswer> | leanQuestion<IQuestionMultipleAnswer> | leanQuestion<IQuestionSingleAnswer>;
 interface IJob {
     language?: string;
     transcriptLanguage?: string;
@@ -41,7 +79,7 @@ interface IJob {
     company?: string;
     job_id?: string;
     logo?: string;
-    questions?: IQuestion[];
+    questions?: ALL_JOB_QUESTIONS_TYPE[];
     old_jobID?: string;
     termsUrl?: string;
     privacyUrl?: string;
@@ -49,7 +87,7 @@ interface IJob {
     company_id?: string;
     jobID?: string;
 }
-type IClientJob = Omit<IJob, 'questions'> & {
+declare type IClientJob = Omit<IJob, 'questions'> & {
     questions?: IClientQuestion[];
 };
 
@@ -80,6 +118,27 @@ interface IVideoFile {
     question?: string;
     selectedTake?: number;
 }
+interface IVideoFileDefault extends IVideoFile {
+    answerType?: ANSWER_TYPES.VIDEO;
+}
+interface IMultipleAnswer {
+    id: string;
+    label: string;
+    selected: boolean;
+}
+interface IVideoFileTextAnswer extends IVideoFile {
+    answerType: ANSWER_TYPES.TEXT;
+    answer: string;
+}
+interface IVideoFileMultipleAnswer extends IVideoFile {
+    answerType: ANSWER_TYPES.MULTIPLE;
+    answer: IMultipleAnswer[];
+}
+interface IVideoFileSingleAnswer extends IVideoFile {
+    answerType: ANSWER_TYPES.SINGLE;
+    answer: IMultipleAnswer[];
+}
+declare type ALL_VIDEO_FILE_TYPES = IVideoFileDefault | IVideoFileTextAnswer | IVideoFileMultipleAnswer | IVideoFileSingleAnswer;
 interface IVideo {
     video_id?: string;
     bandwidth?: string;
@@ -92,7 +151,7 @@ interface IVideo {
     quality?: string;
     referrer?: string;
     cvUrl?: string;
-    videos?: IVideoFile[];
+    videos?: ALL_VIDEO_FILE_TYPES[];
     processTime?: number;
     files?: string[];
     personalInfo?: Record<string, string>;
@@ -104,7 +163,7 @@ interface IVideo {
     };
 }
 
-type IMessageType = 'completed' | 'deadline' | 'applied' | 'inactiveJob';
+declare type IMessageType = 'completed' | 'deadline' | 'applied' | 'inactiveJob';
 interface IOnFinish {
     redirectUrl?: string;
     video_id: string;
@@ -112,7 +171,7 @@ interface IOnFinish {
 interface IOnError {
     messageType: IMessageType;
 }
-type IEnv = 'dev' | 'staging' | 'production' | 'development' | 'local';
+declare type IEnv = 'dev' | 'staging' | 'production' | 'development' | 'local';
 interface IConfig {
     auth: string;
     onWidgetClicked?: () => void;
@@ -121,7 +180,7 @@ interface IConfig {
     onWidgetClose?: () => void;
     openAnimation?: boolean;
     debug?: boolean;
-    practiceQuestions?: IQuestion[];
+    practiceQuestions?: ALL_JOB_QUESTIONS_TYPE[];
     overlay?: string;
     introVideo?: string;
     welcomeTitle?: string;
@@ -132,7 +191,7 @@ interface IConfig {
     hideIntercom?: boolean;
     disablePractice?: boolean;
 }
-type IClientConfig = Omit<IConfig, 'practiceQuestions'> & {
+declare type IClientConfig = Omit<IConfig, 'practiceQuestions'> & {
     practiceQuestions?: IClientQuestion[];
 };
 interface IWidgetConfig {
@@ -148,7 +207,7 @@ interface IWidgetConfig {
     styleUrls?: string | string[];
     fontsUrls?: string | string[];
 }
-type IClientWidgetConfig = Omit<IWidgetConfig, 'job' | 'config'> & {
+declare type IClientWidgetConfig = Omit<IWidgetConfig, 'job' | 'config'> & {
     job: IClientJob;
     config: IClientConfig;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myinterview/widget-react",
-  "version": "1.0.60",
+  "version": "1.0.61-experimental",
   "description": "myInterview widget v3",
   "module": "dist/esm/index.js",
   "main": "dist/cjs/index.js",
@@ -10,7 +10,7 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@cloudflare/stream-react": "^1.8.0",
-    "@myinterview/component-library": "^1.0.36",
+    "@myinterview/component-library": "^1.0.43",
     "@sentry/react": "^7.7.0",
     "@sentry/tracing": "^7.7.0",
     "@xstate/react": "^3.0.1",
@@ -100,7 +100,6 @@
     "@typescript-eslint/eslint-plugin": "^5.19.0",
     "@typescript-eslint/parser": "^5.30.0",
     "babel-jest": "^27.4.2",
-    "babel-loader": "^8.3.0",
     "babel-preset-react-app": "^10.0.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "classnames": "^2.3.1",
@@ -141,6 +140,7 @@
     "webpack-manifest-plugin": "^4.0.2"
   },
   "peerDependencies": {
+    "babel-loader": "> =8.0.0",
     "react": ">= 16.8.0",
     "react-dom": ">= 16.8.0"
   },