@myinterview/widget-react 1.0.29 → 1.0.31

package/dist/esm/index.js

@@ -27743,7 +27743,7 @@ const MAX_FAILED_RECORDING_ATTEMPTS = 2;
 const MICROPHONE_RETAKE_COUNT = 100; // By reaching this number we understand the mic is stuck / muted
 
 /* eslint-disable react/jsx-no-useless-fragment */
-const VideoQuestion = ({ src, isThinkingTime, onVideoEnds, hidden = false, }) => {
+const VideoQuestion = ({ src, isThinkingTime, onVideoEnds, hidden = false, isWidgetMinimized, }) => {
     var _a;
     const { t } = useTranslation();
     const isCloudflare = ['watch.videodelivery.net', 'cloudflarestream'].some((s) => src.includes(s));
@@ -27836,6 +27836,14 @@ const VideoQuestion = ({ src, isThinkingTime, onVideoEnds, hidden = false, }) =>
             setIsActive(false);
         }, VIDEO_INACTIVE_TIMEOUT);
     };
+    useEffect(() => {
+        var _a;
+        if (isWidgetMinimized && !isThinkingTime) {
+            if (isCloudflare)
+                (_a = cloudFlarePlayerRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+            setIsPlaying(false);
+        }
+    }, [isWidgetMinimized]);
     const videoQuestionClassNames = classNames({
         'myinterview-widget-video-question': true,
         'myinterview-widget-video-question--hidden': hidden,
@@ -27995,7 +28003,7 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
             React__default.createElement("div", { className: contentClasseNames },
                 isExplanationState && (React__default.createElement(Explanation, { isVideoQuestion: !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion), thinkingTime: currentQuestionObj.thinkingTime })),
                 React__default.createElement(VideoCamera, { ref: videoRef, microphoneRef: microphoneRef, isCameraDisplayed: isCameraDisplayed, isPracticeModeDisplayed: !isQuestionMode && isRecording, errorType: RecorderError, isPermissionStepsOpen: isSliderModalOpen, onDisplayPermissionSteps: onOpenSliderModal, onReInitRecorder: onReInitRecorder, onClosePermissionSteps: onCloseSliderModal, onRecorderRetry: isSetupState ? onRecorderRetry : onReInitRecorder, isRecorderCanChangeSettings: ((isSetupState && isRecorderCanChangeSettings) || (RecorderError && isRecording)), videoDevices: videoDevices, audioDevices: audioDevices, selectedVideoDevice: selectedVideoDevice, selectedAudioDevice: selectedAudioDevice, handleDeviceChange: handleDeviceChange, canStartRecording: canStartRecording, currentQuestion: currentQuestion, numberOfQuestions: questions.length, currentQuestionObj: currentQuestionObj, isRecording: isRecording, durations: durations, recordingTime: recordingTime, isCountDown: isCountDown, countdown: countdown, isQuestionDisplayed: isQuestionDisplayed }),
-                (isVideoQuestionState || (isExplanationState && !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion))) && (React__default.createElement(VideoQuestion, { src: (currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion) || '', isThinkingTime: isThinkingTime, onVideoEnds: onVideoEnds, hidden: isExplanationState })),
+                (isVideoQuestionState || (isExplanationState && !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion))) && (React__default.createElement(VideoQuestion, { src: (currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion) || '', isThinkingTime: isThinkingTime, onVideoEnds: onVideoEnds, isWidgetMinimized: isWidgetMinimized, hidden: isExplanationState })),
                 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(EVENTS$5.FORCE_START) })),
@@ -34791,7 +34799,7 @@ const TopTips = () => {
         React__default.createElement($, { y: 1 })));
 };
 
