eli-video-interview 1.2.42-alpha.1 → 1.2.42-alpha.10

package/esm/components/AiHeaderTitle/index.js

@@ -10,17 +10,18 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DinTypography } from "../../modules/ai-report-v2/components/styled";
 import SvgIcon from "../SvgIcon";
-import { Box, Typography } from 'fbm-ui';
+import { Box } from 'fbm-ui';
 var AiHeaderTitle = function (_a) {
     var name = _a.name;
     return (_jsxs(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: [_jsx(SvgIcon, { name: "AI" }), _jsx(Typography, __assign({ variant: "h6" }, { children: name }))] })));
+        } }, { children: [_jsx(SvgIcon, { name: "AI" }), _jsx(DinTypography, __assign({ variant: "h6", color: "inherit" }, { children: name }))] })));
 };
 export default AiHeaderTitle;

package/esm/components/Charts/const.js

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

package/esm/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,8 @@ export interface Ability {
 }
 export interface ScoreInfo {
     weight: number | string;
+    workplaceName: string;
+    workplaceEvaluation: string;
     originScore: number;
     finalScore: number;
     score: number;

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

@@ -20,14 +20,13 @@ import { useAiReportStore } from "../../store/ai-report/global-store";
 import { useRequest } from 'ahooks';
 import { Box, Button, Paper, Typography } from 'fbm-ui';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
-var NO_ANSWER = INTERVIEW_STATUS.NO_ANSWER, FAILED = INTERVIEW_STATUS.FAILED, IN_CALCULATION = INTERVIEW_STATUS.IN_CALCULATION;
+var NO_ANSWER = INTERVIEW_STATUS.NO_ANSWER;
 var AiReportRoot = forwardRef(function (props, ref) {
-    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick, fetchFormReuslt = props.fetchFormReuslt, fetchCandidateInfo = props.fetchCandidateInfo;
+    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick, fetchFormResult = props.fetchFormResult, fetchCandidateInfo = props.fetchCandidateInfo;
     var firstLoad = useRef(true);
-    // @ts-ignore
     var _a = useAiReportStore(), updateState = _a.updateState, updateReportResult = _a.updateReportResult, reportResult = _a.reportResult;
-    // const { collection = [], workplaces = [], model = 'standard', hasProVersion = false, isSimulated = false } = reportResult || {};
-    var _b = useRequest(function () { return PostAiInterviewResult([token]); }, {
+    var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
+    var _c = useRequest(function () { return PostAiInterviewResult([token]); }, {
         manual: true,
         onSuccess: function (_a) {
             var list = _a.data.list;
@@ -45,7 +44,7 @@ var AiReportRoot = forwardRef(function (props, ref) {
                 onLoad === null || onLoad === void 0 ? void 0 : onLoad(__assign({ pageStepIndexes: pageStepIndexes_1 }, result));
             }
         },
-    }), data = _b.data, loading = _b.loading, postAiInterviewResult = _b.run;
+    }), data = _c.data, loading = _c.loading, postAiInterviewResult = _c.run;
     var status = (data === null || data === void 0 ? void 0 : data.data.list[0].status) || NO_ANSWER;
     var handleRefreshSuccess = useCallback(function () {
         postAiInterviewResult();
@@ -61,7 +60,7 @@ var AiReportRoot = forwardRef(function (props, ref) {
     useEffect(function () {
         updateState(props);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props]);
+    }, [JSON.stringify(props)]);
     var aiReportResult = useMemo(function () {
         if (status === NO_ANSWER) {
             return (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [_jsx(Box, { children: _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(Typography, __assign({ variant: "body1", color: "textPrimary", style: { fontWeight: '500' } }, { children: "\u8BE5\u5019\u9009\u4EBA\u5C1A\u672A\u5F00\u59CB\u9762\u8BD5" })) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('sendReminder')) && (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ style: { marginTop: '2px' } }, { children: _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u82E5\u957F\u65F6\u95F4\u672A\u5F00\u59CB\uFF0C\u5EFA\u8BAE\u4F60\u7ED9\u5019\u9009\u4EBA\u53D1\u9001\u77ED\u4FE1\u63D0\u9192" })) })), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(Button, __assign({ size: "large", variant: "outlined", color: "primary", disabled: reminderSent, onClick: onSendReminderClick }, { children: reminderSent ? '已提醒' : '发送提醒' })) }))] }))] })));
@@ -73,9 +72,20 @@ var AiReportRoot = forwardRef(function (props, ref) {
                     backgroundSize: 'contain',
                     backgroundRepeat: 'no-repeat',
                     backgroundPosition: 'center top',
-                } }, { children: [_jsx(NotFinish, {}), _jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo }), _jsx(FormReport, { fetchFormReuslt: fetchFormReuslt }), _jsx(Paper, __assign({ variant: "outlined", sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4 } }, { children: _jsx(VideoQuestion, {}) }))] })));
+                    paddingTop: (collection === null || collection === void 0 ? void 0 : collection.length) > 0 ? 0 : 3,
+                } }, { children: [_jsx(NotFinish, {}), (collection === null || collection === void 0 ? void 0 : collection.length) > 0 && (_jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status })), _jsx(FormReport, { fetchFormResult: fetchFormResult }), _jsx(Paper, __assign({ variant: "outlined", sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4 } }, { children: _jsx(VideoQuestion, {}) }))] })));
         }
