@myinterview/widget-react 1.0.4 → 1.0.5

package/README.md

@@ -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" }}
         />
     )

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

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

package/dist/esm/index.js

@@ -28122,7 +28122,9 @@ const VideoTimeBar = ({ duration, currentTime, isThinkingTime, onChangeTime, })
 
 const DEFAULT_COUNT_DOWN = 3; // seconds
 const DEFAULT_DURATION = 60; // seconds
-const ENOUGH_RECODING_TIME = 3; // seconds
+const DEFAULT_ATTEMPTS = 3; // number of attempts
+const DEFAULT_THINKING_TIME = 0; // seconds
+const ENOUGH_RECORDING_TIME = 3; // seconds
 const SPEED_TEST_FILE_SIZE = 5; // MB
 const FAST_UPLOAD_SPEED = 0.35; // MB/s
 const SLOW_UPLOAD_SPEED = 0.1; // MB/s
@@ -28384,10 +28386,10 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
                 previewRef && isPreviewState && (React__default.createElement(PreviewList, { previewRef: previewRef, onNextQuestion: onNextQuestion, onNextRetake: onNextRetake, onQuestionMode: onQuestionMode, isRetakeAvailable: isRetakeAvailable, totalRetakes: totalRetakes, isQuestionMode: isQuestionMode, isLastQuestion: isLastQuestion, isConnected: isConnected, currentQuestion: currentQuestion, numberOfQuestions: questions.length })),
                 canStartRecording && (React__default.createElement(StartRecordingButton, { onClick: () => sendToWidget(EVENTS$4.NEXT_STEP), disabled: !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion) && !isQuestionVideoWatched && isVideoQuestionState, isExplanationState: isExplanationState, isVideoQuestionState: isVideoQuestionState, isVideoQuestion: !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion) })),
                 isCountDown && countdown > DEFAULT_COUNT_DOWN && (React__default.createElement(StartNowButton, { onClick: () => sendToRecorder(RECORDER_EVENTS.FORCE_START) })),
-                (isRecording && !RecorderError) && (React__default.createElement(StopRecordingButton, { onClick: () => sendToRecorder(RECORDER_EVENTS.STOP_RECORDING), disabled: recordingTime < ENOUGH_RECODING_TIME })))),
+                (isRecording && !RecorderError) && (React__default.createElement(StopRecordingButton, { onClick: () => sendToRecorder(RECORDER_EVENTS.STOP_RECORDING), disabled: recordingTime < ENOUGH_RECORDING_TIME })))),
         canStartRecording && (React__default.createElement(StartRecordingButton, { onClick: () => sendToWidget(EVENTS$4.NEXT_STEP), disabled: !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion) && !isQuestionVideoWatched && isVideoQuestionState, isExplanationState: isExplanationState, isVideoQuestionState: isVideoQuestionState, isVideoQuestion: !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion) })),
         isCountDown && countdown > DEFAULT_COUNT_DOWN && (React__default.createElement(StartNowButton, { onClick: () => sendToRecorder(RECORDER_EVENTS.FORCE_START) })),
-        isRecording && (React__default.createElement(StopRecordingButton, { onClick: () => sendToRecorder(RECORDER_EVENTS.STOP_RECORDING), disabled: recordingTime < ENOUGH_RECODING_TIME }))));
+        isRecording && (React__default.createElement(StopRecordingButton, { onClick: () => sendToRecorder(RECORDER_EVENTS.STOP_RECORDING), disabled: recordingTime < ENOUGH_RECORDING_TIME }))));
 });
 
 var VIDEO_STATUS;
@@ -33399,7 +33401,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark }) => {
     useEffect(() => {
         var _a, _b;
         if (machine.done) {
-            (_b = (_a = widgetConfig.config).onCompleteCallback) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' });
+            (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' });
         }
     }, [machine.done]);
     useEffect(() => {
@@ -40517,7 +40519,7 @@ const Widget = ({ candidate, job, video, config: config$1, disabled = false, but
     };
     const onInterviewCompleted = (data) => {
         var _a;
-        (_a = config$1.onCompleteCallback) === null || _a === void 0 ? void 0 : _a.call(config$1, data);
+        (_a = config$1.onFinish) === null || _a === void 0 ? void 0 : _a.call(config$1, data);
         onCloseWidget();
     };
     const onError = (data) => {
@@ -40554,8 +40556,8 @@ const Widget = ({ candidate, job, video, config: config$1, disabled = false, but
                     (!isSupportedDevice || isIncognitoMode) && React__default.createElement(UnsupportedModal, { messageType: !isSupportedIosDevice ? 'IOS' : !isSupportedDevice ? 'BROWSER' : 'INCOGNITO' }),
                     isSupportedDevice && (React__default.createElement("div", { className: "myinterview-widget__wrapper" },
                         React__default.createElement(Main, { widgetConfig: {
-                                config: Object.assign(Object.assign({}, config$1), { onCompleteCallback: onInterviewCompleted, onError }),
-                                job,
+                                config: Object.assign(Object.assign({}, config$1), { onFinish: onInterviewCompleted, onError, practiceQuestions: config$1.practiceQuestions.map((q) => (Object.assign(Object.assign({}, q), { numOfRetakes: q.attempts || DEFAULT_ATTEMPTS, partDuration: q.duration || DEFAULT_DURATION, thinkingTime: q.thinkingTime || DEFAULT_THINKING_TIME }))) }),
+                                job: Object.assign(Object.assign({}, job), { questions: job.questions.map((q) => (Object.assign(Object.assign({}, q), { numOfRetakes: q.attempts || DEFAULT_ATTEMPTS, partDuration: q.duration || DEFAULT_DURATION, thinkingTime: q.thinkingTime || DEFAULT_THINKING_TIME }))) }),
                                 video,
                                 candidate,
                             }, setShouldShowWaterMark: setShouldShowWaterMark })))))))));