eli-video-interview 1.2.42-alpha.2 → 1.2.42-alpha.21

package/esm/modules/ai-report-v2/components/ReportHeader/ReportHeader.js

@@ -28,7 +28,8 @@ var __read = (this && this.__read) || function (o, n) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import AIEvaluate from '../AIEvaluate';
 import { CandidateReport, PodiumReport } from '../Candidate';
-import { ReportBadge, ReportLabel } from '../styled';
+import { DinTypography, ReportBadge, ReportLabel } from '../styled';
+import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
 import { PostAiInterviewRefresh } from "../../../../services/ai-report";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { formatScore } from "../../../../utils/utils";
@@ -39,22 +40,23 @@ import { Box, Button, IconButton, Message, Popover, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
 import { useEffect, useMemo, useState } from 'react';
 var ReportHeader = function (_a) {
-    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo;
+    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo, status = _a.status, fetchReportUrl = _a.fetchReportUrl;
     var _b = __read(useState(false), 2), openRefresh = _b[0], setOpenRefresh = _b[1];
-    var _c = useAiReportStore(function (store) { return [
+    var _c = __read(useState(null), 2), reportUrl = _c[0], setReportUrl = _c[1];
+    var _d = useAiReportStore(function (store) { return [
         store.token,
         store.reportResult,
         store.operableButtons,
-    ]; }), token = _c.token, reportResult = _c.reportResult, operableButtons = _c.operableButtons, onExportReportClick = _c.onExportReportClick;
-    var _d = reportResult || {}, score = _d.score, createTime = _d.createTime, model = _d.model;
-    var _e = __read(useState(score || 0), 2), feScore = _e[0], setScore = _e[1];
-    var _f = useRequest(function () { return PostAiInterviewRefresh(token); }, {
+    ]; }), token = _d.token, reportResult = _d.reportResult, operableButtons = _d.operableButtons, onExportReportClick = _d.onExportReportClick;
+    var _e = reportResult || {}, score = _e.score, createTime = _e.createTime, model = _e.model;
+    var _f = __read(useState(score || 0), 2), feScore = _f[0], setScore = _f[1];
+    var _g = useRequest(function () { return PostAiInterviewRefresh(token); }, {
         manual: true,
         onSuccess: function () {
             onRefreshSuccess();
             Message.success('刷新成功');
         },
-    }), run = _f.run, loading = _f.loading;
+    }), run = _g.run, loading = _g.loading;
     var level = useMemo(function () {
         if (feScore >= 80)
             return 'high';
@@ -62,6 +64,16 @@ var ReportHeader = function (_a) {
             return 'middle';
         return 'low';
     }, [feScore]);
+    useEffect(function () {
+        if (!fetchReportUrl)
+            return;
+        fetchReportUrl()
+            .then(function (_a) {
+            var url = _a.url;
+            setReportUrl(url);
+        })
+            .catch(function () { return Message.error('获取报告链接失败'); });
+    }, [fetchReportUrl]);
     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: run }, { children: "\u5237\u65B0" })) }))] })));
     useEffect(function () {
         if (typeof customScore === 'number' && customScore > -1) {
@@ -73,10 +85,19 @@ var ReportHeader = function (_a) {
         if (!loading)
             setOpenRefresh(false);
     }, [loading, customScore, score]);
-    return (_jsxs(Stack, { children: [model === 'pro' && _jsx(ReportBadge, {}), _jsx(ReportLabel, { level: level }), _jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", sx: { width: 'calc(100% - 180px)' } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", pl: 3, py: 3 }, { children: [_jsxs(Typography, __assign({ variant: "caption", sx: {
+    return (_jsxs(Stack, __assign({ position: "relative" }, { children: [model === 'pro' && _jsx(ReportBadge, {}), _jsx(ReportLabel, { level: status === INTERVIEW_STATUS.COMPLETED ? level : 'calculation' }), _jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", sx: {
+                    width: 'calc(100% - 180px)',
+                    position: 'absolute',
+                    top: 0,
+                    zIndex: 2,
+                } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", pl: 3, py: 3 }, { children: [_jsxs(Typography, __assign({ variant: "caption", sx: {
                                     color: 'rgba(74, 74, 74, 0.86)',
-                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () { return setOpenRefresh(true); } }, { children: _jsx(RefreshIcon, { sx: {
+                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(IconButton, __assign({ onClick: function () { return setOpenRefresh(true); } }, { children: _jsx(RefreshIcon, { sx: {
                                             color: '#009908',
-                                        } }) })) })))] })), _jsx(Typography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { fontFamily: 'DIN Alternate-Bold', alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && (_jsx(Button, __assign({ endIcon: _jsx(ShareIcon, {}), variant: "outlined", onClick: onExportReportClick, sx: { borderRadius: 18 } }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), _jsxs(Stack, { children: [fetchCandidateInfo && _jsx(CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && _jsx(PodiumReport, { score: formatScore(feScore || 0) })] }), _jsx(Stack, __assign({ width: 1, direction: "row" }, { children: _jsx(AIEvaluate, {}) }))] }));
+                                        } }) })) })))] })), _jsx(DinTypography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) ? (_jsx(Button, __assign({ endIcon: _jsx(ShareIcon, {}), variant: "text", onClick: onExportReportClick, sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u5BFC\u51FA\u62A5\u544A" }))) : reportUrl ? (_jsx("a", __assign({ href: reportUrl, title: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A" }, { children: _jsx(Button, __assign({ endIcon: _jsx(ShareIcon, {}), variant: "text", sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A" })) }))) : (_jsx(Box, {}))] })), _jsxs(Stack, { children: [fetchCandidateInfo && status === INTERVIEW_STATUS.COMPLETED && _jsx(CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && status === INTERVIEW_STATUS.COMPLETED && _jsx(PodiumReport, { score: formatScore(feScore || 0) }), status !== INTERVIEW_STATUS.COMPLETED && (_jsx(Box, { sx: {
+                            position: 'relative',
+                            width: 541,
+                            height: 342,
+                        } }))] }), status === INTERVIEW_STATUS.COMPLETED && (_jsx(Stack, __assign({ width: 1, direction: "row" }, { children: _jsx(AIEvaluate, {}) })))] })));
 };
 export default ReportHeader;