-    }, [status, operableButtons, reminderSent, onSendReminderClick, customScore, handleRefreshSuccess, fetchCandidateInfo, fetchFormReuslt]);
+    }, [
+        status,
+        operableButtons,
+        reminderSent,
+        onSendReminderClick,
+        collection === null || collection === void 0 ? void 0 : collection.length,
+        customScore,
+        handleRefreshSuccess,
+        fetchCandidateInfo,
+        fetchFormResult,
+    ]);
     return (_jsx(Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '618px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));
 });
 AiReportRoot.displayName = 'AiReportRoot';

package/esm/modules/ai-report-v2/components/AIEvaluate/Evaluate.js

@@ -74,7 +74,21 @@ var Evaluate = function (_a) {
             boxShadow: ' 0px 2px 6px 0px rgba(91,108,95,0.15)',
             padding: '8px 24px',
             borderRadius: 1.5,
-        } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canEdit && (_jsx(IconButton, __assign({ onClick: handleModeChange }, { children: _jsx(EditIcon, {}) })))] })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+        } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ sx: {
+                            position: 'relative',
+                            '&:after': {
+                                position: 'absolute',
+                                width: 'calc(100% - 2px)',
+                                background: ' linear-gradient( 90deg, #FFE5A9 0%, #FFB300 100%)',
+                                left: -3,
+                                bottom: 2,
+                                height: 5,
+                                content: '""',
+                                color: 'rgba(0, 0, 0, 0.54)',
+                                display: 'inline-block',
+                                margin: '0 4px',
+                            },
+                        } }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", zIndex: 1, sx: { position: 'relative', zIndex: 1 } }, { children: title })) })), canEdit && (_jsx(IconButton, __assign({ onClick: handleModeChange }, { children: _jsx(EditIcon, {}) })))] })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
                                     handleModeChange();
                                     // setContent(evaluations?.join('\n'));
                                 } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] })));

package/esm/modules/ai-report-v2/components/AIEvaluate/Graph.js

@@ -83,7 +83,6 @@ function isInPath(x, y, tx, ty, ctx) {
 var drawTop = function (layout, ctx) {
     // 设置全局样式
     var leftLableWidth = layout.leftLableWidth, height = layout.height, topLableHeight = layout.topLableHeight;
-    ctx.font = '16px sans-serif';
     var offset = leftLableWidth;
     levelOrder.forEach(function (level, i) {
         var _a = levelConf[level], width = _a.width, gradient = _a.gradient, label = _a.label, fontColor = _a.fontColor;
@@ -97,17 +96,16 @@ var drawTop = function (layout, ctx) {
         var labelWidth = measureTextWidth(ctx, label);
         ctx.fillStyle = fontColor;
         ctx.fillText(label, offset + width / 2 - labelWidth / 2, 18);
-        console.log(offset);
         // 绘制垂直虚线
-        drawVerticalDashedLine(ctx, offset - 1, 0, height + topLableHeight - 50, 2, 2);
+        drawVerticalDashedLine(ctx, offset - 1, 0, height + topLableHeight - 54, 2, 2);
         // 绘制分数文本
         ctx.fillStyle = '#4CAF50';
-        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 4 : 8), height + topLableHeight - 40);
+        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 5 : 9), height + topLableHeight - 40);
         offset += width + 1;
         // 绘制结束的虚线和文本 '100'
         if (i === levelOrder.length - 1) {
-            drawVerticalDashedLine(ctx, offset - 2, 0, height + topLableHeight - 50, 2, 2);
-            ctx.fillText('100', offset - 2 - 8, height + topLableHeight - 40);
+            drawVerticalDashedLine(ctx, offset - 2, 0, height + topLableHeight - 54, 2, 2);
+            ctx.fillText('100', offset - 2 - 10, height + topLableHeight - 40);
         }
     });
 };
