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

package/README.md

@@ -1,6 +1,6 @@
 # React-Widget
 
-The myInterview widget for [React](https://reactjs.com). 
+The myInterview widget for [React](https://reactjs.com).
 
 See [myinterview.com](https://www.myinterview.com) for an examples and comprehensive docs.
 
@@ -27,7 +27,7 @@ import React from 'react';
 import { Widget } from '@myinterview/widget-react';
 
 const App = () => {
-    const onCompleteCallback = () => {
+    const onFinish = () => {
         //...
     }
     const onError = () => {
@@ -38,7 +38,7 @@ const App = () => {
         <Widget
             job={{ job_id: "xxxxxxxxxxxxxxxxxx" }}
             candidate={{ email: "test@mail.com", username: "Max" }}
-            config={{ onCompleteCallback, onError,
+            config={{ onFinish, onError,
                 auth: "apikey xxxxxxxxxxxxxxxxx sig=xxxxxxxxxxxxxxxxxxxxxxxxxx" }}
         />
     )
@@ -51,7 +51,7 @@ const App = () => {
 
 # Thanks
 
-Just want to say thank you to everyone who has made it happen. 
+Just want to say thank you to everyone who has made it happen.
 
 ## License
 

package/dist/cjs/{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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/{esm/types → cjs}/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/cjs/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/cjs/{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/cjs/{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/cjs/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/cjs/components/PracticeModeInfo.d.ts

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

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

package/dist/cjs/components/TopTips.d.ts

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

package/dist/cjs/{types/components → 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 {
@@ -11,18 +11,21 @@ interface IProps extends IDeviceSelectorProps {
     isPermissionStepsOpen: boolean;
     onDisplayPermissionSteps: () => void;
     onClosePermissionSteps: () => void;
+    onReInitRecorder: () => void;
     onRecorderRetry: () => void;
     isRecorderCanChangeSettings: boolean;
     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/cjs/{types/components → components}/VideoQuestion.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     isThinkingTime: boolean;
     onVideoEnds: () => void;
     hidden?: boolean;
+    isWidgetMinimized: boolean;
 }
 export declare const VideoQuestion: React.FC<IProps>;
 export {};

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

@@ -1,11 +1,16 @@
 import React from 'react';
 interface IProps {
     introVideo: string;
-    introVideoTitle: string;
+    welcomeTitle?: string;
+    welcomeText?: string;
     onContinue: () => void;
     logo: string;
     company: string;
     title: string;
+    termsUrl?: string;
+    privacyUrl?: string;
+    isResumed: boolean;
+    isWidgetMinimized: boolean;
 }
 export declare const WelcomePage: React.FC<IProps>;
 export {};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IClientWidgetConfig } from '../interfaces/configInterface';
+export declare const Widget: React.FC<IClientWidgetConfig>;

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

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

package/dist/cjs/components/ui/MinimizeButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+}
+export declare const MinimizeButton: React.FC<IProps>;
+export {};

package/dist/{esm/types → cjs}/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/cjs/{types/config → config}/index.d.ts

@@ -1,4 +1,5 @@
-declare let config: {
+import { IEnv } from '../interfaces/configInterface';
+declare const config: (configEnv?: IEnv) => {
     serverUrl: string;
     INTERCOM_APP_ID: string;
     SENTRY_DSN: string;