@myinterview/widget-react 1.1.69-development-9e642ae → 1.1.70

package/README.md

@@ -1,54 +1,54 @@
-# React-Widget
-
-The myInterview widget for [React](https://reactjs.com).
-
-For more detailed documentation with all Props, Methods and Customisation possibilities, please visit our website https://documentation.myinterview.com/docs/intro
-
-# Installation and usage
-
-The easiest way to use react-widget is to install it from npm and build it into your app with Webpack / rollup / parcel.
-
-
->react-widget compatible with react version `react@16.x.x`, `react@17.x.x`, `react@18.x.x`!
-
-```bash
-yarn add @myinterview/widget-react
-
-# or use npm
-
-npm install @myinterview/widget-react
-```
-
-Then use it in your app:
-
-
-```jsx
-import React from 'react';
-import { Widget } from '@myinterview/widget-react';
-
-const App = () => {
-    const onFinish = () => {
-        //...
-    }
-    const onError = () => {
-        // ...
-    }
-    return (
-        // ...
-        <Widget
-            job={{ job_id: "xxxxxxxxxxxxxxxxxx" }}
-            candidate={{ email: "test@mail.com", username: "Max" }}
-            config={{ onFinish, onError,
-                auth: "apikey xxxxxxxxxxxxxxxxx sig=xxxxxxxxxxxxxxxxxxxxxxxxxx" }}
-        />
-    )
-}
-```
-
-# Documentation
-
-> **For more detailed documentation with all Props, Methods and Customisation possibilities, please visit our website https://documentation.myinterview.com/docs/intro**
-
-## License
-
-MIT Licensed.
+# React-Widget
+
+The myInterview widget for [React](https://reactjs.com).
+
+For more detailed documentation with all Props, Methods and Customisation possibilities, please visit our website https://documentation.myinterview.com/docs/intro
+
+# Installation and usage
+
+The easiest way to use react-widget is to install it from npm and build it into your app with Webpack / rollup / parcel.
+
+
+>react-widget compatible with react version `react@16.x.x`, `react@17.x.x`, `react@18.x.x`!
+
+```bash
+yarn add @myinterview/widget-react
+
+# or use npm
+
+npm install @myinterview/widget-react
+```
+
+Then use it in your app:
+
+
+```jsx
+import React from 'react';
+import { Widget } from '@myinterview/widget-react';
+
+const App = () => {
+    const onFinish = () => {
+        //...
+    }
+    const onError = () => {
+        // ...
+    }
+    return (
+        // ...
+        <Widget
+            job={{ job_id: "xxxxxxxxxxxxxxxxxx" }}
+            candidate={{ email: "test@mail.com", username: "Max" }}
+            config={{ onFinish, onError,
+                auth: "apikey xxxxxxxxxxxxxxxxx sig=xxxxxxxxxxxxxxxxxxxxxxxxxx" }}
+        />
+    )
+}
+```
+
+# Documentation
+
+> **For more detailed documentation with all Props, Methods and Customisation possibilities, please visit our website https://documentation.myinterview.com/docs/intro**
+
+## License
+
+MIT Licensed.

package/dist/cjs/App.d.ts

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

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

@@ -1,7 +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 {};
+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

@@ -1,13 +1,13 @@
-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;
-    antiCheat: boolean;
-    onSubmitAssessment: (answer: IMultipleAnswer[] | string, isValidAnswer: boolean) => void;
-}
-export declare const AssessmentController: React.FC<IProps>;
-export {};
+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;
+    antiCheat: boolean;
+    onSubmitAssessment: (answer: IMultipleAnswer[] | string, isValidAnswer: boolean) => void;
+}
+export declare const AssessmentController: React.FC<IProps>;
+export {};

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

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

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

@@ -1,9 +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 {};
+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

@@ -1,9 +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 {};
+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

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