@@ -168,12 +166,14 @@ var drawScore = function (layout, ctx, config, rect, score) {
     var borderRadius = 12;
     drawRoundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius, true, false, ctx);
     ctx.fillStyle = score < 10 ? '#0D67FF' : '#fff';
-    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -24), rect.y + 18);
+    var scoreWidth = measureTextWidth(ctx, "".concat(score));
+    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -scoreWidth - 4), rect.y + 18);
 };
 var draw = function (layout, dimensions, pathRef, ctx) {
+    ctx.font = '16px sans-serif';
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
-    drawTop(layout, ctx);
     dimensions.forEach(function (v, i) {
+        var _a;
         var config = getLevel(v.score);
         // 绘制圆角矩形
         var borderRadius = 12;
@@ -184,20 +184,22 @@ var draw = function (layout, dimensions, pathRef, ctx) {
         drawRoundedRect(x, y, MAX_WIDTH, MAX_HEIGHT, borderRadius, true, false, ctx);
         var endPointY = 65 + layout.itemSpacing * i;
         drawLable(v.name, 10, endPointY, ctx);
+        var score = (_a = v.score) !== null && _a !== void 0 ? _a : (v.score < 4 ? 4 : v.score);
         drawScore(layout, ctx, config, {
             x: layout.leftLableWidth,
             y: y,
-            width: MAX_WIDTH * (v.score / 100),
+            width: MAX_WIDTH * (score / 100),
             height: MAX_HEIGHT,
         }, v.score);
     });
+    drawTop(layout, ctx);
 };
 var Graph = function (_a) {
     var _b = _a.items, items = _b === void 0 ? [] : _b;
     var ref = useRef(null);
     var pathRef = useRef([]);
     var _c = __read(useState(), 2), ctx = _c[0], setCtx = _c[1];
-    var height = useMemo(function () { return 36 * items.length + 40 + 30; }, [items]);
+    var height = useMemo(function () { return 36 * items.length + 50 + 35; }, [items]);
     useEffect(function () {
         if (items.length === 0)
             return;

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

@@ -20,10 +20,10 @@ var Index = function () {
     var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
     var items = collection.map(function (item) { return ({
         name: item.name,
-        score: item.score,
+        score: item.avgScore,
     }); });
     if (!showAiDimension)
         return null;
-    return (_jsx(Box, __assign({ id: "report-evaluate", px: 2, mt: 2, width: 1 }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 2, pb: 2 }, { children: _jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ mt: 2, flex: 1 }, { children: _jsx(Graph, { items: items }) })), _jsx(Report, {})] })), (reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation) && (_jsx(Evaluate, { token: "", canEdit: canEditAiDimension, evaluations: reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }))] }) })) })));
+    return (_jsx(Box, __assign({ id: "report-evaluate", px: 2, width: 1 }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 2, pb: 2 }, { children: _jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ mt: 2, flex: 1 }, { children: _jsx(Graph, { items: items }) })), _jsx(Report, {})] })), (reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation) && (_jsx(Evaluate, { token: "", canEdit: canEditAiDimension, evaluations: reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }))] }) })) })));
 };
 export default Index;

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

