@myinterview/widget-react 1.0.2 → 1.0.3

package/dist/esm/machines/acceleratorMachines/accWidgetMachine.d.ts

@@ -0,0 +1,6 @@
+import { DoneInvokeEvent } from 'xstate';
+import { InitialState } from '../../interfaces/widgetInterface';
+export declare const accWidgetMachine: import("xstate").StateMachine<InitialState, any, DoneInvokeEvent<any>, {
+    value: any;
+    context: InitialState;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DoneInvokeEvent<any>, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/machines/acceleratorMachines/microphoneMachine.d.ts

@@ -0,0 +1,6 @@
+import { DoneInvokeEvent } from 'xstate';
+import { InitialState } from '../../interfaces/microphoneInterface';
+export declare const microphoneMachine: import("xstate").StateMachine<InitialState, any, DoneInvokeEvent<any>, {
+    value: any;
+    context: InitialState;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DoneInvokeEvent<any>, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/machines/acceleratorMachines/networkMachine.d.ts

@@ -0,0 +1,5 @@
+import { DoneInvokeEvent } from 'xstate';
+export declare const networkMachine: import("xstate").StateMachine<{}, any, DoneInvokeEvent<any>, {
+    value: any;
+    context: {};
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DoneInvokeEvent<any>, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/machines/acceleratorMachines/previewMachine.d.ts

@@ -0,0 +1,6 @@
+import { DoneInvokeEvent } from 'xstate';
+import { PreviewInterface } from '../../interfaces/previewInterface';
+export declare const previewMachine: import("xstate").StateMachine<PreviewInterface, any, DoneInvokeEvent<any>, {
+    value: any;
+    context: PreviewInterface;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DoneInvokeEvent<any>, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/machines/acceleratorMachines/recorderMachineV2.d.ts

@@ -0,0 +1,6 @@
+import { DoneInvokeEvent } from 'xstate';
+import { RecorderInterface } from '../../interfaces/recorderInterface';
+export declare const recorderMachineV2: import("xstate").StateMachine<RecorderInterface, any, DoneInvokeEvent<any>, {
+    value: any;
+    context: RecorderInterface;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DoneInvokeEvent<any>, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/machines/acceleratorMachines/storageMachine.d.ts

@@ -0,0 +1,6 @@
+import { DoneInvokeEvent } from 'xstate';
+import { InitialState } from '../../interfaces/storageInterface';
+export declare const storageMachine: import("xstate").StateMachine<InitialState, any, DoneInvokeEvent<any>, {
+    value: any;
+    context: InitialState;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, DoneInvokeEvent<any>, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/dist/esm/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

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

@@ -0,0 +1,3 @@
+export declare const videoAxiosInstance: import("axios").AxiosInstance;
+export declare const s3AxiosInstance: import("axios").AxiosInstance;
+export declare const updateVideoAxiosAuth: (auth: string) => void;

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

@@ -0,0 +1 @@
+export declare const uploadToS3: (url: string, data: File, onProgress?: ((e: any) => void) | undefined, timeout?: number) => Promise<void>;

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

@@ -0,0 +1,57 @@
+/**
+ * @author tht7 ( tht7 )
+ * @date 10/07/12022 6:36 pm
+ */
+import { ICandidateSession } from '../interfaces/candidateSessionInterface';
+/**
+ * This function will update the session in the database and cache it in the window object
+ * it will fill in the current session over the provided object
+ * @param session
+ * @param baseURL
+ */
+export declare function updateSession(session: Partial<ICandidateSession>, baseURL?: string): Promise<ICandidateSession | undefined>;
+/**
+ * This function will fetch the session from the sessionStorage and server
+ * it will then cache the session in the window object
+ * @param _session - in case you want to override the session, or save a new one to the cache
+ * @param _session_id - in case you want to override the session_id and fetch from the server
+ */
+export declare function getCandidateSession(_session?: ICandidateSession, _session_id?: string): Promise<ICandidateSession | undefined>;
+export declare function getSessionIdFromCache(): string | undefined | null;
+/**
+ * this will remove the session from the sessionStorage, but not the window cache
+ * this should signal the end of this session
+ * however the end of a session is when the window gets closed
+ * so in order to prevent a new window from (maybe) getting the stale session
+ * we remove it from the sessionStorage
+ */
+export declare function deleteSession(): void;
+/** ehehehe this is a type that takes 2 types and matches all the keys of type V from type K */
+declare type KeysMatching<T, V> = {
+    [K in keyof T]-?: T[K] extends (V | undefined) ? K : never;
+}[keyof T];
+/**
+ * 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
+ * if no data is provided, it will just increment the number
+ * @param eventType
+ * @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/speedTest.service.d.ts

@@ -0,0 +1,2 @@
+export declare const ONE_MB_IN_BYTES = 1048576;
+export declare const accSpeedTest: () => Promise<number>;

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

@@ -0,0 +1,7 @@
+import { IWidgetConfigRequest, IWidgetConfigResponse } from '../interfaces/configInterface';
+import { IVideo, IVideoFile } from '../interfaces/videoInterface';
+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/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,10 @@
+export declare const DEFAULT_COUNT_DOWN = 3;
+export declare const DEFAULT_DURATION = 60;
+export declare const ENOUGH_RECODING_TIME = 3;
+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 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/esm/utils/device.utils.d.ts

@@ -0,0 +1,12 @@
+export declare const isMobile: boolean;
+export declare const isAndroid: boolean;
+export declare const isSupportedIosDevice: boolean;
+export declare const isSupportedDevice: boolean;
+declare const PLATFORMS_OPTIONS: readonly ["ANDROID", "IOS", "MACBOOK", "WINDOWS"];
+declare const BROWSERS_OPTIONS: readonly ["CHROME", "SAFARI", "FIREFOX", "SAMSUNG"];
+declare type DEVICE_TYPE = {
+    PLATFORM: typeof PLATFORMS_OPTIONS[number];
+    BROWSER: typeof BROWSERS_OPTIONS[number];
+};
+export declare const DEVICE: DEVICE_TYPE;
+export {};

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

@@ -0,0 +1,9 @@
+import { STATUS_CODES } from './statusCodes.utils';
+export interface IVideoError {
+    callId: string;
+    errorCode: number;
+    errorMessage: string;
+    statusCode: STATUS_CODES;
+    statusReason: string;
+    time: number;
+}

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

@@ -0,0 +1,5 @@
+export declare const twoDigitsNumber: (num: number) => string;
+export declare const timeFormatter: (number: number) => string;
+export declare const timeLeftInMinutesFormatter: (number: number) => string;
+export declare const timerCountDown: (number: number) => string;
+export declare const formattedDuration: (number: number) => string;

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

@@ -0,0 +1,16 @@
+export declare const CAMERA_STATES_MESSAGES: {
+    WAITING: string;
+    ERROR: string;
+    READY: string;
+};
+export declare const MICROPHONE_STATES_MESSAGES: {
+    WAITING: string;
+    ERROR: string;
+    READY: string;
+};
+export declare const INTERNET_STATES_MESSAGES: {
+    DISCONNECTED: string;
+    TESTING: string;
+    SLOW_CONNECTION: string;
+    CONNECTED: string;
+};

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

@@ -0,0 +1,2 @@
+import { IQuestion } from '../interfaces/jobInterface';
+export declare const PRACTICE_QUESTIONS: IQuestion[];

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

@@ -0,0 +1,4 @@
+import * as Sentry from '@sentry/browser';
+import { DoneInvokeEvent } from 'xstate';
+export declare const SentryHub: Sentry.Hub;
+export declare const SentryTrackingFn: (event: DoneInvokeEvent<any>, context: any, name: string) => void;

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

@@ -0,0 +1,13 @@
+export declare const enum STATUS_CODES {
+    OK = 200,
+    CREATED = 201,
+    DELETED = 202,
+    BAD_REQUEST = 400,
+    UNAUTHORIZED = 401,
+    PAYMENT_REQUIRED = 402,
+    FORBIDDEN = 403,
+    NOT_FOUND = 404,
+    TOO_MANY_REQUESTS = 429,
+    SERVER_ERROR = 500,
+    SERVICE_UNAVAILABLE = 503
+}

package/dist/index.d.ts

@@ -0,0 +1,131 @@
+import React, { CSSProperties } from 'react';
+
+interface ICandidate {
+    candidate_id?: string;
+    email: string;
+    username: string;
+    phone?: string;
+    video_id?: string;
+    redirectUrl?: string;
+    apiKey?: string;
+    company_id?: string;
+}
+
+interface ICompany {
+    shouldShowWaterMark: boolean;
+}
+
+interface IQuestion {
+    question: string;
+    numOfRetakes: number;
+    partDuration: number;
+    thinkingTime: number;
+    timeLimit?: number;
+    videoQuestion?: string;
+    description?: string;
+}
+interface IJob {
+    language?: string;
+    transcriptLanguage?: string;
+    title?: string;
+    company?: string;
+    job_id?: string;
+    logo?: string;
+    questions?: IQuestion[];
+    old_jobID?: string;
+    apiKey?: string;
+    company_id?: string;
+}
+
+interface IVideoPlatformOS {
+    architecture: number;
+    family: string;
+    version: string;
+}
+interface IVideoPlatform {
+    description: string;
+    layout: string;
+    manufacturer: string;
+    name: string;
+    prerelease: string;
+    product: string;
+    ua: string;
+    version: string;
+    os: IVideoPlatformOS;
+}
+interface IVideoFile {
+    completed: boolean;
+    uploaded: boolean;
+    filename: string;
+    retakes: number;
+    started: boolean;
+    videoLength?: number;
+    uploadUrl?: string;
+    question?: string;
+    selectedTake?: number;
+}
+interface IVideo {
+    video_id: string;
+    bandwidth?: string;
+    clicked?: boolean;
+    started?: boolean;
+    completed?: boolean;
+    uploaded?: boolean;
+    jobID?: string;
+    platform?: IVideoPlatform;
+    quality?: string;
+    referrer?: string;
+    cvUrl?: string;
+    videos: IVideoFile[];
+    processTime?: number;
+    files?: string[];
+    personalInfo?: Record<string, string>;
+    language?: string;
+    gdprTimestamp?: string;
+    tracking?: {
+        reminder: number;
+        source: number;
+    };
+}
+
+declare type IMessageType = 'completed' | 'deadline' | 'applied' | 'inactiveJob';
+interface IOnCompleteCallback {
+    redirectUrl?: string;
+    video_id: string;
+}
+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: IConfig;
+    disabled?: boolean;
+    buttonText?: string;
+    buttonStyle?: CSSProperties;
+}
+
+interface IGetToken {
+    type: string;
+    value: string;
+    secretKey: string;
+}
+declare const getToken: ({ type, value, secretKey }: IGetToken) => string;
+
+declare const Widget: React.FC<IWidgetConfig>;
+
+export { IWidgetConfig, Widget, getToken };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myinterview/widget-react",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "myInterview widget v3",
   "module": "dist/esm/index.js",
   "files": [