package/esm/modules/ai-report-v2/components/VideoQuestion/Abilities.js

@@ -36,7 +36,7 @@ var Abilities = function (_a) {
     return (_jsxs(Box, __assign({ mt: 1 }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary", mb: 1 }, { children: "\u5206\u503C\u8BA1\u7B97\u89C4\u5219\uFF1A\u7EFC\u5408\u8BC4\u5206=AI\u8BC4\u5206*\u5355\u9898\u6743\u91CD" })), _jsx(Box, __assign({ mt: 3 }, { children: steps &&
                     steps[stepIndex].scoreInfo.abilities.map(function (_a, index) {
                         var name = _a.name, originScore = _a.originScore, finalScore = _a.finalScore;
-                        return (_jsxs(Box, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: name })), _jsx(ScoreSlider, { width: 420, disabledScore: disabledScore, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "".concat(disabledScore ? 'off' : 'auto'), onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
+                        return (_jsxs(Box, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: name })), _jsx(ScoreSlider, { width: 604, disabledScore: disabledScore, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "".concat(disabledScore ? 'off' : 'auto'), onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
                     }) }))] })));
 };
 export default Abilities;

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

@@ -27,7 +27,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Video } from '../styled';
+import { ExportButton, Video } from '../styled';
 import Abilities from './Abilities';
 import BodyImages from './BodyImages';
 import ScoreSlider from './ScoreSlider';
@@ -36,24 +36,27 @@ import { QuestionDesc } from './styled';
 import Workplaces from './Workplaces';
 import { ADD_QUESTION_TYPE, QUESTION_TYPE } from "../../../../enum/ai-question";
 import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
-import FormatQuoteIcon from '@mui/icons-material/FormatQuote';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { formatScore, highlighKeywords } from "../../../../utils/utils";
 import { Box, Button, Typography } from 'fbm-ui';
 import { theme } from 'fbm-ui/lib/components/ThemeProvider';
-import { Stack } from 'fbm-ui/lib/mui';
+import { Paper, Stack } from 'fbm-ui/lib/mui';
 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, reviewImgs = props.reviewImgs, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities, workplaceEvaluation = _c.workplaceEvaluation;