@@ -27,11 +27,16 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DinTypography, ReportAvatar, ReportTag } from '../styled';
-import { Message, Typography } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { getSecondToTime } from "../../../../utils/utils";
+import { Box, Message, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
-import { memo, useEffect, useState } from 'react';
+import { memo, useEffect, useMemo, useState } from 'react';
 var Form = function (_a) {
     var fetchCandidateInfo = _a.fetchCandidateInfo;
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
+    var steps = (reportResult || {}).steps;
+    var duration = useMemo(function () { return getSecondToTime((steps === null || steps === void 0 ? void 0 : steps.reduce(function (acc, cur) { return acc + cur.answer.media.durationTime; }, 0)) || 0); }, [steps]);
     var _b = __read(useState({ name: '', mobile: '', processName: '', positionName: '', avatar: '', tags: [] }), 2), data = _b[0], setData = _b[1];
     useEffect(function () {
         if (fetchCandidateInfo) {
@@ -39,6 +44,12 @@ var Form = function (_a) {
         }
     }, [fetchCandidateInfo]);
     var name = data.name, mobile = data.mobile, positionName = data.positionName, avatar = data.avatar, tags = data.tags;
-    return (_jsxs(Stack, __assign({ direction: "row" }, { children: [_jsx(ReportAvatar, { sx: { mx: 3 }, avatar: avatar }), _jsxs(Stack, __assign({ spacing: 1 }, { children: [_jsx(DinTypography, __assign({ sx: { fontSize: 18 } }, { children: positionName })), _jsxs(Typography, __assign({ variant: "body1" }, { children: [name, " ", mobile] })), _jsx(Stack, __assign({ direction: "row" }, { children: tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (_jsx(ReportTag, { children: tag }, tag.token)); }) })), _jsx(Typography, { children: "\u9762\u8BD5\u65F6\u957F\uFF1A12\u520632\u79D2" })] }))] })));
+    return (_jsxs(Stack, __assign({ direction: "row", minHeight: 221, mt: 13.25 }, { children: [_jsx(ReportAvatar, { sx: { mx: 3 }, avatar: avatar }), _jsxs(Stack, __assign({ spacing: 1 }, { children: [_jsx(DinTypography, __assign({ sx: { fontSize: 18 } }, { children: positionName })), _jsxs(Typography, __assign({ variant: "body1" }, { children: [name, " ", mobile] })), _jsx(Box, __assign({ sx: {
+                            display: 'flex',
+                            flexWrap: 'wrap',
+                            gap: '8px',
+                            alignItems: 'flex-start',
+                            width: '450px',
+                        } }, { children: tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (_jsx(ReportTag, { children: tag.name }, tag.token)); }) })), _jsxs(Typography, { children: ["\u9762\u8BD5\u65F6\u957F\uFF1A", duration] })] }))] })));
 };
 export default memo(Form);

package/esm/modules/ai-report-v2/components/Candidate/Podium.js

@@ -45,6 +45,6 @@ var Form = function () {
             setText('');
         }
     }, [score, reportRank, scoreRankIntervals, progress]);
-    return (_jsx(Podium, { children: _jsxs(Stack, __assign({ direction: "row", position: "relative", bottom: -128, left: 88 }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [_jsx(Typography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), _jsx(Typography, __assign({ variant: "h5", color: "inherit", sx: { fontSize: 30, fontWeight: 'bold', alignSelf: 'flex-end' } }, { children: "\u5206" }))] })), (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) !== 0 && (_jsxs(Stack, __assign({ spacing: 1 }, { children: [_jsxs(Typography, __assign({ color: "inherit", fontWeight: 500 }, { children: [text, "\u00A0"] })), _jsx(BeatProgressBar, { children: _jsx("div", { className: "progress-bar-fill", style: { width: "".concat(progress, "%") } }) })] })))] })) }));
+    return (_jsx(Podium, { children: _jsxs(Stack, __assign({ direction: "row", position: "relative", bottom: -128, left: 88 }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [_jsx(Typography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), _jsx(Typography, __assign({ variant: "h5", color: "inherit", sx: { fontSize: 30, fontWeight: 'bold', alignSelf: 'flex-end' } }, { children: "\u5206" }))] })), (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) !== 0 && (_jsxs(Stack, __assign({ spacing: 1, mt: 6.25 }, { children: [_jsxs(Typography, __assign({ color: "inherit", fontWeight: 500 }, { children: [text, "\u00A0"] })), _jsx(BeatProgressBar, { children: _jsx("div", { className: "progress-bar-fill", style: { width: "".concat(progress, "%") } }) })] })))] })) }));
 };
 export default Form;

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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 var _a;
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DinTypography } from '../styled';
 import Nps from './Nps';
 import { PhotoProvider, PhotoView } from "../../../../components/react-photo-view";
 import dayjs from 'dayjs';
