@myinterview/widget-react 1.0.311 → 1.1.0

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { IVideoCorruptedMessagesKey } from '../interfaces/widgetInterface';
 import { IDeviceSelectorList } from './DeviceSelectorList';
-export declare type VIDEO_ERRORS = Exclude<IVideoCorruptedMessagesKey, 'NO_ERROR'>;
-export declare type MODAL_ERROR_KEY = 'MEDIA_PERMISSION' | 'NO_SOUND' | 'CONNECTION' | VIDEO_ERRORS;
+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;

package/dist/esm/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/components/InnerView.d.ts

@@ -9,6 +9,7 @@ interface IProps extends IWidgetMachineProps {
     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

@@ -3,7 +3,9 @@ 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

@@ -1,8 +1,2 @@
 import React from 'react';
-interface IProps {
-    isCountDown: boolean;
-    isQuestionDisplayed: boolean;
-    isUploadingState: boolean;
-}
-export declare const PracticeModeInfo: React.FC<IProps>;
-export {};
+export declare const PracticeModeInfo: React.FC;

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

@@ -3,14 +3,18 @@ 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/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/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/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/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/components/RecorderModal.d.ts

@@ -1,14 +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;
     onReInitRecorder: () => void;
-    currentQuestion: number;
-    numberOfQuestions: number;
-    currentQuestionObj: IQuestion | undefined;
+    currentQuestionObj: ALL_JOB_QUESTIONS_TYPE | undefined;
     isRecording: boolean;
 }
 export declare const RecorderModal: React.FC<IProps>;