+    var token = props.token, reviewImgs = props.reviewImgs, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities, workplaceEvaluation = _c.workplaceEvaluation, workplaceName = _c.workplaceName, isExportPdf = props.isExportPdf;
     var _d = __read(useState(false), 2), 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 _e = useAiReportStore(function (store) { return [
+        store.reportResult,
+        store.stepToken,
+        store.operableButtons,
+        store.showAbilitiesDetails,
+    ]; }), reportResult = _e.reportResult, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange;
     var steps = (reportResult || {}).steps;
     var isAbilities = operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities');
     var isExistWeight = Number(weight) > 0;
     var isShowAbilitiesButton = abilities.length > 0 && isAbilities && !showAbilitiesDetails;
-    var isShowWeight = abilities.length === 0 || showAbilities || !isAbilities || showAbilitiesDetails;
     var isShowAbilitiesDetails = abilities.length > 0 && (showAbilities || showAbilitiesDetails);
     var isSingleChoice = aiShowType === ADD_QUESTION_TYPE.SINGLECHIOCE;
     var comprehensiveScore = useMemo(function () {
@@ -98,20 +101,23 @@ var QuestionItem = function (props) {
                 score: score,
             });
     }, [index, reportResult, steps, updateReportResult, onScoreChange, isSingleChoice]);
-    var handleClickItem = useCallback(function (e) {
-        e.stopPropagation();
-        if (videoUrl) {
-            updateState({ stepToken: token });
-            onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(token);
-        }
-    }, [token, videoUrl, onStepChange, updateState]);
     return (_jsxs(Stack, __assign({ sx: {
             padding: '16px 24px',
             mt: 2,
-        }, onClick: handleClickItem }, { children: [_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [_jsxs(Stack, __assign({ flex: 1 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5 }, { children: [_jsx(Typography, __assign({ variant: "body2", sx: { backgroundColor: theme.palette.primary.main, color: '#fff', px: 0.5, borderRadius: '4px 4px 4px 4px', lineHeight: 1 } }, { children: index + 1 })), _jsx(Typography, __assign({ variant: "body2", color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: 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: [isSingleChoice && _jsx(SingleChoice, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), _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] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
-                                return (_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(v === null || v === void 0 ? void 0 : v.desc) })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
-                            })] })), _jsx(Video, { src: videoUrl, controls: true })] })), 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, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, 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, noWrap: true }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice }), abilities.map(function (v) { return (_createElement(Workplaces, __assign({}, v, { key: v.token }))); }), workplaceEvaluation && (_jsxs(Stack, __assign({ spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: '#4caf50' } }, { children: "AI\u8BC4\u4EF7" })), _jsx(Typography, { variant: "caption", sx: {
-                            color: '#424242',
-                        }, dangerouslySetInnerHTML: { __html: workplaceEvaluation } })] })))] }), token));
+        } }, { children: [_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [_jsxs(Stack, __assign({ flex: 1 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5 }, { children: [_jsx(Typography, __assign({ variant: "body2", sx: {
+                                            backgroundColor: theme.palette.primary.main,
+                                            color: '#fff',
+                                            fontSize: 16,
+                                            borderRadius: '4px 4px 4px 4px',
+                                            lineHeight: '16px',
+                                            alignSelf: 'flex-start',
+                                            py: 0.25,
+                                            px: 0.5,
+                                            minWidth: 12,
+                                        } }, { children: index + 1 })), _jsx(Typography, __assign({ variant: "body2", color: theme.palette.primary.main }, { children: desc }))] })), _jsxs(QuestionDesc, { children: [_jsx(BodyImages, { reviewImgs: reviewImgs }), _jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [isSingleChoice && _jsx(SingleChoice, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), _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] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
+                                return (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ mt: 1, fontSize: 14, color: theme.palette.primary.main }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), _jsxs(QuestionDesc, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
+                            })] })), _jsxs(Box, __assign({ position: "relative" }, { children: [_jsx(Video, { src: videoUrl, controls: true }), isExportPdf && _jsx(ExportButton, __assign({ href: videoUrl }, { children: "\u67E5\u770B\u89C6\u9891" }))] }))] })), isExistWeight && status !== STEP_COMPLETED && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center", pl: 2 }, { children: workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body2", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body2" }, { children: workplaceName }))] }))) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore, "\u5206"] })) }))] }))), isExistWeight && status === STEP_COMPLETED && (_jsxs(Stack, __assign({ mt: 3, spacing: 1, component: Paper, variant: "outlined", sx: { border: '1px solid #9BCC9B', background: '#F7FFF7' }, p: 2 }, { children: [workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body2", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body2" }, { children: workplaceName }))] }))), 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"] })), _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, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, 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, noWrap: true }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore, "\u5206"] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice }), abilities.map(function (v) { return (_createElement(Workplaces, __assign({}, v, { key: v.token }))); }), workplaceEvaluation && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#4caf50' } }, { children: "AI\u8BC4\u4EF7" })), _jsx(Typography, { variant: "caption", sx: {
+                                    color: '#424242',
+                                }, dangerouslySetInnerHTML: { __html: workplaceEvaluation } })] }))] })))] }), token));
 };
 export default QuestionItem;