@@ -1,8 +1,8 @@
-import React from 'react';
-interface CountDownProps {
-    countDown: number;
-    forceMobileCounter?: boolean;
-    numberOfSecondsToHighlight?: number;
-}
-export declare const CountDown: ({ countDown, forceMobileCounter, numberOfSecondsToHighlight }: CountDownProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface CountDownProps {
+    countDown: number;
+    forceMobileCounter?: boolean;
+    numberOfSecondsToHighlight?: number;
+}
+export declare const CountDown: ({ countDown, forceMobileCounter, numberOfSecondsToHighlight }: CountDownProps) => React.JSX.Element;
+export {};

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

@@ -1,8 +1,8 @@
-import React from 'react';
-interface CounterProps {
-    counter: number;
-    limit: number;
-    isRecording: boolean;
-}
-export declare const Counter: ({ counter, limit, isRecording }: CounterProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface CounterProps {
+    counter: number;
+    limit: number;
+    isRecording: boolean;
+}
+export declare const Counter: ({ counter, limit, isRecording }: CounterProps) => React.JSX.Element;
+export {};

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

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

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { mediaDeviceType } from '../interfaces/recorderInterface';
-export interface IDeviceSelectorList {
-    deviceList: MediaDeviceInfo[];
-    selectedDevice?: MediaDeviceInfo;
-    onDeviceSelected: (type: mediaDeviceType, deviceId: string) => void;
-    deviceType: mediaDeviceType;
-}
-export declare const DeviceSelectorList: React.FC<IDeviceSelectorList>;
+import React from 'react';
+import { mediaDeviceType } from '../interfaces/recorderInterface';
+export interface IDeviceSelectorList {
+    deviceList: MediaDeviceInfo[];
+    selectedDevice?: MediaDeviceInfo;
+    onDeviceSelected: (type: mediaDeviceType, deviceId: string) => void;
+    deviceType: mediaDeviceType;
+}
+export declare const DeviceSelectorList: React.FC<IDeviceSelectorList>;

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { IDeviceSelectorList } from './DeviceSelectorList';
-interface IProps extends IDeviceSelectorList {
-}
-export declare const DeviceSelectorListNative: React.FC<IProps>;
-export {};
+import React from 'react';
+import { IDeviceSelectorList } from './DeviceSelectorList';
+interface IProps extends IDeviceSelectorList {
+}
+export declare const DeviceSelectorListNative: React.FC<IProps>;
+export {};

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { IVideoError } from '../utils/errors.utils';
-interface IProps {
-    error: IVideoError | null;
-    onRetry: () => void;
-}
-export declare const Error: React.FC<IProps>;
-export {};
+import React from 'react';
+import { IVideoError } from '../utils/errors.utils';
+interface IProps {
+    error: IVideoError | null;
+    onRetry: () => void;
+}
+export declare const Error: React.FC<IProps>;
+export {};

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

@@ -1,9 +1,9 @@
-import React, { ErrorInfo, ReactChild } from 'react';
-export declare class ErrorBoundary extends React.Component {
-    constructor(props: ReactChild);
-    static getDerivedStateFromError(): {
-        hasError: boolean;
-    };
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): React.ReactNode;
-}
+import React, { ErrorInfo, ReactChild } from 'react';
+export declare class ErrorBoundary extends React.Component {
+    constructor(props: ReactChild);
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): React.ReactNode;
+}

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { MODAL_ERROR_KEY } from '../interfaces/widgetInterface';
-import { IDeviceSelectorList } from './DeviceSelectorList';
-interface IProps extends Partial<IDeviceSelectorList> {
-    errorType: MODAL_ERROR_KEY;
-    onDisplayPermissionSteps?: () => void;
-    onReInitRecorder?: () => void;
-    onRecorderRetry?: () => void;
-}
-export declare const Errors: React.FC<IProps>;
-export {};
+import React from 'react';
+import { MODAL_ERROR_KEY } from '../interfaces/widgetInterface';
+import { IDeviceSelectorList } from './DeviceSelectorList';
+interface IProps extends Partial<IDeviceSelectorList> {
+    errorType: MODAL_ERROR_KEY;
+    onDisplayPermissionSteps?: () => void;
+    onReInitRecorder?: () => void;
+    onRecorderRetry?: () => void;
+}
+export declare const Errors: React.FC<IProps>;
+export {};

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

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ANSWER_TYPES } from '../interfaces/jobInterface';
-interface IProps {
-    isVideoQuestion: boolean;
-    isAssessment: boolean;
-    timeLimit: number;
-    answerType: `${ANSWER_TYPES}`;
-    duration: number;
-    takes?: number;
-}
-export declare const Explanation: React.FC<IProps>;
-export {};
+import React from 'react';
+import { ANSWER_TYPES } from '../interfaces/jobInterface';
+interface IProps {
+    isVideoQuestion: boolean;
+    isAssessment: boolean;
+    timeLimit: number;
+    answerType: `${ANSWER_TYPES}`;
+    duration: number;
+    takes?: number;
+}
+export declare const Explanation: React.FC<IProps>;
+export {};

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

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

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