package/dist/esm/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 {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ActorRef, DoneInvokeEvent } from 'xstate';
-import { IQuestion } from '../interfaces/jobInterface';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
 import { IDeviceSelectorProps } from './DeviceSelector';
 import { MODAL_ERROR_KEY } from './Errors';
 interface IProps extends IDeviceSelectorProps {
@@ -17,13 +17,15 @@ interface IProps extends IDeviceSelectorProps {
     canStartRecording: boolean;
     currentQuestion: number;
     numberOfQuestions: number;
-    currentQuestionObj: IQuestion | undefined;
+    currentQuestionObj: ALL_JOB_QUESTIONS_TYPE | undefined;
     isRecording: boolean;
     durations: number;
     recordingTime: number;
     isCountDown: boolean;
     countdown: number;
     isQuestionDisplayed: boolean;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
+    isAssessment: boolean;
 }
 export declare const VideoCamera: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLVideoElement>>;
 export {};

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

@@ -1,6 +1,3 @@
 import React from 'react';
 import { IClientWidgetConfig } from '../interfaces/configInterface';
-import '../assets/styles/global.scss';
-import { getToken } from '../utils/authToken.utils';
 export declare const Widget: React.FC<IClientWidgetConfig>;
-export { getToken };

package/dist/esm/components/ui/DotSeparator.d.ts

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

package/dist/esm/components/ui/StartRecordingButton.d.ts

@@ -5,6 +5,7 @@ interface IProps {
     isExplanationState: boolean;
     isVideoQuestionState: boolean;
     isVideoQuestion: boolean;
+    isAssessment: boolean;
 }
 export declare const StartRecordingButton: React.FC<IProps>;
 export {};

package/dist/esm/i18n/config.d.ts

@@ -1,5 +1,167 @@
 import i18n from 'i18next';
 export declare const resources: {
+    readonly ar: {
+        readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
+            setup: {
+                title: string;
+                rotate: string;
+                permission_denied: string;
+                camera: {
+                    name: string;
+                    WAITING: string;
+                    ERROR: string;
+                    READY: string;
+                };
+                microphone: {
+                    name: string;
+                    WAITING: string;
+                    ERROR: string;
+                    READY: string;
+                };
+                internet: {
+                    name: string;
+                    TESTING: string;
+                    SLOW: string;
+                    CONNECTED: string;
+                    NO_CONNECTED: string;
+                };
+                unsupported_device: {
+                    IOS: string;
+                    BROWSER: string;
+                    INCOGNITO: string;
+                };
+            };
+            time: {
+                unlimited: string;
+                minuteLeft_one: string;
+                minuteLeft_other: string;
+                minute_one: string;
+                minute_other: string;
+                second_one: string;
+                second_other: string;
+            };
+            practice: {
+                title: string;
+                subtitle: string;
+                label: string;
+            };
+            preview: {
+                title: string;
+                singleTake: string;
+                take: string;
+            };
+            upload: {
+                title: string;
+                subtitle: string;
+                errorInfo: string;
+            };
+            questionList: {
+                name: string;
+            };
+            recorder: {
+                explanation: {
+                    take_one: string;
+                    take_other: string;
+                    remaining_take_one: string;
+                    remaining_take_other: string;
+                    question: {
+                        name: string;
+                        title: string;
+                        questionThinkingTime: string;
+                        videoQuestionThinkingTime: string;
+                        videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
+                        showQuestion_btn: string;
+                        watchQuestion_btn: string;
+                    };
+                };
+                errors: {
+                    MEDIA_PERMISSION: {
+                        TITLE: string;
+                        DETAILS: string;
+                        CTA: string;
+                    };
+                    NO_SOUND: {
+                        TITLE: string;
+                        DETAILS: string;
+                        DETAILS_MOBILE: string;
+                        CTA: string;
+                    };
+                    CONNECTION: {
+                        TITLE: string;
+                        DETAILS: string;
+                    };
+                };
+                permissions: {
+                    title: string;
+                    subtitle: string;
+                    permission: string;
+                    PERMISSION_STEPS: {
+                        IOS: {
+                            CHROME: string[];
+                            SAFARI: string[];
+                        };
+                        ANDROID: {
+                            CHROME: string[];
+                            SAMSUNG: string[];
+                        };
+                        MACBOOK: {
+                            CHROME: string[];
+                            SAFARI: string[];
+                            FIREFOX: string[];
+                        };
+                        WINDOWS: {
+                            CHROME: string[];
+                            FIREFOX: string[];
+                        };
+                    };
+                };
+            };
+            buttons: {
+                btn_watch_question: string;
+                btn_show_question: string;
+                btn_start_recording: string;
+                btn_stop_recording: string;
+                btn_try_again: string;
+                btn_internet_test_again: string;
+                btn_practice: string;
+                btn_start: string;
+                btn_retry: string;
+                btn_start_now: string;
+                RETAKE: string;
+                NEXT: string;
+                SUBMIT: string;
+                READY: string;
+            };
+            layout: {
+                footer: string;
+                at: string;
+            };
+        };
+    };
     readonly cn: {
         readonly translation: {
             welcome: {
@@ -54,6 +216,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 minuteLeft_one: string;
                 minuteLeft_other: string;
                 minute_one: string;
@@ -91,6 +254,8 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };
@@ -213,6 +378,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 minuteLeft_one: string;
                 minuteLeft_other: string;
                 minute_one: string;
@@ -250,6 +416,8 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };
@@ -372,6 +540,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 less_than_one_left: string;
                 minuteLeft: string;
                 minute_one: string;
@@ -416,6 +585,8 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };
@@ -475,6 +646,7 @@ export declare const resources: {
                 btn_watch_question: string;
                 btn_show_question: string;
                 btn_start_recording: string;
+                btn_start_assessment: string;
                 btn_stop_recording: string;
                 btn_try_again: string;
                 btn_internet_test_again: string;
@@ -547,6 +719,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 less_than_one_left: string;
                 minuteLeft: string;
                 minute_one: string;
@@ -584,6 +757,8 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };
@@ -707,6 +882,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 less_than_one_left: string;
                 minuteLeft: string;
                 minute_one: string;
@@ -751,6 +927,173 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
+                        showQuestion_btn: string;
+                        watchQuestion_btn: string;
+                    };
+                };
+                errors: {
+                    MEDIA_PERMISSION: {
+                        TITLE: string;
+                        DETAILS: string;
+                        CTA: string;
+                    };
+                    NO_SOUND: {
+                        TITLE: string;
+                        DETAILS: string;
+                        DETAILS_MOBILE: string;
+                        CTA: string;
+                    };
+                    CONNECTION: {
+                        TITLE: string;
+                        DETAILS: string;
+                    };
+                };
+                permissions: {
+                    title: string;
+                    subtitle: string;
+                    permission: string;
+                    PERMISSION_STEPS: {
+                        IOS: {
+                            CHROME: string[];
+                            SAFARI: string[];
+                        };
+                        ANDROID: {
+                            CHROME: string[];
+                            SAMSUNG: string[];
+                        };
+                        MACBOOK: {
+                            CHROME: string[];
+                            SAFARI: string[];
+                            FIREFOX: string[];
+                        };
+                        WINDOWS: {
+                            CHROME: string[];
+                            FIREFOX: string[];
+                        };
+                    };
+                };
+            };
+            buttons: {
+                btn_watch_question: string;
+                btn_show_question: string;
+                btn_start_recording: string;
+                btn_stop_recording: string;
+                btn_try_again: string;
+                btn_internet_test_again: string;
+                btn_practice: string;
+                btn_start: string;
+                btn_retry: string;
+                btn_start_now: string;
+                RETAKE: string;
+                NEXT: string;
+                SUBMIT: string;
+                READY: string;
+            };
+            layout: {
+                footer: string;
+                at: string;
+            };
+        };
+    };
+    readonly he: {
+        readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
+            setup: {
+                title: string;
+                rotate: string;
+                permission_denied: string;
+                camera: {
+                    name: string;
+                    WAITING: string;
+                    ERROR: string;
+                    READY: string;
+                };
+                microphone: {
+                    name: string;
+                    WAITING: string;
+                    ERROR: string;
+                    READY: string;
+                };
+                internet: {
+                    name: string;
+                    TESTING: string;
+                    SLOW: string;
+                    CONNECTED: string;
+                    NO_CONNECTED: string;
+                };
+                unsupported_device: {
+                    IOS: string;
+                    BROWSER: string;
+                    INCOGNITO: string;
+                };
+            };
+            time: {
+                unlimited: string;
+                minuteLeft_one: string;
+                minuteLeft_other: string;
+                minute_one: string;
+                minute_other: string;
+                second_one: string;
+                second_other: string;
+                second_many: string;
+            };
+            practice: {
+                title: string;
+                subtitle: string;
+                label: string;
+            };
+            preview: {
+                title: string;
+                singleTake: string;
+                take: string;
+            };
+            upload: {
+                title: string;
+                subtitle: string;
+                errorInfo: string;
+            };
+            questionList: {
+                name: string;
+            };
+            recorder: {
+                explanation: {
+                    take_one: string;
+                    take_two: string;
+                    take_other: string;
+                    remaining_take_one: string;
+                    remaining_take_two: string;
+                    remaining_take_other: string;
+                    question: {
+                        name: string;
+                        title: string;
+                        questionThinkingTime: string;
+                        videoQuestionThinkingTime: string;
+                        videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };
@@ -873,6 +1216,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 minuteLeft_one: string;
                 minuteLeft_other: string;
                 minute_one: string;
@@ -910,6 +1254,8 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };
@@ -1032,6 +1378,7 @@ export declare const resources: {
                 };
             };
             time: {
+                unlimited: string;
                 minuteLeft_one: string;
                 minuteLeft_other: string;
                 minute_one: string;
@@ -1069,6 +1416,8 @@ export declare const resources: {
                         questionThinkingTime: string;
                         videoQuestionThinkingTime: string;
                         videoQuestionNoThinkingTime: string;
+                        questionDuration: string;
+                        videoQuestionDuration: string;
                         showQuestion_btn: string;
                         watchQuestion_btn: string;
                     };

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
-import { Widget, getToken } from './components/Widget';
+import { Widget } from './components/Widget';
 import { IWidgetConfig, IClientWidgetConfig } from './interfaces/configInterface';
-export { Widget, getToken };
+export { Widget };
 export type { IWidgetConfig, IClientWidgetConfig };