package/esm/modules/ai-report-v2/components/VideoQuestion/ScoreSlider.js

@@ -32,7 +32,7 @@ import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Tooltip, Typography } from 'fbm-ui';
 import { useCallback, useEffect, useState } from 'react';
 var ScoreSlider = function (props) {
-    var _a = props.width, width = _a === void 0 ? 320 : _a, originScore = props.originScore, finalScore = props.finalScore, _b = props.valueLabelDisplay, valueLabelDisplay = _b === void 0 ? 'on' : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? false : _c, _d = props.isShowScoreRank, isShowScoreRank = _d === void 0 ? false : _d, onChangeCommitted = props.onChangeCommitted, _e = props.disabledScore, sliderDisabledScore = _e === void 0 ? false : _e;
+    var _a = props.width, width = _a === void 0 ? 504 : _a, originScore = props.originScore, finalScore = props.finalScore, _b = props.valueLabelDisplay, valueLabelDisplay = _b === void 0 ? 'on' : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? false : _c, _d = props.isShowScoreRank, isShowScoreRank = _d === void 0 ? false : _d, onChangeCommitted = props.onChangeCommitted, _e = props.disabledScore, sliderDisabledScore = _e === void 0 ? false : _e;
     var aiScore = originScore.toFixed(0);
     var _f = __read(useState(0), 2), score = _f[0], setScore = _f[1];
     var disabledScore = useAiReportStore(function (store) { return [store.disabledScore, store.scoreRankIntervals]; }).disabledScore;

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

@@ -1,3 +1,6 @@
-import { FC } from 'react';
-declare const VideoQuestion: FC;
-export default VideoQuestion;
+import React from 'react';
+export interface VideoQuestionProps {
+    isExportPdf?: boolean;
+}
+declare const _default: React.NamedExoticComponent<VideoQuestionProps>;
+export default _default;

package/esm/modules/ai-report-v2/components/VideoQuestion/index.js

@@ -14,9 +14,11 @@ import QuestionItem from './QuestionItem';
 import AiHeaderTitle from "../../../../components/AiHeaderTitle";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Box, Empty } from 'fbm-ui';
-var VideoQuestion = function () {
+import { memo } from 'react';
+var VideoQuestion = function (_a) {
+    var _b = _a.isExportPdf, isExportPdf = _b === void 0 ? false : _b;
     var reportResult = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }).reportResult;
     var steps = (reportResult || {}).steps;
-    return (_jsxs(Box, __assign({ id: "report-question", mt: 2 }, { children: [_jsx(AiHeaderTitle, { name: "\u89C6\u9891\u9898" }), _jsx(Box, __assign({ mt: 3 }, { children: steps && steps.length > 0 ? (steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) { return _jsx(QuestionItem, __assign({ index: index }, item), item.token); })) : (_jsx(Empty, { src: "//public-static-assets.oss-cn-beijing.aliyuncs.com/img/empty.png", desc: "\u6682\u65E0\u9898\u76EE" })) }))] })));
+    return (_jsxs(Box, __assign({ id: "report-question", mt: 2 }, { children: [_jsx(AiHeaderTitle, { name: "\u89C6\u9891\u9898" }), _jsx(Box, __assign({ mt: 3 }, { children: steps && steps.length > 0 ? (steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) { return _jsx(QuestionItem, __assign({ index: index }, item, { isExportPdf: isExportPdf }), item.token); })) : (_jsx(Empty, { src: "//public-static-assets.oss-cn-beijing.aliyuncs.com/img/empty.png", desc: "\u6682\u65E0\u9898\u76EE" })) }))] })));
 };
