@myinterview/widget-react 1.0.1 → 1.0.3

package/dist/esm/interfaces/candidateSessionInterface.d.ts

@@ -17,12 +17,19 @@ export declare const enum CandidateSessionError {
     JOB_INACTIVE = "JOB_INACTIVE",
     SUBSCRIPTION_PAUSED = "SUBSCRIPTION_PAUSED",
     SUBSCRIPTION_CANCELLED = "SUBSCRIPTION_CANCELLED",
-    INTERVIEW_ALREADY_COMPLETED = "INTERVIEW_ALREADY_COMPLETED"
+    INTERVIEW_ALREADY_COMPLETED = "INTERVIEW_ALREADY_COMPLETED",
+    MEDIA_RECORDER_ERROR = "MEDIA_RECORDER_ERROR"
 }
 export declare const enum CandidateSessionWarnings {
     LOW_LIGHT = "LOW_LIGHT",
     LOW_VOLUME = "LOW_VOLUME",
-    SLOW_CONNECTION = "SLOW_CONNECTION"
+    SLOW_CONNECTION = "SLOW_CONNECTION",
+    NO_INTERNET = "NO_INTERNET",
+    NotAllowedError = "NotAllowedError",
+    NotFoundError = "NotFoundError",
+    NotReadableError = "NotReadableError",
+    OverconstrainedError = "OverconstrainedError",
+    SecurityError = "SecurityError"
 }
 export declare type CandidateSessionSourceType = 'direct' | 'email' | 'sms' | 'email_reminder' | 'sms_reminder';
 export declare const enum CandidateSessionSourceMap {
@@ -39,6 +46,7 @@ export interface ICandidateSession {
     warnings?: (keyof typeof CandidateSessionWarnings)[];
     reload_count: number;
     files_uploaded_count: number;
+    widget_version: string;
     company_id: string;
     apiKey: string;
     job_id?: string;
@@ -58,13 +66,10 @@ export interface ICandidateSession {
     widget_shown?: Date;
     widget_practiced?: Date;
     widget_camera_setup?: Date;
-    widget_camera_error?: Date;
     widget_microphone_setup?: Date;
-    widget_microphone_error?: Date;
     widget_slow_internet_setup?: Date;
     widget_high_internet_setup?: Date;
     widget_medium_internet_setup?: Date;
-    widget_no_internet_setup?: Date;
     widget_start_click_setup?: Date;
     widget_change_camera_setup?: Date;
     widget_change_mic_setup?: Date;

package/dist/esm/interfaces/configInterface.d.ts

@@ -1,6 +1,7 @@
+import { CSSProperties } from 'react';
 import { ICandidate } from './candidateInterface';
 import { ICompany } from './companyInterface';
-import { IJob } from './jobInterface';
+import { IJob, IQuestion } from './jobInterface';
 import { IVideo } from './videoInterface';
 export declare type IMessageType = 'completed' | 'deadline' | 'applied' | 'inactiveJob';
 export interface IOnCompleteCallback {
@@ -10,24 +11,36 @@ export interface IOnCompleteCallback {
 export interface IOnError {
     messageType: IMessageType;
 }
-export interface IConfig {
+interface IConfig {
+    auth: string;
+    onWidgetClicked?: () => void;
+    onCompleteCallback?: (data: IOnCompleteCallback) => void;
+    onError?: (data: IOnError) => void;
+    openAnimation?: boolean;
+    debug?: boolean;
+    practiceQuestions?: IQuestion[];
+    overlay?: string;
+    introVideo?: string;
+    introVideoTitle?: string;
+}
+export interface IWidgetConfig {
     video?: IVideo;
     candidate: ICandidate;
     job?: IJob;
     company?: ICompany;
-    config: {
-        auth: string;
-        onCompleteCallback?: (data: IOnCompleteCallback) => void;
-        onError?: (data: IOnError) => void;
-    };
+    config: IConfig;
+    disabled?: boolean;
+    buttonText?: string;
+    buttonStyle?: CSSProperties;
 }
-export interface IConfigResponse {
+export interface IWidgetConfigResponse {
     video: IVideo;
     candidate: ICandidate;
     job: IJob;
 }
-export interface IConfigRequest {
+export interface IWidgetConfigRequest {
     video?: IVideo;
     candidate?: ICandidate;
     job?: IJob;
 }
+export {};

package/dist/esm/interfaces/jobInterface.d.ts

@@ -9,7 +9,6 @@ export interface IQuestion {
 }
 export interface IJob {
     language?: string;
-    overlay?: string;
     transcriptLanguage?: string;
     title?: string;
     company?: string;

package/dist/esm/interfaces/videoInterface.d.ts

@@ -23,6 +23,7 @@ export interface IVideoFile {
     videoLength?: number;
     uploadUrl?: string;
     question?: string;
+    selectedTake?: number;
 }
 export interface IVideo {
     video_id: string;

package/dist/esm/interfaces/widgetInterface.d.ts

@@ -1,6 +1,6 @@
 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';
@@ -8,9 +8,15 @@ import { IVideoError } from '../utils/errors.utils';
 declare type IUploaderRef = {
     [uploaderRef: string]: ActorRef<DoneInvokeEvent<any>>;
 };
+export declare const VIDEO_ERROR_MESSAGES: {
+    RETRY: "RETRY";
+    REDIRECT: "REDIRECT";
+    NO_ERROR: "";
+};
 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 type IVideoCorruptedMessagesKey = keyof typeof VIDEO_ERROR_MESSAGES;
 export declare const CAMERA_STATES: {
     [K in ICameraStateKey]: K;
 };
@@ -20,6 +26,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,7 +46,7 @@ interface IChecksMessage {
 }
 export interface InitialState {
     speedTestResult: number;
-    config: IConfig;
+    widgetConfig: IWidgetConfig;
     questions: IQuestion[];
     isConnected: boolean;
     videoRef: RefObject<HTMLVideoElement>;
@@ -60,6 +69,8 @@ export interface InitialState {
         [questionNumber: string]: number;
     };
     error: IVideoError | null;
+    failedRecordingAttempts: number;
+    failedRecordingMessage: IVideoCorruptedMessagesKey;
 }
 export interface IWidgetMachineProps {
     widgetMachine: State<InitialState, DoneInvokeEvent<any>, any, {
@@ -70,6 +81,7 @@ export interface IWidgetMachineProps {
 }
 export declare const enum STATES {
     INIT = "init",
+    WELCOME = "welcome",
     SETUP = "setup",
     SETUP__INIT_STORAGE = "initStorage",
     SETUP__INIT_RECORDER = "initRecorder",
@@ -103,6 +115,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",
@@ -128,6 +141,7 @@ export declare const enum ACTIONS {
     UPDATE_RETAKES_NUMBER = "updateRetakesNumber",
     UPDATE_AXION_AUTH = "updateAxiosAuth",
     RECORDER_RE_INIT = "recorderReInit",
+    RECORDER_RE_INIT_AUTO_START = "recorderReInitAutoStart",
     UPDATE_RECORDER_PARAMS = "updateRecorderParams",
     UPDATE_TOTAL_UPLOADED = "updateTotalUploaded",
     SET_VIDEO_ERROR = "setVideoError",
@@ -137,7 +151,10 @@ 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"
 }
 export declare const enum EVENTS {
     SPAWN_UPLOADER = "SPAWN_UPLOADER",
@@ -173,12 +190,14 @@ 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"
 }
 export declare const enum TAGS {
     SETUP = "setup",

package/dist/esm/services/session.service.d.ts

@@ -34,7 +34,7 @@ declare type KeysMatching<T, V> = {
  * 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/esm/services/video.service.d.ts

@@ -1,7 +1,7 @@
-import { IConfigRequest, IConfigResponse } from '../interfaces/configInterface';
+import { IWidgetConfigRequest, IWidgetConfigResponse } from '../interfaces/configInterface';
 import { IVideo, IVideoFile } from '../interfaces/videoInterface';
-export declare const createVideo: (config: IConfigRequest) => Promise<IConfigResponse>;
-export declare const getVideo: (videoId: string) => Promise<IConfigResponse>;
-export declare const updateVideo: ({ video_id, completed, uploaded, bandwidth }: IVideo) => Promise<IConfigResponse>;
-export declare const updateVideoFile: (videoId: string, videoFile: IVideoFile) => Promise<IConfigResponse>;
-export declare const getUploadUrl: (videoId: string, fileName: string, typeExtension: string) => Promise<IConfigResponse>;
+export declare const createVideo: (widgetConfig: IWidgetConfigRequest) => Promise<IWidgetConfigResponse>;
+export declare const getVideo: (videoId: string) => Promise<IWidgetConfigResponse>;
+export declare const updateVideo: ({ video_id, completed, uploaded, bandwidth }: IVideo) => Promise<IWidgetConfigResponse>;
+export declare const updateVideoFile: (videoId: string, videoFile: IVideoFile) => Promise<IWidgetConfigResponse>;
+export declare const getUploadUrl: (videoId: string, fileName: string, typeExtension: string) => Promise<IWidgetConfigResponse>;

package/dist/esm/utils/authToken.utils.d.ts

@@ -0,0 +1,7 @@
+interface IGetToken {
+    type: string;
+    value: string;
+    secretKey: string;
+}
+export declare const getToken: ({ type, value, secretKey }: IGetToken) => string;
+export {};

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

@@ -5,5 +5,6 @@ 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 MICROPHONE_NO_SOUND_ERROR_CODE = 777;
 export declare const VIDEO_INACTIVE_TIMEOUT = 2000;
+export declare const MICROPHONE_NO_SOUND_ERROR_CODE = 777;
+export declare const MAX_FAILED_RECORDING_ATTEMPTS = 2;

package/dist/esm/utils/debug.utils.d.ts

@@ -0,0 +1,19 @@
+export declare const enum DEBUG {
+    FETCHING_INTERVIEW = "Fetching interview data",
+    INTERVIEW_DATA_RECEIVED = "Interview data received",
+    FETCHING_INTERVIEW_ERROR = "Failed to fetch interview",
+    WELCOME_PAGE_STAGE = "In welcome page stage",
+    SETUP_STAGE = "In setup stage",
+    MEIDA_DEVICE_SUCCESS = "Media device available",
+    MEDIA_DEVICE_ERROR = "Media device error",
+    NO_SOUND_DETECTED = "No sound detected",
+    DEVICE_CHANGED = "Device changed",
+    SPEED_TEST_DONE = "Speed test result received",
+    PRACTICE_STARTED = "Practice started",
+    INTERVIEW_STARTED = "Interview started",
+    RETAKE_CLICKED = "Retake clicked",
+    QUESTION_SUBMITTED = "Qeustion submitted",
+    UPLOADING_STATE = "In uploading state",
+    UPLOAD_COMPLETED = "Upload completed",
+    INTERVIEW_SUBMITTED = "Interview submitted successfully"
+}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 
 interface ICandidate {
     candidate_id?: string;
@@ -26,7 +26,6 @@ interface IQuestion {
 }
 interface IJob {
     language?: string;
-    overlay?: string;
     transcriptLanguage?: string;
     title?: string;
     company?: string;
@@ -63,6 +62,7 @@ interface IVideoFile {
     videoLength?: number;
     uploadUrl?: string;
     question?: string;
+    selectedTake?: number;
 }
 interface IVideo {
     video_id: string;
@@ -97,21 +97,35 @@ interface IOnError {
     messageType: IMessageType;
 }
 interface IConfig {
+    auth: string;
+    onWidgetClicked?: () => void;
+    onCompleteCallback?: (data: IOnCompleteCallback) => void;
+    onError?: (data: IOnError) => void;
+    openAnimation?: boolean;
+    debug?: boolean;
+    practiceQuestions?: IQuestion[];
+    overlay?: string;
+    introVideo?: string;
+    introVideoTitle?: string;
+}
+interface IWidgetConfig {
     video?: IVideo;
     candidate: ICandidate;
     job?: IJob;
     company?: ICompany;
-    config: {
-        auth: string;
-        onCompleteCallback?: (data: IOnCompleteCallback) => void;
-        onError?: (data: IOnError) => void;
-    };
-}
-
-interface IProps extends IConfig {
+    config: IConfig;
     disabled?: boolean;
     buttonText?: string;
+    buttonStyle?: CSSProperties;
+}
+
+interface IGetToken {
+    type: string;
+    value: string;
+    secretKey: string;
 }
-declare const Widget: React.FC<IProps>;
+declare const getToken: ({ type, value, secretKey }: IGetToken) => string;
+
+declare const Widget: React.FC<IWidgetConfig>;
 
-export { Widget };
+export { IWidgetConfig, Widget, getToken };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myinterview/widget-react",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "myInterview widget v3",
   "module": "dist/esm/index.js",
   "files": [
@@ -30,8 +30,8 @@
     "start-prod": "REACT_APP_ENV=prod HTTPS=true react-scripts start",
     "start-staging": "REACT_APP_ENV=staging HTTPS=true react-scripts start",
     "build": "react-scripts build",
-    "rollup": "REACT_APP_ENV=prod rollup -c",
-    "rollup-staging": "REACT_APP_ENV=staging rollup -c",
+    "publish-prod": "REACT_APP_ENV=prod rollup -c && npm publish",
+    "publish-staging": "REACT_APP_ENV=staging rollup -c && npm publish --tag beta",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
@@ -91,8 +91,8 @@
     "webpack-cli": "^4.10.0"
   },
   "peerDependencies": {
-    "@testing-library/react": "^12.1.5 || ^13.4.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "@testing-library/react": "^12.1.5 || ^13.4.0"
   }
 }