@myinterview/widget-react 1.0.88 → 1.0.311

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/esm/{types/components → components}/Errors.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
+import { IVideoCorruptedMessagesKey } from '../interfaces/widgetInterface';
 import { IDeviceSelectorList } from './DeviceSelectorList';
-export declare type MODAL_ERROR_KEY = 'MEDIA_PERMISSION' | 'NO_SOUND' | 'CONNECTION';
+export declare type VIDEO_ERRORS = Exclude<IVideoCorruptedMessagesKey, 'NO_ERROR'>;
+export declare 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 → esm}/components/InnerView.d.ts

@@ -4,9 +4,11 @@ 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;
 }
 export declare const InnerView: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLVideoElement>>;
 export {};

package/dist/esm/{types/components → components}/Main.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { IConfig } from '../interfaces/configInterface';
+import { IWidgetConfig } from '../interfaces/configInterface';
 interface IProps {
-    config: IConfig;
+    widgetConfig: IWidgetConfig;
     setShouldShowWaterMark: React.Dispatch<React.SetStateAction<boolean>>;
+    isWidgetMinimized: boolean;
 }
 export declare const Main: React.FC<IProps>;
 export {};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface IDimensions {
+    x: number;
+    y: number;
+    width: number;
+}
+interface IProps {
+    blob: string;
+    onSelectVideo: () => void;
+    isSelected: boolean;
+    position: number;
+    isPreviewMode: boolean;
+    onPreviewMode: (dimensions: IDimensions) => void;
+}
+export declare const PreviewItem: React.FC<IProps>;
+export {};

package/dist/esm/{types/components → components}/RecorderModal.d.ts