-export default VideoQuestion;
+export default memo(VideoQuestion);

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

@@ -9,6 +9,7 @@ export interface ScoreSliderProps extends Pick<ScoreInfo, 'originScore' | 'final
 }
 export interface QuestionItemProps extends AiInterviewReportStep {
     index: number;
+    isExportPdf?: boolean;
 }
 export interface AbilitiesProps {
     stepIndex: number;

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

@@ -60,9 +60,9 @@ export var QuestionDesc = styled(Box)({
     '& >.MuiSvgIcon-root': {
         position: 'absolute',
         left: 8,
-        top: -12,
+        top: -6,
         color: 'rgb(230, 230, 230)',
-        transform: 'rotate(180deg)',
+        // transform: 'rotate(180deg)',
     },
 });
 export var AiScoreRoot = styled(Box)({

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

@@ -6,7 +6,7 @@ export declare const ReportBadge: import("@emotion/styled").StyledComponent<impo
     children?: import("react").ReactNode;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 interface ReportLabelProps {
-    level?: 'low' | 'middle' | 'high';
+    level?: 'low' | 'middle' | 'high' | 'calculation';
 }
 export declare const ReportLabel: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
@@ -33,6 +33,7 @@ export declare const Podium: import("@emotion/styled").StyledComponent<import("f
     children?: import("react").ReactNode;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const Video: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {}>;
+export declare const ExportButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
 export declare const BeatProgressBar: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -28,6 +28,7 @@ var LabelImage = {
     low: '//webcdn.fbmms.cn/assets/ieud/S3Zpk0MrG7xS7GNhhPR91',
     middle: '//webcdn.fbmms.cn/assets/QSes/sdMFEHcqx5fYijnEU2d-q',
     high: '//webcdn.fbmms.cn/assets/sXb7/jADl-WOO_6B27l56HKlBM',
+    calculation: '//webcdn.fbmms.cn/assets/9bjO/UaJ2R4JousNJezEJdY00s',
 };
 export var ReportLabel = styled(Box)(function (_a) {
     var _b = _a.level, level = _b === void 0 ? 'low' : _b;
@@ -52,7 +53,8 @@ export var ReportAvatar = styled(Box)(function (_a) {
     });
 });
 export var DinTypography = styled(Typography)({
-    fontFamily: 'DIN Alternate, DIN Alternate',
+    fontFamily: 'MiSans TC',
+    fontWeight: 500,
 });
 var ReportTagStyles = [
     {
@@ -79,7 +81,7 @@ function hashString(str) {
 export var ReportTag = styled(DinTypography)(function (_a) {
     var children = _a.children;
     var hash = children ? Math.abs(hashString(children.toString())) % 3 : 0;
-    return __assign({ padding: '2px 8px', fontSize: '12px', lineHeight: '16px', marginRight: '8px', borderRadius: '177px 177px 177px 177px', border: '1px solid #FFFFFF' }, ReportTagStyles[hash]);
+    return __assign(__assign({ flex: '0 1 auto', padding: '2px 8px', fontSize: '12px', lineHeight: '16px', marginRight: '8px', borderRadius: '177px 177px 177px 177px', border: '1px solid #FFFFFF' }, ReportTagStyles[hash]), { mb: 8 });
 });
 export var ReportEvaluate = styled(Box)({
     // margin: 24,
@@ -103,9 +105,30 @@ export var Podium = styled(Box)({
     backgroundSize: 'cover',
     color: '#119E45',
 });
-export var Video = styled('video')({
-    width: 166,
-    height: 296,
+export var Video = styled('video')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: 166,
+        height: 296,
+        borderRadius: 8,
+        boxShadow: theme.shadows[6],
+    });
+});
+export var ExportButton = styled('a')({
+    width: 96,
+    height: 40,
+    background: 'rgba(0,0,0,0.2)',
+    borderRadius: 20,
+    border: '1px solid rgba(255,255,255,0.0418)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    textDecoration: 'none',
+    fontSize: 16,
+    color: '#FFFFFF',
+    position: 'absolute',
+    top: 'calc(50% - 20px) ',
+    left: 'calc(50% - 48px)',
 });
 export var BeatProgressBar = styled(Box)({
     width: 169,

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

@@ -1,4 +1,4 @@
-import { CandidateInfo } from './components/Candidate/Interface';
+import { AiReportUrl, CandidateInfo } from './components/Candidate/Interface';
 import { FormReports } from './components/Form/interface';
 import { ScoreRankInterval, ScoreRankIntervals } from './components/RankingRange/interface';
 import { ADD_QUESTION_TYPE } from '@@/src/enum/ai-question';
@@ -27,6 +27,7 @@ export interface Collection {
     level: number;
     rank: number;
     total: number;
+    avgScore: number;
 }
 export interface AnalysisResult {
     text: string;
@@ -46,6 +47,9 @@ export interface AnalysisResult {
 }
 export interface Answer {
     videoUrl: string;
+    media: {
+        durationTime: number;
+    };
     analysisResult: AnalysisResult;
 }
 export interface Ability {
@@ -61,6 +65,7 @@ export interface Ability {
 export interface ScoreInfo {
     weight: number | string;
     workplaceEvaluation: string;
+    workplaceName: string;
     originScore: number;
     finalScore: number;
     score: number;
@@ -186,6 +191,7 @@ export interface AiReportProps {
     showAbilitiesDetails?: boolean;
     showAiDimension?: boolean;
     canEditAiDimension?: boolean;
+    isExportPdf?: boolean;
     operableButtons?: Array<'export' | 'refresh' | 'scoreRank' | 'abilities' | 'sendReminder'>;
     stepToken?: string;
     interviewCheat?: InterviewCheat;
@@ -201,8 +207,9 @@ export interface AiReportProps {
     onSendReminderClick?: () => void;
     onScoreRankIntervalsChange?: (scoreRankIntervals?: ScoreRankIntervals[]) => void;
     onScoreRankIntervalsSubmit?: (scoreRankIntervals?: ScoreRankIntervals[]) => Promise<any>;
-    fetchFormReuslt?: () => Promise<FormReports>;
+    fetchFormResult?: () => Promise<FormReports>;
     fetchCandidateInfo?: () => Promise<CandidateInfo>;
+    fetchReportUrl?: () => Promise<AiReportUrl>;
 }
 export interface AiReportRef {
     handleRefresh: () => void;

package/esm/modules/ai-report-v2/useAiReport.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { AiReportProps, AiReportRef } from './interface';
 export declare const useAiReportV2: (props: AiReportProps) => {
+    version: number;
+    reloadReportVersion: () => void;
     handleRefresh?: (() => void) | undefined;
     token: string;
     customScore?: number | undefined;
@@ -10,6 +12,7 @@ export declare const useAiReportV2: (props: AiReportProps) => {
     showAbilitiesDetails?: boolean | undefined;
     showAiDimension?: boolean | undefined;
     canEditAiDimension?: boolean | undefined;
+    isExportPdf?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("./interface").InterviewCheat | undefined;
@@ -25,7 +28,8 @@ export declare const useAiReportV2: (props: AiReportProps) => {
     onSendReminderClick?: (() => void) | undefined;
     onScoreRankIntervalsChange?: ((scoreRankIntervals?: import("./components/RankingRange/interface").ScoreRankIntervals[] | undefined) => void) | undefined;
     onScoreRankIntervalsSubmit?: ((scoreRankIntervals?: import("./components/RankingRange/interface").ScoreRankIntervals[] | undefined) => Promise<any>) | undefined;
-    fetchFormReuslt?: (() => Promise<import("./components/Form/interface").FormReports>) | undefined;
+    fetchFormResult?: (() => Promise<import("./components/Form/interface").FormReports>) | undefined;
     fetchCandidateInfo?: (() => Promise<import("./components/Candidate/Interface").CandidateInfo>) | undefined;
+    fetchReportUrl?: (() => Promise<import("./components/Candidate/Interface").AiReportUrl>) | undefined;
     ref: import("react").MutableRefObject<AiReportRef | undefined>;
 };

package/esm/modules/ai-report-v2/useAiReport.js

@@ -9,8 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import useAiReportVersion from './useAiReportVersion';
 import { useRef } from 'react';
 export var useAiReportV2 = function (props) {
     var ref = useRef();
-    return __assign(__assign({ ref: ref }, props), ref === null || ref === void 0 ? void 0 : ref.current);
+    var reportVersion = useAiReportVersion(props.token);
+    return __assign(__assign(__assign({ ref: ref }, props), ref === null || ref === void 0 ? void 0 : ref.current), reportVersion);
 };

package/esm/modules/ai-report-v2/useAiReportVersion.d.ts

@@ -0,0 +1,5 @@
+export declare const useAiReportVersion: (token: string) => {
+    version: number;
+    reloadReportVersion: () => void;
+};
+export default useAiReportVersion;

package/esm/modules/ai-report-v2/useAiReportVersion.js

@@ -0,0 +1,37 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { GetReportVersion } from "../../services/ai-report";
+import { useCallback, useEffect, useState } from 'react';
+export var useAiReportVersion = function (token) {
+    var _a = __read(useState(-1), 2), version = _a[0], setVersion = _a[1];
+    var reloadReportVersion = useCallback(function () {
+        GetReportVersion(token)
+            .then(function (res) {
+            var _a = res, code = _a.code, data = _a.data;
+            if (code === 0) {
+                var _b = data.isNewVersion, isNewVersion = _b === void 0 ? false : _b;
+                setVersion(isNewVersion ? 2 : 1);
+            }
+        })
+            .catch(console.log);
+    }, [token]);
+    useEffect(function () {
+        reloadReportVersion();
+    }, [reloadReportVersion]);
+    return { version: version, reloadReportVersion: reloadReportVersion };
+};
+export default useAiReportVersion;

package/esm/services/ai-report.d.ts

@@ -17,4 +17,5 @@ interface SwitchReportModelParams {
     thirdOrderID: string;
 }
 export declare const SwitchReportModel: (data: SwitchReportModelParams) => import("axios").AxiosPromise<unknown>;
+export declare const GetReportVersion: <R>(orderToken: string) => import("axios").AxiosPromise<R>;
 export {};

package/esm/services/ai-report.js

@@ -12,3 +12,4 @@ export var PostAiInterviewWorkplace = function (data) {
     return POST({ url: "/standard/b/aiInterview/workplace/answer/modify", data: data });
 };
 export var SwitchReportModel = function (data) { return POST({ url: "standard/b/reports/switch-model", data: data }); };
+export var GetReportVersion = function (orderToken) { return POST({ url: "standard/b/aiInterview/getVersion", data: { orderToken: orderToken } }); };

package/lib/components/AiHeaderTitle/index.js

@@ -15,6 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = require("../../modules/ai-report-v2/components/styled");
 var SvgIcon_1 = __importDefault(require("../SvgIcon"));
 var fbm_ui_1 = require("fbm-ui");
 var AiHeaderTitle = function (_a) {
@@ -22,10 +23,10 @@ var AiHeaderTitle = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "inline-flex", sx: {
             pl: 3,
             color: '#009D56',
-            pt: 0.5,
+            pt: 1,
             background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
             backgroundSize: 'contain',
             width: 24 + (56 / 4) * name.length + 84,
-        } }, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "AI" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "h6" }, { children: name }))] })));
+        } }, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "AI" }), (0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ variant: "h6", color: "inherit" }, { children: name }))] })));
 };
 exports.default = AiHeaderTitle;

