eli-video-interview 1.2.38 → 1.2.39-alpha.10

package/esm/modules/ai-question/components/QuestionModel/Interactive.js

@@ -22,7 +22,9 @@ var Interactive = function () {
     var questionModelData = useQuestionModelStore().questionModelData;
     var _c = useInterviewRoomStore(), interactType = _c.interactType, aiInterviewerProfile = _c.aiInterviewerProfile;
     var _d = useState(false), bootVideoOpen = _d[0], setBootVideoOpen = _d[1];
-    return (_jsxs(_Fragment, { children: [bootVideoOpen && _jsx(BootVideo, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), _jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", component: Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [_jsxs(Typography, __assign({ display: "flex", alignItems: "center", variant: "body1", fontWeight: 500 }, { children: ["\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[interactType]), interactType === 2 && (_jsxs(_Fragment, { children: ["-".concat(aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.name), ((_a = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanToken) &&
-                                        (aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.humanToken) === ((_b = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiInterviewerProfile) === null || _b === void 0 ? void 0 : _b.humanToken) && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 2 }, { children: AiVideoStatus[(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) || 1] })), (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) === 2 ? (_jsx(CheckCircleOutlineIcon, { sx: { fontSize: '16px', ml: 1, color: 'RGBA(0, 0, 0, 0.56)' } })) : ('')] }))] }))] })), _jsx(Button, __assign({ icon: _jsx(VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
+    var ShowVideoStatus = (aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.humanType) === 2 &&
+        ((_a = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanToken) &&
+        (aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.humanToken) === ((_b = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiInterviewerProfile) === null || _b === void 0 ? void 0 : _b.humanToken);
+    return (_jsxs(_Fragment, { children: [bootVideoOpen && _jsx(BootVideo, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), _jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", component: Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [_jsxs(Typography, __assign({ display: "flex", alignItems: "center", variant: "body1", fontWeight: 500 }, { children: ["\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[interactType]), interactType === 2 && (_jsxs(_Fragment, { children: ["-".concat(aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.name), ShowVideoStatus && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 2 }, { children: AiVideoStatus[(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) || 1] })), (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) === 2 ? (_jsx(CheckCircleOutlineIcon, { sx: { fontSize: '16px', ml: 1, color: 'RGBA(0, 0, 0, 0.56)' } })) : ('')] }))] }))] })), _jsx(Button, __assign({ icon: _jsx(VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
 };
 export default Interactive;

package/esm/modules/ai-question/components/QuestionModel/Item.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
 import { DISABLED_REPEAT_TYPE, IS_AI_ANALYSIS, TEST_TYPE_READONLY } from "../../../../constants/ai-question";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
@@ -29,10 +30,11 @@ import { Box, Chip, confirm, DeleteIcon, DragIndicatorIcon, EditIcon, IconButton
 import { Paper, Stack } from 'fbm-ui/lib/mui';
 import { memo, useCallback, useMemo } from 'react';
 var QuestionModelListItem = function (props) {
+    var _a = useInterviewRoomStore(), interactType = _a.interactType, aiInterviewerProfile = _a.aiInterviewerProfile;
     var index = props.index, disabledWeight = props.disabledWeight, steps = props.steps, step = __rest(props, ["index", "disabledWeight", "steps"]);
-    var token = step.token, name = step.name, questions = step.questions, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category;
+    var token = step.token, name = step.name, questions = step.questions, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category, isOpenAIFollowUp = step.isOpenAIFollowUp, enableScoreOptimization = step.enableScoreOptimization;
     var isAiAnalysis = IS_AI_ANALYSIS(step);
-    var _a = useQuestionModelStore(), editModel = _a.editModel, removeModel = _a.removeModel, updateModelWeight = _a.updateModelWeight;
+    var _b = useQuestionModelStore(), editModel = _b.editModel, removeModel = _b.removeModel, updateModelWeight = _b.updateModelWeight;
     var updateQuestionState = useUpdateQuestionStore().updateQuestionState;
     var handleEdit = useCallback(function () {
         updateQuestionState({ open: true, token: token, index: index, aiShowType: aiShowType, item: step });
@@ -66,6 +68,12 @@ var QuestionModelListItem = function (props) {
     var handleAnswerStatus = useCallback(function () {
         editModel(__assign(__assign({}, step), { answerStatus: answerStatus === 2 ? 1 : 2 }), index);
     }, [editModel, answerStatus, step, index]);
+    var handleOpenAIFollowUpStatus = useCallback(function () {
+        editModel(__assign(__assign({}, step), { isOpenAIFollowUp: !isOpenAIFollowUp }), index);
+    }, [editModel, isOpenAIFollowUp, step, index]);
+    var handleEnableScoreOptimizationStatus = useCallback(function () {
+        editModel(__assign(__assign({}, step), { enableScoreOptimization: !enableScoreOptimization }), index);
+    }, [editModel, enableScoreOptimization, step, index]);
     var formatQuestion = useMemo(function () {
         if ((questions === null || questions === void 0 ? void 0 : questions.length) > 1) {
             return (_jsxs(Stack, __assign({ direction: "row", spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "#F5C441", flexShrink: 0, fontWeight: 500 }, { children: "[\u5185\u5BB9\u968F\u673A]" })), _jsx(Stack, __assign({ spacing: 1 }, { children: questions.map(function (v, index) { return (_jsxs(Typography, __assign({ variant: "body2", color: "text.secondary" }, { children: ["\u2022\u00A0", v.content] }), index)); }) }))] })));
@@ -74,6 +82,6 @@ var QuestionModelListItem = function (props) {
     }, [questions]);
     return (_jsxs(Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [_jsxs(Box, __assign({ display: "flex", borderBottom: !DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: [_jsx(Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: _jsx(DragIndicatorIcon, { className: "dragHandle" }) })), _jsxs(Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [_jsxs(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) {
                                                 return label && (_jsx(Tooltip, __assign({ title: "".concat(label), placement: "bottom" }, { children: _jsx(Chip, { color: "default", label: label, size: "medium", sx: { ml: 1, maxWidth: '158px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } }, label) })));
-                                            }), aiType === 2 && _jsx(Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } })] })), _jsxs(Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!TEST_TYPE_READONLY.includes(type) && (_jsx(IconButton, __assign({ size: "small", onClick: handleEdit }, { children: _jsx(EditIcon, {}) }))), _jsx(IconButton, __assign({ size: "small", onClick: handleRemove }, { children: _jsx(DeleteIcon, {}) }))] }))] })), _jsxs(Box, __assign({ mt: 1, pr: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: formatQuestion })), _jsxs(Typography, __assign({ sx: { ml: 2, flexShrink: 0 }, variant: "caption", color: "secondary", alignSelf: "flex-end" }, { children: ["\u56DE\u7B54\u65F6\u957F:\u00A0", getSecondToTime(Number(duration))] }))] }))] }))] })), (!DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis) && (_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1, height: 42 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: isAiAnalysis && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), _jsx(Input, { sx: { width: 92 }, size: "small", value: weight, endAdornment: _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "%" })), disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur }), _jsx(Tooltip, __assign({ title: "AI\u6D4B\u8BC4\u9898\u53EF\u4EE5\u8BBE\u7F6E\u6743\u91CD\uFF0C\u7CFB\u7EDF\u5BF9\u5019\u9009\u4EBA\u89C6\u9891\u9762\u8BD5\u7ED3\u679C\u4F1A\u52A0\u5165\u6743\u91CD\u8FDB\u884C\u8BA1\u7B97\uFF0C\u5F97\u51FAAI\u89C6\u9891\u9762\u8BD5\u5F97\u5206\u3002\u8BBE\u7F6E\u540E5\u5206\u949F\u8D77\u6548" }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.26)' } }) })) }))] })) })), !DISABLED_REPEAT_TYPE.includes(type) && (_jsx(Stack, __assign({ direction: "row" }, { children: _jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }) })))] })))] })));
+                                            }), aiType === 2 && _jsx(Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } })] })), _jsxs(Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!TEST_TYPE_READONLY.includes(type) && (_jsx(IconButton, __assign({ size: "small", onClick: handleEdit }, { children: _jsx(EditIcon, {}) }))), _jsx(IconButton, __assign({ size: "small", onClick: handleRemove }, { children: _jsx(DeleteIcon, {}) }))] }))] })), _jsxs(Box, __assign({ mt: 1, pr: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: formatQuestion })), _jsxs(Typography, __assign({ sx: { ml: 2, flexShrink: 0 }, variant: "caption", color: "secondary", alignSelf: "flex-end" }, { children: ["\u56DE\u7B54\u65F6\u957F:\u00A0", getSecondToTime(Number(duration))] }))] }))] }))] })), (!DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis) && (_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1, height: 42 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: isAiAnalysis && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), _jsx(Input, { sx: { width: 92 }, size: "small", value: weight, endAdornment: _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "%" })), disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur }), _jsx(Tooltip, __assign({ title: "AI\u6D4B\u8BC4\u9898\u53EF\u4EE5\u8BBE\u7F6E\u6743\u91CD\uFF0C\u7CFB\u7EDF\u5BF9\u5019\u9009\u4EBA\u89C6\u9891\u9762\u8BD5\u7ED3\u679C\u4F1A\u52A0\u5165\u6743\u91CD\u8FDB\u884C\u8BA1\u7B97\uFF0C\u5F97\u51FAAI\u89C6\u9891\u9762\u8BD5\u5F97\u5206\u3002\u8BBE\u7F6E\u540E5\u5206\u949F\u8D77\u6548" }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.26)' } }) })) }))] })) })), !DISABLED_REPEAT_TYPE.includes(type) && (_jsxs(Stack, __assign({ direction: "row" }, { children: [_jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }), type === 1 && aiShowType === 1 && ((aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.humanType) !== 2 || interactType === 1) && (_jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: isOpenAIFollowUp, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5019\u9009\u4EBA\u56DE\u7B54\u4E0D\u5145\u5206\u65F6\u8FFD\u95EE" })), onChange: handleOpenAIFollowUpStatus }))] })))] })))] })));
 };
 export default memo(QuestionModelListItem);