-const WelcomePage = ({ introVideo, welcomeTitle = t('welcome.title'), welcomeText, onContinue, logo, company, title, termsUrl = 'https://www.myinterview.com/terms/', privacyUrl = 'https://www.myinterview.com/privacy/', isResumed, }) => {
+const WelcomePage = ({ introVideo, welcomeTitle = t('welcome.title'), welcomeText, onContinue, logo, company, title, termsUrl = 'https://www.myinterview.com/terms/', privacyUrl = 'https://www.myinterview.com/privacy/', isResumed, isWidgetMinimized, }) => {
     const [isTextOpened, setIsTextOpened] = useState(false);
     const [shouldShowToggle, setShouldShowToggle] = useState(false);
     const [isTopTipsOpened, setIsTopTipsOpened] = useState(false);
@@ -34804,7 +34812,7 @@ const WelcomePage = ({ introVideo, welcomeTitle = t('welcome.title'), welcomeTex
     });
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: "myinterview-widget-inner myinterview-widget-inner--welcome-page-state myinterview-widget-inner--no-snap" },
-            React__default.createElement(VideoQuestion, { src: introVideo, isThinkingTime: false, onVideoEnds: () => { } })),
+            React__default.createElement(VideoQuestion, { src: introVideo, isThinkingTime: false, onVideoEnds: () => { }, isWidgetMinimized: isWidgetMinimized })),
         React__default.createElement("div", { className: "myinterview-widget-outer background-color--white myinterview-widget-outer--no-snap" },
             React__default.createElement(Header, { logo: logo || '', companyName: company || '', jobTitle: title || '', forDesktopLayout: true }),
             React__default.createElement("div", { className: "myinterview-widget-welcome-page myinterview-widget-scroll-indicator" },
@@ -34919,7 +34927,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, isWidgetMinimized }) => {
         !isErrorState && !isLoading && (React__default.createElement(Header, { logo: (job === null || job === void 0 ? void 0 : job.logo) || '', companyName: (job === null || job === void 0 ? void 0 : job.company) || (company === null || company === void 0 ? void 0 : company.name) || '', jobTitle: (job === null || job === void 0 ? void 0 : job.title) || '', hidden: !isVideoQuestionState && !isWelcomeState })),
         React__default.createElement("div", { ref: viewsRef, className: viewsClassNames, onScroll: handleScroll }, isErrorState
             ? React__default.createElement(Error$1, { error: machine.context.error, onRetry: onRetry })
-            : isWelcomeState ? (React__default.createElement(WelcomePage, { introVideo: widgetConfig.config.introVideo || '', welcomeTitle: widgetConfig.config.welcomeTitle, welcomeText: widgetConfig.config.welcomeText || '', onContinue: onContinueClicked, logo: (job === null || job === void 0 ? void 0 : job.logo) || '', company: (job === null || job === void 0 ? void 0 : job.company) || (company === null || company === void 0 ? void 0 : company.name) || '', title: (job === null || job === void 0 ? void 0 : job.title) || '', termsUrl: job === null || job === void 0 ? void 0 : job.termsUrl, privacyUrl: job === null || job === void 0 ? void 0 : job.privacyUrl, isResumed: isResumed }))
+            : isWelcomeState ? (React__default.createElement(WelcomePage, { introVideo: widgetConfig.config.introVideo || '', welcomeTitle: widgetConfig.config.welcomeTitle, welcomeText: widgetConfig.config.welcomeText || '', onContinue: onContinueClicked, logo: (job === null || job === void 0 ? void 0 : job.logo) || '', company: (job === null || job === void 0 ? void 0 : job.company) || (company === null || company === void 0 ? void 0 : company.name) || '', title: (job === null || job === void 0 ? void 0 : job.title) || '', termsUrl: job === null || job === void 0 ? void 0 : job.termsUrl, privacyUrl: job === null || job === void 0 ? void 0 : job.privacyUrl, isResumed: isResumed, isWidgetMinimized: isWidgetMinimized }))
                 : isLoading || !recorderRef
                     ? React__default.createElement(Loader, null)
                     : (React__default.createElement(React__default.Fragment, null,