package/lib/components/Charts/ReportPie.js

@@ -130,7 +130,7 @@ var ReportPie = function (props) {
                     formatter: function (_a) {
                         var _b;
                         var value = _a.value, dataIndex = _a.dataIndex;
-                        return ((_b = data[dataIndex]) === null || _b === void 0 ? void 0 : _b.weight) || 0;
+                        return "".concat(((_b = data[dataIndex]) === null || _b === void 0 ? void 0 : _b.weight.toFixed(2).replace(/\.00$/, '')) || 0, "%");
                     },
                     fontSize: 14,
                 },

package/lib/components/Charts/const.js

@@ -4,17 +4,17 @@ exports.levelMapping = void 0;
 exports.levelMapping = {
     3: {
         text: '优秀',
-        itemColor: 'rgb(0, 217, 157)',
-        color: 'rgb(0, 217, 157)',
+        itemColor: 'rgba(255, 153,2)',
+        color: 'rgb(255, 153, 3)',
     },
     2: {
         text: '适中',
-        itemColor: 'rgb(166, 234, 193)',
-        color: 'rgba(0, 0, 0, 0.86)',
+        itemColor: 'rgba(0, 217,157)',
+        color: 'rgba(0, 217, 157)',
     },
     1: {
         text: '欠佳',
-        itemColor: 'rgb(239, 154, 154)',
-        color: 'rgb(255, 108, 108)',
+        itemColor: 'rgba(99, 156,255)',
+        color: 'rgb(98, 156, 255)',
     },
 };

