@myinterview/widget-react 1.0.88 → 1.1.0-beta-fcdd2f1

package/dist/cjs/{types/interfaces → interfaces}/widgetInterface.d.ts

@@ -1,16 +1,23 @@
 import { RefObject } from 'react';
 import { ActorRef, BaseActionObject, DoneInvokeEvent, Event, EventData, ResolveTypegenMeta, SCXML, ServiceMap, SingleOrArray, State, TypegenDisabled } from 'xstate';
-import { IConfig } from './configInterface';
+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';
-declare type IUploaderRef = {
+import { IVideoDimensions } from './videoInterface';
+type IUploaderRef = {
     [uploaderRef: string]: ActorRef<DoneInvokeEvent<any>>;
 };
-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 const VIDEO_ERROR_MESSAGES: {
+    RETRY: "RETRY";
+    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 const CAMERA_STATES: {
     [K in ICameraStateKey]: K;
 };
@@ -20,6 +27,9 @@ export declare const MICROPHONE_STATES: {
 export declare const INTERNET_STATES: {
     [K in IInternetStateKey]: K;
 };
+export declare const VIDEO_CORRUPTED_STATES: {
+    [K in IVideoCorruptedMessagesKey]: K;
+};
 export interface IChecksMetaObj {
     key: 'camera' | 'microphone' | 'internet';
     state: ICameraStateKey | IMicrophoneStateKey | IInternetStateKey;
@@ -37,8 +47,8 @@ interface IChecksMessage {
 }
 export interface InitialState {
     speedTestResult: number;
-    config: IConfig;
-    questions: IQuestion[];
+    widgetConfig: IWidgetConfig;
+    questions: ALL_JOB_QUESTIONS_TYPE[];
     isConnected: boolean;
     videoRef: RefObject<HTMLVideoElement>;
     networkRef: ActorRef<DoneInvokeEvent<any>> | null;
@@ -46,6 +56,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;
@@ -60,6 +72,10 @@ export interface InitialState {
         [questionNumber: string]: number;
     };
     error: IVideoError | null;
+    failedRecordingAttempts: number;
+    failedRecordingMessage: IVideoCorruptedMessagesKey;
+    isResumed: boolean;
+    videoDimensions: IVideoDimensions;
 }
 export interface IWidgetMachineProps {
     widgetMachine: State<InitialState, DoneInvokeEvent<any>, any, {
@@ -70,6 +86,7 @@ export interface IWidgetMachineProps {
 }
 export declare const enum STATES {
     INIT = "init",
+    WELCOME = "welcome",
     SETUP = "setup",
     SETUP__INIT_STORAGE = "initStorage",
     SETUP__INIT_RECORDER = "initRecorder",
@@ -91,8 +108,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",
@@ -103,6 +123,7 @@ export declare const enum STATES {
 }
 export declare const enum ACTIONS {
     CONSOLE_LOG = "consoleLog",
+    CONSOLE_DEBUG = "consoleDebug",
     SET_CONNECTION = "setConnection",
     SET_CONFIG = "getConfig",
     SET_NEXT_QUESTION = "setNextQuestion",
@@ -115,8 +136,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",
@@ -126,8 +149,11 @@ 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",
     SET_VIDEO_ERROR = "setVideoError",
@@ -137,7 +163,11 @@ export declare const enum ACTIONS {
     SESSION_EVENT = "sessionEvent",
     REVOKE_MEMORY = "revokeMemory",
     UPDATE_VIDEO_OBJECT = "updateVideoObject",
-    UPDATE_VIDEO_PART = "updateVideoPart"
+    UPDATE_VIDEO_PART = "updateVideoPart",
+    INCREASE_FAILED_RECORDING_ATTEMPTS = "increaseFailedRecordingAttempts",
+    RESET_FAILED_RECORDING_ATTEMPTS = "resetFailedRecordingAttempts",
+    CLEAR_VIDEO_ERROR = "clearVideoError",
+    UPDATE_VIDEO_DIMENSIONS = "updateVideoDimensions"
 }
 export declare const enum EVENTS {
     SPAWN_UPLOADER = "SPAWN_UPLOADER",
@@ -158,7 +188,9 @@ 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",
+    UPDATE_VIDEO_DIMENSIONS = "UPDATE_VIDEO_DIMENSIONS"
 }
 export declare const enum SERVICES {
     UPDATE_VIDEO_OBJECT_CALL = "updateVideoObjectCall",
@@ -173,12 +205,19 @@ export declare const enum GUARDS {
     IS_PRACTICE_MODE = "isPracticeMod",
     IS_NOT_LAST_TAKE = "isNotLastTake",
     IS_LAST_INTERVIEW_QUESTION = "isLastInterviewQuestion",
-    IS_UPLOAD_FINISHED = "isUploadFinished",
     CAN_RETEST_SPEED_CONNECTION = "canRetestSpeedConnection",
     IS_CONNECTED = "isConnected",
     IS_DISCONNECTED = "isDisconnected",
     CAN_START_INTERVIEW = "canStartInterview",
-    ARE_ALL_QUESTIONS_UPLOADED = "areAllQuestionsUploaded"
+    ARE_ALL_QUESTIONS_UPLOADED = "areAllQuestionsUploaded",
+    SHOULD_SHOW_WELCOME = "shouldShowWelcome",
+    IS_NO_SOUND_ERROR = "isNoSoundError",
+    IS_VIDEO_CORRUPTED = "isVideoCorrupted",
+    IS_AUDIO_ERROR = "isAudioError",
+    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/cjs/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/types → cjs}/services/axiosInstances.service.d.ts

@@ -1,3 +1,4 @@
 export declare const videoAxiosInstance: import("axios").AxiosInstance;
 export declare const s3AxiosInstance: import("axios").AxiosInstance;
 export declare const updateVideoAxiosAuth: (auth: string) => void;
+export declare const updateVideoAxiosBaseURL: (url: string) => void;

package/dist/{esm/types → cjs}/services/session.service.d.ts

@@ -27,14 +27,14 @@ 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 */
-declare type KeysMatching<T, V> = {
+type KeysMatching<T, V> = {
     [K in keyof T]-?: T[K] extends (V | undefined) ? K : never;
 }[keyof T];
 /**
  * A cute shortcut for updating a date event in the session
  * just give it the key of the date event, and it will update it
  * @param eventType
- */
+   */
 export declare function registerDateEvent(eventType: KeysMatching<ICandidateSession, Date>): Promise<ICandidateSession | undefined>;
 /**
  * Another cute shortcut for updating a number state of a session
@@ -43,4 +43,15 @@ export declare function registerDateEvent(eventType: KeysMatching<ICandidateSess
  * @param data
  */
 export declare function registerCountEvent(eventType: KeysMatching<ICandidateSession, number>, data?: number): Promise<ICandidateSession | undefined>;
+/**
+ * Another cute shortcut for updating a number state of a session
+ * if no data is provided, it will just increment the number
+ * @param warning
+ */
+export declare function registerWarning(warning: string): Promise<ICandidateSession | undefined>;
+export declare const triggerEvent: {
+    warning: typeof registerWarning;
+    date: typeof registerDateEvent;
+    number: typeof registerCountEvent;
+};
 export {};

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

@@ -0,0 +1,7 @@
+import { IWidgetConfigRequest, IWidgetConfigResponse } from '../interfaces/configInterface';
+import { IVideo, ALL_VIDEO_FILE_TYPES, IVideoDimensions } 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, 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, { width, height }: IVideoDimensions) => Promise<IWidgetConfigResponse>;

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

@@ -0,0 +1,21 @@
+export declare const DEFAULT_COUNT_DOWN = 3;
+export declare const DEFAULT_DURATION = 60;
+export declare const DEFAULT_ATTEMPTS = 3;
+export declare const DEFAULT_THINKING_TIME = 0;
+export declare const ENOUGH_RECORDING_TIME = 3;
+export declare const SPEED_TEST_FILE_SIZE = 5;
+export declare const FAST_UPLOAD_SPEED = 0.35;
+export declare const SLOW_UPLOAD_SPEED = 0.1;
+export declare const SPEED_TEST_TIMEOUT = 5000;
+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 DEFAULT_ASSESSMENT_MAX_CHARS = 300;
+export declare const DEFAULT_ASSESSMENT_DURATION = 0;
+export declare const DEFAULT_VIDEO_DIMENSIONS: {
+    width: number;
+    height: number;
+};
+export declare const FONT_URL = "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap";

package/dist/cjs/utils/convertor.utils.d.ts

@@ -0,0 +1,2 @@
+import { IClientQuestion, IQuestion } from '../interfaces/jobInterface';
+export declare const convertQuestions: (questions?: IClientQuestion[]) => IQuestion[];

package/dist/cjs/{types/utils → 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"];
-declare type DEVICE_TYPE = {
+type DEVICE_TYPE = {
     PLATFORM: typeof PLATFORMS_OPTIONS[number];
     BROWSER: typeof BROWSERS_OPTIONS[number];
 };

package/dist/cjs/{types/utils → 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/cjs/utils/languages.utils.d.ts

@@ -0,0 +1 @@
+export declare const isRtl: (language?: string) => boolean;

package/dist/cjs/utils/recorderErrors.utils.d.ts

@@ -0,0 +1,29 @@
+export declare const TYPES_EXPLANATION: {
+    VIDEO: string;
+    AUDIO: string;
+    VIDEO_AUDIO: string;
+};
+export declare const enum MEDIA_RECORDER_STATES {
+    INACTIVE = "inactive",
+    RECORDING = "recording",
+    PAUSED = "paused"
+}
+export declare const ERROR_ENUM: {
+    NotAllowedError: string;
+    NotFoundError: string;
+    NotReadableError: string;
+    AbortError: string;
+    OverconstrainedError: string;
+    SecurityError: string;
+    TypeError: string;
+    NoSoundError: string;
+    UndefinedError: string;
+    VideoCorrupted: string;
+};
+export declare const recorderErrors: {
+    [x: string]: {
+        type: string;
+        message: string;
+        name: string;
+    };
+};

package/dist/cjs/utils/sentry.utils.d.ts

@@ -0,0 +1,6 @@
+import * as Sentry from '@sentry/browser';
+import { DoneInvokeEvent } from 'xstate';
+import { Breadcrumb } from '@sentry/types';
+export declare const SentryHub: Sentry.Hub;
+export declare const SentryTrackingFn: (event: DoneInvokeEvent<any>, context: any, name: string, level: 'fatal' | 'error' | 'warning' | 'log' | 'info' | 'debug') => void;
+export declare const SentryBreadcrumb: ({ type, level, event_id, category, message, data }: Breadcrumb) => void;

package/dist/cjs/workers/microphone.worker.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/cjs/workers/worker-builder.d.ts

@@ -0,0 +1,3 @@
+export default class Builder extends Worker {
+    constructor(worker: Worker);
+}

package/dist/esm/{types/App.d.ts → App.d.ts}

@@ -1,2 +1,3 @@
 import React from 'react';
+import './assets/styles/global.scss';
 export declare const App: React.FC;

package/dist/esm/components/AnswerInstructions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ASSESSMENT_QUESTIONS_TYPE } from '../interfaces/jobInterface';
+interface IProps {
+    currentQuestionObj: ASSESSMENT_QUESTIONS_TYPE;
+}
+export declare const AnswerInstructions: React.FC<IProps>;
+export {};

package/dist/esm/components/AssessmentController.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ASSESSMENT_QUESTIONS_TYPE } from '../interfaces/jobInterface';
+import { IMultipleAnswer } from '../interfaces/videoInterface';
+interface IProps {
+    currentQuestionObj: ASSESSMENT_QUESTIONS_TYPE;
+    currentQuestion: number;
+    numberOfQuestions: number;
+    timer: number;
+    onSubmitAssessment: (answer: IMultipleAnswer[] | string) => void;
+}
+export declare const AssessmentController: React.FC<IProps>;
+export {};

package/dist/esm/components/AssessmentFreeText.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    onAnswer: (answer: string) => void;
+    maxChars?: number;
+}
+export declare const AssessmentFreeText: React.FC<IProps>;
+export {};

package/dist/esm/components/AssessmentMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IMultipleChoiceOptionDefinition } from '../interfaces/jobInterface';
+import { IMultipleAnswer } from '../interfaces/videoInterface';
+interface IProps {
+    answerOptions: IMultipleChoiceOptionDefinition[];
+    onAnswer: (answers: IMultipleAnswer[]) => void;
+}
+export declare const AssessmentMultiSelect: React.FC<IProps>;
+export {};

package/dist/esm/components/AssessmentSingleSelect.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IMultipleChoiceOptionDefinition } from '../interfaces/jobInterface';
+import { IMultipleAnswer } from '../interfaces/videoInterface';
+interface IProps {
+    answerOptions: IMultipleChoiceOptionDefinition[];
+    onAnswer: (answer: IMultipleAnswer[]) => void;
+}
+export declare const AssessmentSingleSelect: React.FC<IProps>;
+export {};

package/dist/esm/components/CharactersLimit.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    currentLength: number;
+    maxLength: number;
+}
+export declare const CharactersLimit: React.FC<IProps>;
+export {};

package/dist/esm/components/CountDown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface CountDownProps {
+    countDown: number;
+    forceMobileCounter?: boolean;
+    numberOfSecondsToHighlight?: number;
+}
+export declare const CountDown: ({ countDown, forceMobileCounter, numberOfSecondsToHighlight }: CountDownProps) => JSX.Element;
+export {};

package/dist/{cjs/types → esm}/components/DeviceSelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { mediaDeviceType } from '../interfaces/recorderInterface';
 export interface IDeviceSelectorProps {
     handleDeviceChange: (type?: mediaDeviceType, id?: string) => void;
@@ -6,5 +6,6 @@ export interface IDeviceSelectorProps {
     videoDevices?: MediaDeviceInfo[];
     selectedAudioDevice?: MediaDeviceInfo;
     selectedVideoDevice?: MediaDeviceInfo;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
 }
-export declare const DeviceSelector: ({ handleDeviceChange, videoDevices, audioDevices, selectedAudioDevice, selectedVideoDevice, }: IDeviceSelectorProps) => JSX.Element;
+export declare const DeviceSelector: ({ handleDeviceChange, videoDevices, audioDevices, selectedAudioDevice, selectedVideoDevice, myinterviewRef, }: IDeviceSelectorProps) => JSX.Element;

package/dist/esm/components/Errors.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IVideoCorruptedMessagesKey } from '../interfaces/widgetInterface';
+import { IDeviceSelectorList } from './DeviceSelectorList';
+export type VIDEO_ERRORS = Exclude<IVideoCorruptedMessagesKey, 'NO_ERROR'>;
+export type MODAL_ERROR_KEY = 'MEDIA_PERMISSION' | 'NO_SOUND' | 'CONNECTION' | VIDEO_ERRORS;
+interface IProps extends Partial<IDeviceSelectorList> {
+    errorType: MODAL_ERROR_KEY;
+    onDisplayPermissionSteps?: () => void;
+    onReInitRecorder?: () => void;
+}
+export declare const Errors: React.FC<IProps>;
+export {};

package/dist/esm/{types/components → components}/Explanation.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 interface IProps {
     isVideoQuestion: boolean;
-    thinkingTime: number;
+    isAssessment: boolean;
+    timeLimit: number;
 }
 export declare const Explanation: React.FC<IProps>;
 export {};

package/dist/esm/{types/components → components}/InnerView.d.ts

@@ -4,9 +4,12 @@ import { IWidgetMachineProps } from '../interfaces/widgetInterface';
 interface IProps extends IWidgetMachineProps {
     recorderRef: ActorRef<DoneInvokeEvent<any>, any>;
     isSliderModalOpen: boolean;
+    isWidgetMinimized: boolean;
     onOpenSliderModal: () => void;
     onCloseSliderModal: () => void;
     onRecorderRetry: () => void;
+    onReInitRecorder: () => void;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
 }
 export declare const InnerView: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLVideoElement>>;
 export {};

package/dist/esm/components/Main.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IWidgetConfig } from '../interfaces/configInterface';
+interface IProps {
+    widgetConfig: IWidgetConfig;
+    setShouldShowWaterMark: React.Dispatch<React.SetStateAction<boolean>>;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
+    isWidgetMinimized: boolean;
+    onMinimize: () => void;
+}
+export declare const Main: React.FC<IProps>;
+export {};

package/dist/esm/components/PracticeModeInfo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PracticeModeInfo: React.FC;

package/dist/esm/components/PreviewItem.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface IDimensions {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface IProps {
+    blob: string;
+    onSelectVideo: () => void;
+    isSelected: boolean;
+    position: number;
+    currentIndex: number;
+    numberOfVideos: number;
+    isPreviewMode: boolean;
+    onPreviewMode: (dimensions: IDimensions) => void;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
+}
+export declare const PreviewItem: React.FC<IProps>;
+export {};

package/dist/esm/{types/components → components}/PreviewList.d.ts

@@ -12,6 +12,7 @@ interface IProps {
     isConnected: boolean;
     currentQuestion: number;
     numberOfQuestions: number;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
 }
 export declare const PreviewList: React.FC<IProps>;
 export {};

package/dist/esm/{types/components → components}/Question.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { IQuestion } from '../interfaces/jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
 interface IProps {
-    questionObj: IQuestion;
-    currentQuestion: number;
+    questionObj: ALL_JOB_QUESTIONS_TYPE;
     isInner?: boolean;
 }
 export declare const Question: React.FC<IProps>;

package/dist/{cjs/types → esm}/components/QuestionItem.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { IQuestion } from '../interfaces/jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
 import { VIDEO_STATUS } from '../interfaces/videoInterface';
 interface IProps {
-    questionObj: IQuestion;
+    questionObj: ALL_JOB_QUESTIONS_TYPE;
     questionNumber: number;
     currentQuestion: number;
     isPracticeMode: boolean;

package/dist/esm/components/QuestionParamaters.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ANSWER_TYPES } from '../interfaces/jobInterface';
+interface IProps {
+    answerType: `${ANSWER_TYPES}`;
+    duration: number;
+    takes?: number;
+}
+export declare const QuestionParameters: React.FC<IProps>;
+export {};

package/dist/{cjs/types → esm}/components/QuestionsList.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { IQuestion } from '../interfaces/jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
 import { VIDEO_STATUS } from '../interfaces/videoInterface';
 interface IProps {
-    questions: IQuestion[];
+    questions: ALL_JOB_QUESTIONS_TYPE[];
     currentQuestion: number;
     isPracticeMode: boolean;
     questionsStatus: VIDEO_STATUS[];

package/dist/esm/{types/components → components}/RecorderModal.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import { IQuestion } from '../interfaces/jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
 import { IDeviceSelectorList } from './DeviceSelectorList';
 import { MODAL_ERROR_KEY } from './Errors';
 interface IProps extends IDeviceSelectorList {
     errorType: MODAL_ERROR_KEY | null;
     onDisplayPermissionSteps: () => void;
-    currentQuestion: number;
-    numberOfQuestions: number;
-    currentQuestionObj: IQuestion | undefined;
+    onReInitRecorder: () => void;
+    currentQuestionObj: ALL_JOB_QUESTIONS_TYPE | undefined;
     isRecording: boolean;
 }
 export declare const RecorderModal: React.FC<IProps>;

package/dist/esm/{types/components → components}/Setup.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IWidgetMachineProps } from '../interfaces/widgetInterface';
 interface IProps extends IWidgetMachineProps {
+    isPracticeDisabled: boolean;
 }
 export declare const Setup: React.FC<IProps>;
 export {};