@@ -54,15 +55,16 @@ var template = (_a = {},
     _a);
 var Form = function (_a) {
     var answers = _a.answers, _b = _a.customProcessName, customProcessName = _b === void 0 ? '资料收集' : _b;
-    return (_jsxs(Box, __assign({ component: Paper, m: 3, pt: 2 }, { children: [_jsxs(Typography, __assign({ variant: "h6", sx: {
+    return (_jsxs(Box, __assign({ component: Paper, m: 3, pt: 2 }, { children: [_jsxs(DinTypography, __assign({ variant: "h6", sx: {
                     pl: 3,
+                    pr: 8,
+                    display: 'inline-block',
                     color: '#009D56',
                     background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
                     backgroundSize: 'contain',
-                    width: 24 + (56 / 4) * customProcessName.length + 84,
+                    width: 'auto',
+                    overflow: 'hidden',
                     mb: 2,
-                    display: 'flex',
-                    alignItems: 'center',
                 } }, { children: [_jsx(EditIcon, {}), customProcessName] })), _jsxs(Stack, __assign({ p: 3, pt: 0 }, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
                             background: '#E5FDE6',
                             color: '#009D56',

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { FormReports } from './interface';
 export interface FormsProps {
-    fetchFormReuslt: () => Promise<FormReports>;
+    fetchFormResult: () => Promise<FormReports>;
 }
-declare const Forms: ({ fetchFormReuslt }: {
-    fetchFormReuslt: any;
+declare const Forms: ({ fetchFormResult }: {
+    fetchFormResult: any;
 }) => JSX.Element;
 export default Forms;

package/esm/modules/ai-report-v2/components/Form/Forms.js

@@ -29,17 +29,17 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import Form from './Form';
 import { useEffect, useState } from 'react';
 var Forms = function (_a) {
-    var fetchFormReuslt = _a.fetchFormReuslt;
+    var fetchFormResult = _a.fetchFormResult;
     var _b = __read(useState([]), 2), data = _b[0], setData = _b[1];
     useEffect(function () {
-        if (fetchFormReuslt) {
-            fetchFormReuslt()
+        if (fetchFormResult) {
+            fetchFormResult()
                 .then(function (res) {
                 setData(res);
             })
                 .catch(console);
         }
-    }, [fetchFormReuslt]);
+    }, [fetchFormResult]);
     return (_jsx(_Fragment, { children: data.map(function (item, index) { return (_jsx(Form, __assign({}, item), index)); }) }));
 };
 export default Forms;

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

@@ -1,13 +1,15 @@
 /// <reference types="react" />
 import { CandidateInfo } from '../Candidate/Interface';
 export interface ReportHeaderProps {
+    status: number;
     customScore?: number;
     onRefreshSuccess: () => void;
     fetchCandidateInfo: () => Promise<CandidateInfo>;
 }
-declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo }: {
+declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo, status }: {
     customScore: any;
     onRefreshSuccess: any;
     fetchCandidateInfo: any;
+    status: any;
 }) => JSX.Element;
 export default ReportHeader;

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

@@ -29,6 +29,7 @@ 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 { 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,7 +40,7 @@ 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;
     var _b = __read(useState(false), 2), openRefresh = _b[0], setOpenRefresh = _b[1];
     var _c = useAiReportStore(function (store) { return [
         store.token,
@@ -73,10 +74,14 @@ 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,
+                } }, { 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: {
                                             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(Typography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { fontFamily: 'MiSans Medium', 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, {}) }))] })));
 };
 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

@@ -41,12 +41,12 @@ 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;
+    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;
     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 steps = (reportResult || {}).steps;
@@ -108,8 +108,18 @@ var QuestionItem = function (props) {
     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) {
+        }, 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,
+                                            alignSelf: 'flex-start',
+                                            mt: 0.5,
+                                        } }, { 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 }))); })] }), token));
+                            })] })), _jsx(Video, { src: videoUrl, controls: true })] })), 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] })) }))] }))), 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"] })), 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(_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/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;

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,7 @@ export var ReportAvatar = styled(Box)(function (_a) {
     });
 });
 export var DinTypography = styled(Typography)({
-    fontFamily: 'DIN Alternate, DIN Alternate',
+    fontFamily: 'MiSans Medium',
 });
 var ReportTagStyles = [
     {
@@ -79,7 +80,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 +104,14 @@ 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 BeatProgressBar = styled(Box)({
     width: 169,

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

@@ -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 {
@@ -60,6 +64,8 @@ export interface Ability {
 }
 export interface ScoreInfo {
     weight: number | string;
+    workplaceEvaluation: string;
+    workplaceName: string;
     originScore: number;
     finalScore: number;
     score: number;
@@ -200,7 +206,7 @@ export interface AiReportProps {
     onSendReminderClick?: () => void;
     onScoreRankIntervalsChange?: (scoreRankIntervals?: ScoreRankIntervals[]) => void;
     onScoreRankIntervalsSubmit?: (scoreRankIntervals?: ScoreRankIntervals[]) => Promise<any>;
-    fetchFormReuslt?: () => Promise<FormReports>;
+    fetchFormResult?: () => Promise<FormReports>;
     fetchCandidateInfo?: () => Promise<CandidateInfo>;
 }
 export interface AiReportRef {

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { AiReportProps, AiReportRef } from './interface';
 export declare const useAiReportV2: (props: AiReportProps) => {
+    version: {
+        version: number;
+    };
     handleRefresh?: (() => void) | undefined;
     token: string;
     customScore?: number | undefined;
@@ -25,7 +28,7 @@ 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;
     ref: import("react").MutableRefObject<AiReportRef | undefined>;
 };