package/lib/components/ScoreBigBall/index.js

@@ -20,7 +20,7 @@ var BigBallSvg_1 = __importDefault(require("../BigBallSvg"));
 var utils_1 = require("../../utils/utils");
 var ScoreBigBall = function (_a) {
     var score = _a.score, status = _a.status, _b = _a.width, width = _b === void 0 ? 80 : _b, _c = _a.height, height = _c === void 0 ? 80 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 20 : _d;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && (0, jsx_runtime_1.jsx)(BigBallSvg_1.default, {}), status === 1 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: '#40be47' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { color: '#40be47' } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: fontSize, fontWeight: 'bold' } }, { children: (0, utils_1.formatScore)(score) > 100 ? 100 : (0, utils_1.formatScore)(score) })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && ((0, jsx_runtime_1.jsx)("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && (0, jsx_runtime_1.jsx)(BigBallSvg_1.default, {}), status === 1 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: '#40be47' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { color: '#40be47' } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: { fontFamily: 'MiSans TC', fontSize: fontSize, fontWeight: 'bold' } }, { children: (0, utils_1.formatScore)(score) > 100 ? 100 : (0, utils_1.formatScore)(score) })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && ((0, jsx_runtime_1.jsx)("div", { style: {
                     position: 'absolute',
                     top: 0,
                     right: 0,

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

@@ -25,6 +25,7 @@ export interface Collection {
     level: number;
     rank: number;
     total: number;
+    avgScore: number;
 }
 export interface AnalysisResult {
     text: string;
@@ -44,6 +45,9 @@ export interface AnalysisResult {
 }
 export interface Answer {
     videoUrl: string;
+    media: {
+        durationTime: number;
+    };
     analysisResult: AnalysisResult;
 }
 export interface Ability {
@@ -58,6 +62,7 @@ export interface Ability {
 }
 export interface ScoreInfo {
     weight: number | string;
+    workplaceName: string;
     workplaceEvaluation: string;
     originScore: number;
     finalScore: number;

package/lib/modules/ai-report/useAiReport.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { AiReportProps, AiReportRef } from './interface';
 export declare const useAiReport: (props: AiReportProps) => {
+    version: number;
+    reloadReportVersion: () => void;
     handleRefresh?: (() => void) | undefined;
     token: string;
     customScore?: number | undefined;

package/lib/modules/ai-report/useAiReport.js

@@ -10,11 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAiReport = void 0;
+var useAiReportVersion_1 = __importDefault(require("../ai-report-v2/useAiReportVersion"));
 var react_1 = require("react");
 var useAiReport = function (props) {
     var ref = (0, react_1.useRef)();
-    return __assign(__assign({ ref: ref }, props), ref === null || ref === void 0 ? void 0 : ref.current);
+    var reportVersion = (0, useAiReportVersion_1.default)(props.token);
+    return __assign(__assign(__assign({ ref: ref }, props), ref === null || ref === void 0 ? void 0 : ref.current), reportVersion);
 };
 exports.useAiReport = useAiReport;