@@ -5,6 +5,7 @@ import { MODAL_ERROR_KEY } from './Errors';
 interface IProps extends IDeviceSelectorList {
     errorType: MODAL_ERROR_KEY | null;
     onDisplayPermissionSteps: () => void;
+    onReInitRecorder: () => void;
     currentQuestion: number;
     numberOfQuestions: number;
     currentQuestionObj: IQuestion | undefined;

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

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

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

@@ -11,6 +11,7 @@ interface IProps extends IDeviceSelectorProps {
     isPermissionStepsOpen: boolean;
     onDisplayPermissionSteps: () => void;
     onClosePermissionSteps: () => void;
+    onReInitRecorder: () => void;
     onRecorderRetry: () => void;
     isRecorderCanChangeSettings: boolean;
     canStartRecording: boolean;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IClientWidgetConfig } from '../interfaces/configInterface';
+import '../assets/styles/global.scss';
+import { getToken } from '../utils/authToken.utils';
+export declare const Widget: React.FC<IClientWidgetConfig>;
+export { getToken };

package/dist/esm/{types/components/ui/StartNowButton.d.ts → components/ui/MinimizeButton.d.ts}

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

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

package/dist/esm/{types/i18n → i18n}/config.d.ts

@@ -1,7 +1,29 @@
 import i18n from 'i18next';
 export declare const resources: {
-    readonly en: {
+    readonly cn: {
         readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;
@@ -32,8 +54,8 @@ export declare const resources: {
                 };
             };
             time: {
-                less_than_one_left: string;
-                minuteLeft: string;
+                minuteLeft_one: string;
+                minuteLeft_other: string;
                 minute_one: string;
                 minute_other: string;
                 second_one: string;
@@ -43,13 +65,6 @@ export declare const resources: {
                 title: string;
                 subtitle: string;
                 label: string;
-                questions: {
-                    numOfRetakes: number;
-                    thinkingTime: number;
-                    partDuration: number;
-                    question: string;
-                    description: string;
-                }[];
             };
             preview: {
                 title: string;
@@ -144,8 +159,30 @@ export declare const resources: {
             };
         };
     };
-    readonly fr: {
+    readonly de: {
         readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;
@@ -158,7 +195,6 @@ export declare const resources: {
                 };
                 microphone: {
                     name: string;
-                    NO_SOUND: string;
                     WAITING: string;
                     ERROR: string;
                     READY: string;
@@ -177,8 +213,8 @@ export declare const resources: {
                 };
             };
             time: {
-                less_than_one_left: string;
-                minuteLeft: string;
+                minuteLeft_one: string;
+                minuteLeft_other: string;
                 minute_one: string;
                 minute_other: string;
                 second_one: string;
@@ -188,13 +224,6 @@ export declare const resources: {
                 title: string;
                 subtitle: string;
                 label: string;
-                questions: {
-                    numOfRetakes: number;
-                    thinkingTime: number;
-                    partDuration: number;
-                    question: string;
-                    description: string;
-                }[];
             };
             preview: {
                 title: string;
@@ -289,8 +318,30 @@ export declare const resources: {
             };
         };
     };
-    readonly es: {
+    readonly en: {
         readonly translation: {
+            welcome: {
+                title: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;
@@ -332,6 +383,13 @@ export declare const resources: {
                 title: string;
                 subtitle: string;
                 label: string;
+                questions: {
+                    numOfRetakes: number;
+                    thinkingTime: number;
+                    partDuration: number;
+                    question: string;
+                    description: string;
+                }[];
             };
             preview: {
                 title: string;
@@ -378,6 +436,15 @@ export declare const resources: {
                         TITLE: string;
                         DETAILS: string;
                     };
+                    RETRY: {
+                        TITLE: string;
+                        DETAILS: string;
+                        CTA: string;
+                    };
+                    REDIRECT: {
+                        TITLE: string;
+                        DETAILS: string;
+                    };
                 };
                 permissions: {
                     title: string;
@@ -426,8 +493,30 @@ export declare const resources: {
             };
         };
     };
-    readonly cn: {
+    readonly es: {
         readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;
@@ -458,8 +547,8 @@ export declare const resources: {
                 };
             };
             time: {
-                minuteLeft_one: string;
-                minuteLeft_other: string;
+                less_than_one_left: string;
+                minuteLeft: string;
                 minute_one: string;
                 minute_other: string;
                 second_one: string;
@@ -563,8 +652,30 @@ export declare const resources: {
             };
         };
     };
-    readonly de: {
+    readonly fr: {
         readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;
@@ -577,6 +688,7 @@ export declare const resources: {
                 };
                 microphone: {
                     name: string;
+                    NO_SOUND: string;
                     WAITING: string;
                     ERROR: string;
                     READY: string;
@@ -595,8 +707,8 @@ export declare const resources: {
                 };
             };
             time: {
-                minuteLeft_one: string;
-                minuteLeft_other: string;
+                less_than_one_left: string;
+                minuteLeft: string;
                 minute_one: string;
                 minute_other: string;
                 second_one: string;
@@ -606,6 +718,13 @@ export declare const resources: {
                 title: string;
                 subtitle: string;
                 label: string;
+                questions: {
+                    numOfRetakes: number;
+                    thinkingTime: number;
+                    partDuration: number;
+                    question: string;
+                    description: string;
+                }[];
             };
             preview: {
                 title: string;
@@ -702,6 +821,28 @@ export declare const resources: {
     };
     readonly ko: {
         readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;
@@ -839,6 +980,28 @@ export declare const resources: {
     };
     readonly pt: {
         readonly translation: {
+            welcome: {
+                welcome: string;
+                startInterview: string;
+                resumeInterview: string;
+                see_more: string;
+                see_less: string;
+                click: string;
+                terms: string;
+                and: string;
+                privacy: string;
+            };
+            top_tips: {
+                top_tips: string;
+                title: string;
+                tip_1: string;
+                tip_2: string;
+                tip_3: string;
+                tip_4: string;
+                tip_5: string;
+                tip_6: string;
+                tip_7: string;
+            };
             setup: {
                 title: string;
                 rotate: string;

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+import { Widget, getToken } from './components/Widget';
+import { IWidgetConfig, IClientWidgetConfig } from './interfaces/configInterface';
+export { Widget, getToken };
+export type { IWidgetConfig, IClientWidgetConfig };