@@ -1,10 +1,10 @@
-import React from 'react';
-interface IProps {
-    logo: string;
-    companyName: string;
-    jobTitle: string;
-    hidden?: boolean;
-    forDesktopLayout?: boolean;
-}
-export declare const Header: React.FC<IProps>;
-export {};
+import React from 'react';
+interface IProps {
+    logo: string;
+    companyName: string;
+    jobTitle: string;
+    hidden?: boolean;
+    forDesktopLayout?: boolean;
+}
+export declare const Header: React.FC<IProps>;
+export {};

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

@@ -1,15 +1,15 @@
-import React from 'react';
-import { ActorRef, DoneInvokeEvent } from 'xstate';
-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 {};
+import React from 'react';
+import { ActorRef, DoneInvokeEvent } from 'xstate';
+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

@@ -1,11 +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 {};
+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/OuterView.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ActorRef, DoneInvokeEvent } from 'xstate';
-import { IWidgetMachineProps } from '../interfaces/widgetInterface';
-interface IProps extends IWidgetMachineProps {
-    recorderRef: ActorRef<DoneInvokeEvent<any>, any>;
-}
-export declare const OuterView: React.FC<IProps>;
-export {};
+import React from 'react';
+import { ActorRef, DoneInvokeEvent } from 'xstate';
+import { IWidgetMachineProps } from '../interfaces/widgetInterface';
+interface IProps extends IWidgetMachineProps {
+    recorderRef: ActorRef<DoneInvokeEvent<any>, any>;
+}
+export declare const OuterView: React.FC<IProps>;
+export {};

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

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

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

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

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

@@ -1,21 +1,21 @@
-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;
-    myinterviewRef: React.RefObject<HTMLDivElement>;
-    onPreviewMode: (dimensions: IDimensions) => void;
-    onFocusCapture: (e: React.FocusEvent<HTMLButtonElement>) => void;
-}
-export declare const PreviewItem: React.FC<IProps>;
-export {};
+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;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
+    onPreviewMode: (dimensions: IDimensions) => void;
+    onFocusCapture: (e: React.FocusEvent<HTMLButtonElement>) => void;
+}
+export declare const PreviewItem: React.FC<IProps>;
+export {};

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import { DoneInvokeEvent, ActorRef } from 'xstate';
-interface IProps {
-    previewRef: ActorRef<DoneInvokeEvent<any>>;
-    onNextQuestion: (questionNumber: number) => void;
-    onNextRetake: () => void;
-    onQuestionMode: () => void;
-    isRetakeAvailable: boolean;
-    totalRetakes: number;
-    isLastQuestion: boolean;
-    isQuestionMode: boolean;
-    isConnected: boolean;
-    currentQuestion: number;
-    numberOfQuestions: number;
-    myinterviewRef: React.RefObject<HTMLDivElement>;
-}
-export declare const PreviewList: React.FC<IProps>;
-export {};
+import React from 'react';
+import { DoneInvokeEvent, ActorRef } from 'xstate';
+interface IProps {
+    previewRef: ActorRef<DoneInvokeEvent<any>>;
+    onNextQuestion: (questionNumber: number) => void;
+    onNextRetake: () => void;
+    onQuestionMode: () => void;
+    isRetakeAvailable: boolean;
+    totalRetakes: number;
+    isLastQuestion: boolean;
+    isQuestionMode: boolean;
+    isConnected: boolean;
+    currentQuestion: number;
+    numberOfQuestions: number;
+    myinterviewRef: React.RefObject<HTMLDivElement>;
+}
+export declare const PreviewList: React.FC<IProps>;
+export {};

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

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