package/esm/modules/ai-question/components/QuestionUpdate/const.js

@@ -27,6 +27,8 @@ export var defaultQuestionParams = {
     weight: 0,
     token: '',
     originToken: '',
+    isOpenAIFollowUp: false,
+    enableScoreOptimization: false,
 };
 // 播报方式
 export var broadcastModeOptions = [

package/esm/modules/ai-question/components/QuestionUpdate/interface.d.ts

@@ -20,6 +20,8 @@ export interface QuestionParams {
     minResponseDuration?: number;
     category?: string[];
     extra: BaseExtraParams;
+    isOpenAIFollowUp: boolean;
+    enableScoreOptimization: boolean;
     broadcastType: number;
     aiSwitch?: number;
     aiType: number;

package/esm/modules/ai-report/components/ScoreReport/Score.js

@@ -29,9 +29,12 @@ var Score = function (_a) {
         if (typeof customScore === 'number' && customScore > -1) {
             setScore(customScore);
         }
+        else {
+            setScore(score || 0);
+        }
         if (!loading)
             setOpenRefresh(false);
-    }, [loading, customScore]);
+    }, [loading, customScore, score]);
     var content = (_jsxs(Box, __assign({ padding: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", color: "secondary" }, { children: "\u5237\u65B0\u540E\u5C06\u6309\u6700\u65B0\u7B97\u5206\u89C4\u5219\u8BA1\u7B97\uFF0C\u662F\u5426\u786E\u8BA4\u5237\u65B0" })), _jsx(Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: _jsx(Button, __assign({ loading: loading, onClick: onRefresh }, { children: "\u5237\u65B0" })) }))] })));
     return (_jsxs(Box, __assign({ display: "flex", sx: { padding: '24px' } }, { children: [_jsx(RankingRange, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), _jsxs(Box, __assign({ flex: "1 0" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsxs(ScoreTypography, { children: [formatScore(feScore || 0), _jsx(ScoreUnitTypography, __assign({ variant: "caption" }, { children: "\u5206" }))] }), _jsx(Box, __assign({ width: 50, height: 50 }, { children: !!feScore && feScore >= 80 && _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/recommended.svg", alt: "" }) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && (_jsx(Button, __assign({ variant: "outlined", size: "small", icon: _jsx(DownloadIcon, {}), sx: { ml: 1 }, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), _jsxs(Box, __assign({ display: "flex", alignItems: "center", mt: 1 }, { children: [(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(RefreshIconRoot, { onClick: function () { return setOpenRefresh(true); } }) }))), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && (_jsx(Button, __assign({ variant: "text", size: "small", sx: { textDecoration: 'underline' }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] }))] })), _jsx(Box, __assign({ width: 200 }, { children: _jsx(Bar, {}) }))] })));
 };

package/esm/modules/ai-report/components/VideoQuestion/BodyImages.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import '@components/react-photo-view/Photo';
+import '@components/react-photo-view/PhotoSlider';
+declare const BodyImages: ({ reviewImgs }: {
+    reviewImgs: any;
+}) => JSX.Element;
+export default BodyImages;

package/esm/modules/ai-report/components/VideoQuestion/BodyImages.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image } from './styled';
+import { PhotoSlider } from "../../../../components/react-photo-view";
+import "../../../../components/react-photo-view/Photo";
+import PhotoPage from "../../../../components/react-photo-view/PhotoPage";
+import "../../../../components/react-photo-view/PhotoSlider";
+import { Box, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useState } from 'react';
+var BodyImages = function (_a) {
+    var reviewImgs = _a.reviewImgs;
+    var _b = useState(false), visible = _b[0], setVisible = _b[1];
+    var _c = useState(0), index = _c[0], setIndex = _c[1];
+    var handleSelected = useCallback(function (_, i) {
+        setIndex(i);
+        setVisible(true);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(Stack, __assign({ spacing: 2, direction: "row" }, { children: reviewImgs === null || reviewImgs === void 0 ? void 0 : reviewImgs.map(function (_a, i) {
+                    var url = _a.url, title = _a.title;
+                    return (_jsxs(Stack, __assign({ spacing: 0.5, onClick: function () {
+                            setIndex(i);
+                            setVisible(true);
+                        } }, { children: [_jsx(Image, { src: url, alt: "" }), _jsx(Typography, __assign({ variant: "caption", color: "textSecondary", textAlign: "center" }, { children: title }))] }), url));
+                }) })), _jsx(PhotoSlider, { maskOpacity: 0.56, visible: visible, onClose: function () { return setVisible(false); }, index: index, onIndexChange: setIndex, images: reviewImgs === null || reviewImgs === void 0 ? void 0 : reviewImgs.map(function (item) { return ({ src: item.url, key: item.url, title: item === null || item === void 0 ? void 0 : item.title }); }), overlayRender: function (_a) {
+                    var images = _a.images, index = _a.index;
+                    return (_jsx(Box, __assign({ sx: { width: 1, position: 'absolute', bottom: 0, zIndex: 50 } }, { children: _jsx(PhotoPage, { onSelected: handleSelected, images: images, index: index }) })));
+                } })] }));
+};
+export default BodyImages;

package/esm/modules/ai-report/components/VideoQuestion/QuestionItem.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Abilities from './Abilities';
+import BodyImages from './BodyImages';
 import ScoreSlider from './ScoreSlider';
 import { QuestionDesc } from './styled';
 import { QUESTION_TYPE } from "../../../../enum/ai-question";
@@ -25,7 +26,7 @@ import update from 'immutability-helper';
 import { useCallback, useMemo, useState } from 'react';
 var STEP_NO_ANSWER = INTERVIEW_STEP_STATUS.STEP_NO_ANSWER, STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED, STEP_FAILED = INTERVIEW_STEP_STATUS.STEP_FAILED, STEP_IN_CALCULATION = INTERVIEW_STEP_STATUS.STEP_IN_CALCULATION;
 var QuestionItem = function (props) {
-    var token = props.token, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
+    var token = props.token, reviewImgs = props.reviewImgs, followupQuestion = props.followupQuestion, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
     var _d = useState(false), showAbilities = _d[0], setShowAbilities = _d[1];
     var _e = useAiReportStore(function (store) { return [store.reportResult, store.stepToken, store.operableButtons, store.showAbilitiesDetails]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
     var steps = (reportResult || {}).steps;
@@ -86,6 +87,6 @@ var QuestionItem = function (props) {
             mt: 2,
             cursor: videoUrl ? 'pointer' : 'inherit',
             borderColor: token === stepToken ? theme.palette.primary.main : '',
-        }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", desc] })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index })] }), token));
+        }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", desc] })), _jsxs(QuestionDesc, { children: [_jsx(BodyImages, { reviewImgs: reviewImgs }), _jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestion && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.desc) })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.answer }))] })] })), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index })] }), token));
 };
 export default QuestionItem;

package/esm/modules/ai-report/components/VideoQuestion/styled.d.ts

@@ -69,3 +69,4 @@ export declare const AiScoreRoot: import("@emotion/styled").StyledComponent<impo
 export declare const RankingRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
 } & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/esm/modules/ai-report/components/VideoQuestion/styled.js

@@ -89,3 +89,9 @@ export var RankingRoot = styled(Box)({
         boxShadow: '0px 0px 4px 0px rgba(0 0 0 / 50%)',
     },
 });
+export var Image = styled('img')({
+    width: 48,
+    height: 84,
+    borderRadius: 4,
+    objectFit: 'contain',
+});

package/esm/modules/ai-report/interface.d.ts

@@ -89,6 +89,15 @@ export interface Suggestion {
     show: boolean;
     abilitys: SuggestionAbility[];
 }
+export interface ReviewImg {
+    url: string;
+    step: number;
+    title: string;
+}
+export interface FollowupQuestion {
+    desc: string;
+    answer: string;
+}
 export interface AiInterviewReportStep {
     token: string;
     status: number;
@@ -96,6 +105,8 @@ export interface AiInterviewReportStep {
     answer: Answer;
     scoreInfo: ScoreInfo;
     aiEvaluation: AiEvaluation;
+    reviewImgs: ReviewImg[];
+    followupQuestion?: FollowupQuestion;
 }
 export interface FaceAnalysis {
     age: number;

package/lib/components/react-photo-view/Photo.css

@@ -0,0 +1,14 @@
+.PhotoView__Photo {
+  max-width: initial;
+  cursor: grab;
+}
+.PhotoView__Photo:active {
+  cursor: grabbing;
+}
+.PhotoView__icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  transform: translate(-50%, -50%);
+}

package/lib/components/react-photo-view/Photo.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './Photo.css';
+import type { BrokenElementParams } from './types';
+export interface IPhotoLoadedParams {
+    loaded?: boolean;
+    naturalWidth?: number;
+    naturalHeight?: number;
+    broken?: boolean;
+}
+export interface IPhotoProps extends React.HTMLAttributes<HTMLElement> {
+    src: string;
+    loaded: boolean;
+    broken: boolean;
+    onPhotoLoad: (params: IPhotoLoadedParams) => void;
+    loadingElement?: JSX.Element;
+    brokenElement?: JSX.Element | ((photoProps: BrokenElementParams) => JSX.Element);
+}
+export default function Photo({ src, loaded, broken, className, onPhotoLoad, loadingElement, brokenElement, ...restProps }: IPhotoProps): JSX.Element | null;

package/lib/components/react-photo-view/Photo.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Spinner_1 = __importDefault(require("./components/Spinner"));
+var useMountedRef_1 = __importDefault(require("./hooks/useMountedRef"));
+require("./Photo.css");
+function Photo(_a) {
+    var src = _a.src, loaded = _a.loaded, broken = _a.broken, className = _a.className, onPhotoLoad = _a.onPhotoLoad, loadingElement = _a.loadingElement, brokenElement = _a.brokenElement, restProps = __rest(_a, ["src", "loaded", "broken", "className", "onPhotoLoad", "loadingElement", "brokenElement"]);
+    var mountedRef = (0, useMountedRef_1.default)();
+    function handleImageLoaded(e) {
+        var _a = e.target, naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
+        if (mountedRef.current) {
+            onPhotoLoad({
+                loaded: true,
+                naturalWidth: naturalWidth,
+                naturalHeight: naturalHeight,
+            });
+        }
+    }
+    function handleImageBroken() {
+        if (mountedRef.current) {
+            onPhotoLoad({
+                broken: true,
+            });
+        }
+    }
+    if (src && !broken) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", __assign({ className: "PhotoView__Photo".concat(className ? " ".concat(className) : ''), src: src, onLoad: handleImageLoaded, onError: handleImageBroken, alt: "" }, restProps)), !loaded && ((0, jsx_runtime_1.jsx)("span", __assign({ className: "PhotoView__icon" }, { children: loadingElement })) || (0, jsx_runtime_1.jsx)(Spinner_1.default, { className: "PhotoView__icon" }))] }));
+    }
+    if (brokenElement) {
+        return (0, jsx_runtime_1.jsx)("span", __assign({ className: "PhotoView__icon" }, { children: typeof brokenElement === 'function' ? brokenElement({ src: src }) : brokenElement }));
+    }
+    return null;
+}
+exports.default = Photo;

package/lib/components/react-photo-view/PhotoBox.css

@@ -0,0 +1,18 @@
+.PhotoView__PhotoWrap,
+.PhotoView__PhotoBox {
+  position: absolute;
+  top: 24px;
+  right: 0;
+  bottom: 182px;
+  left: 0;
+  width: 100%;
+  touch-action: none;
+  direction: ltr;
+}
+.PhotoView__PhotoWrap {
+  z-index: 10;
+  overflow: hidden;
+}
+.PhotoView__PhotoBox {
+  transform-origin: left top;
+}

package/lib/components/react-photo-view/PhotoBox.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import './PhotoBox.css';
+import type { BrokenElementParams, DataType, ExposedProperties, PhotoTapFunction, ReachFunction, ReachMoveFunction } from './types';
+export interface PhotoBoxProps {
+    item: DataType;
+    visible: boolean;
+    speed: number;
+    easing: string;
+    wrapClassName?: string;
+    className?: string;
+    style?: object;
+    loadingElement?: JSX.Element;
+    brokenElement?: JSX.Element | ((photoProps: BrokenElementParams) => JSX.Element);
+    onPhotoTap: PhotoTapFunction;
+    onMaskTap: PhotoTapFunction;
+    onReachMove: ReachMoveFunction;
+    onReachUp: ReachFunction;
+    onPhotoResize: () => void;
+    expose: (state: ExposedProperties) => void;
+    isActive: boolean;
+}
+export default function PhotoBox({ item: { src, render, width: customWidth, height: customHeight, originRef }, visible, speed, easing, wrapClassName, className, style, loadingElement, brokenElement, onPhotoTap, onMaskTap, onReachMove, onReachUp, onPhotoResize, isActive, expose, }: PhotoBoxProps): JSX.Element;