@myinterview/widget-react 1.0.311 → 1.1.0

package/dist/cjs/App.d.ts

@@ -0,0 +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/cjs/components/Counter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface CounterProps {
+    counter: number;
+    limit: number;
+    isRecording: boolean;
+}
+export declare const Counter: ({ counter, limit, isRecording }: CounterProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+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>;
+}
+export declare const DeviceSelector: ({ handleDeviceChange, videoDevices, audioDevices, selectedAudioDevice, selectedVideoDevice, myinterviewRef, }: IDeviceSelectorProps) => JSX.Element;

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

@@ -0,0 +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>;

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

@@ -0,0 +1,6 @@
+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

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

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

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

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/components/Explanation.d.ts

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

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

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

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

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

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

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

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/OuterView.d.ts

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onRetry: () => void;
+}
+export declare const PermissionSteps: 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/components/PreviewList.d.ts

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
+import { VIDEO_STATUS } from '../interfaces/videoInterface';
+interface IProps {
+    questionObj: ALL_JOB_QUESTIONS_TYPE;
+    questionNumber: number;
+    currentQuestion: number;
+    isPracticeMode: boolean;
+    questionStatus: VIDEO_STATUS;
+}
+export declare const QuestionItem: React.FC<IProps>;
+export {};

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/cjs/components/QuestionsList.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
+import { VIDEO_STATUS } from '../interfaces/videoInterface';
+interface IProps {
+    questions: ALL_JOB_QUESTIONS_TYPE[];
+    currentQuestion: number;
+    isPracticeMode: boolean;
+    questionsStatus: VIDEO_STATUS[];
+}
+export declare const QuestionsList: React.FC<IProps>;
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+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;
+    currentQuestionObj: ALL_JOB_QUESTIONS_TYPE | undefined;
+    isRecording: boolean;
+}
+export declare const RecorderModal: React.FC<IProps>;
+export {};

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

@@ -0,0 +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/SetupChecks.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IChecksState } from '../interfaces/widgetInterface';
+interface IProps {
+    checksState: IChecksState;
+    checksMessages: {
+        camera: string;
+        microphone: string;
+        internet: string;
+    };
+    canRetrySpeedTest: boolean;
+    onRetry: () => void;
+}
+export declare const SetupChecks: React.FC<IProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onRetry: () => void;
+}
+export declare const SliderModal: 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/components/Upload.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IProps {
+    isConnected: boolean;
+    totalFileSize: number;
+    totalUploadedFilesSize: {
+        [questionNumber: string]: number;
+    };
+    totalUploadSpeed: {
+        [questionNumber: string]: number;
+    };
+}
+export declare const Upload: React.FC<IProps>;
+export {};

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ActorRef, DoneInvokeEvent } from 'xstate';
+import { ALL_JOB_QUESTIONS_TYPE } from '../interfaces/jobInterface';
+import { IDeviceSelectorProps } from './DeviceSelector';
+import { MODAL_ERROR_KEY } from './Errors';
+interface IProps extends IDeviceSelectorProps {
+    isCameraDisplayed: boolean;
+    microphoneRef: ActorRef<DoneInvokeEvent<any>, any> | null;
+    isPracticeModeDisplayed: boolean;
+    errorType: MODAL_ERROR_KEY | null;
+    isPermissionStepsOpen: boolean;
+    onDisplayPermissionSteps: () => void;
+    onClosePermissionSteps: () => void;
+    onReInitRecorder: () => void;
+    onRecorderRetry: () => void;
+    isRecorderCanChangeSettings: boolean;
+    canStartRecording: boolean;
+    currentQuestion: number;
+    numberOfQuestions: number;
+    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/components/VideoQuestion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    src: string;
+    isThinkingTime: boolean;
+    onVideoEnds: () => void;
+    hidden?: boolean;
+    isWidgetMinimized: boolean;
+}
+export declare const VideoQuestion: React.FC<IProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    duration: number;
+    currentTime: number;
+    isThinkingTime: boolean;
+    onChangeTime: (currentTime: number, playing: boolean) => void;
+}
+export declare const VideoTimeBar: React.FC<IProps>;
+export {};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IProps {
+    introVideo: 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/icons/ClockIcon.d.ts

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

package/dist/cjs/components/icons/Loading.d.ts

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

package/dist/cjs/components/icons/NoCameraMic.d.ts

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

package/dist/cjs/components/icons/PlayIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    playing: boolean;
+}
+export declare const PlayIcon: React.FC<IProps>;
+export {};

package/dist/cjs/components/icons/Retake.d.ts

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

package/dist/cjs/components/icons/RotateScreenIcon.d.ts

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

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/Loader.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ActorRef, DoneInvokeEvent } from 'xstate';
+interface IProps {
+    microphoneRef: ActorRef<DoneInvokeEvent<any>, any>;
+}
+export declare const MicrophoneIndicator: React.FC<IProps>;
+export {};

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/cjs/components/ui/PracticeMode.d.ts

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    progress: number;
+}
+export declare const Progress: React.FC<IProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    duration: number;
+}
+export declare const QuestionDuration: React.FC<IProps>;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    isRecording?: boolean;
+}
+export declare const RecordingButton: React.FC<IProps>;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ActorRef, DoneInvokeEvent } from 'xstate';
+interface IProps {
+    microphoneRef: ActorRef<DoneInvokeEvent<any>, any>;
+    activeColor?: string;
+    inactiveColor?: string;
+}
+export declare const Signal: React.FC<IProps>;
+export {};

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+    disabled: boolean;
+    isExplanationState: boolean;
+    isVideoQuestionState: boolean;
+    isVideoQuestion: boolean;
+    isAssessment: boolean;
+}
+export declare const StartRecordingButton: React.FC<IProps>;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    messageType: 'IOS' | 'BROWSER' | 'INCOGNITO';
+}
+export declare const UnsupportedModal: React.FC<IProps>;
+export {};

package/dist/cjs/config/index.d.ts

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

package/dist/cjs/config/local.env.d.ts

@@ -0,0 +1,6 @@
+declare const local_config: {
+    serverUrl: string;
+    INTERCOM_APP_ID: string;
+    SENTRY_DSN: string;
+};
+export default local_config;

package/dist/cjs/config/prod.env.d.ts

@@ -0,0 +1,6 @@
+declare const prod_config: {
+    serverUrl: string;
+    INTERCOM_APP_ID: string;
+    SENTRY_DSN: string;
+};
+export default prod_config;

package/dist/cjs/config/staging.env.d.ts

@@ -0,0 +1,6 @@
+declare const staging_config: {
+    serverUrl: string;
+    INTERCOM_APP_ID: string;
+    SENTRY_DSN: string;
+};
+export default staging_config;