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

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/ReportPie.js

@@ -125,7 +125,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/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: '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/esm/components/ScoreBigBall/index.js

@@ -15,7 +15,7 @@ import BigBallSvg from "../BigBallSvg";
 import { formatScore } from "../../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 (_jsxs(_Fragment, { children: [_jsxs(ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && _jsx(BigBallSvg, {}), status === 1 && (_jsx("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: _jsx("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && (_jsx("div", __assign({ style: { color: '#40be47' } }, { children: _jsx("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && (_jsxs("div", __assign({ style: { color: '#40be47' } }, { children: [_jsx("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: fontSize, fontWeight: 'bold' } }, { children: formatScore(score) > 100 ? 100 : formatScore(score) })), _jsx("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && (_jsx("div", { style: {
+    return (_jsxs(_Fragment, { children: [_jsxs(ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && _jsx(BigBallSvg, {}), status === 1 && (_jsx("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: _jsx("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && (_jsx("div", __assign({ style: { color: '#40be47' } }, { children: _jsx("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && (_jsxs("div", __assign({ style: { color: '#40be47' } }, { children: [_jsx("span", __assign({ style: { fontFamily: 'MiSans TC', fontSize: fontSize, fontWeight: 'bold' } }, { children: formatScore(score) > 100 ? 100 : formatScore(score) })), _jsx("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && (_jsx("div", { style: {
                     position: 'absolute',
                     top: 0,
                     right: 0,

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

package/esm/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/esm/modules/ai-report/useAiReport.js

@@ -9,8 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import useAiReportVersion from '../ai-report-v2/useAiReportVersion';
 import { useRef } from 'react';
 export var useAiReport = 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/Root.js

@@ -19,15 +19,15 @@ import { PostAiInterviewResult } from "../../services/ai-report";
 import { useAiReportStore } from "../../store/ai-report/global-store";
 import { useRequest } from 'ahooks';
 import { Box, Button, Paper, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
 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, fetchReportUrl = props.fetchReportUrl;
     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 +45,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,21 +61,33 @@ 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 ? '已提醒' : '发送提醒' })) }))] }))] })));
         }
         else {
-            return (_jsxs(Box, __assign({ pb: 3, sx: {
-                    background: '#F0F9FF',
-                    backgroundImage: "url('//webcdn.fbmms.cn/assets/9kTa/pmsfSOeFx_7jhhsV9f_ta')",
-                    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, {}) }))] })));
+            return (_jsxs(Stack, { children: [_jsx(NotFinish, {}), _jsxs(Box, __assign({ pb: 3, sx: {
+                            background: '#F0F9FF',
+                            backgroundImage: "url('//webcdn.fbmms.cn/assets/9kTa/pmsfSOeFx_7jhhsV9f_ta')",
+                            backgroundSize: 'contain',
+                            backgroundRepeat: 'no-repeat',
+                            backgroundPosition: 'center top',
+                            paddingTop: (collection === null || collection === void 0 ? void 0 : collection.length) > 0 ? 0 : 3,
+                        } }, { children: [(collection === null || collection === void 0 ? void 0 : collection.length) > 0 && (_jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status, fetchReportUrl: fetchReportUrl })), _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,
+        fetchReportUrl,
+        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({ 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: "\u7EFC\u5408\u8BC4\u4EF7", 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/Interface.d.ts

@@ -10,4 +10,7 @@ interface Tag {
     name: string;
     token: string;
 }
+export interface AiReportUrl {
+    url: string;
+}
 export {};

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

@@ -27,7 +27,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { rankPercent } from '../../utils';
-import { BeatProgressBar, Podium } from '../styled';
+import { BeatProgressBar, DinTypography, Podium } from '../styled';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
@@ -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, spacing: 1.5 }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [_jsx(DinTypography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), _jsx(DinTypography, __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,10 +11,10 @@ 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';
-import { EditIcon } from 'fbm-icons';
 import { Box, Paper, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
 export var QUESTION_TYPE;
@@ -29,8 +29,8 @@ export var QUESTION_TYPE;
     QUESTION_TYPE[QUESTION_TYPE["NPS"] = 9] = "NPS";
 })(QUESTION_TYPE || (QUESTION_TYPE = {}));
 var Image = function (answer) {
-    var _a, _b;
-    return (_jsx(PhotoProvider, __assign({ maskOpacity: 0.5 }, { children: (_b = (_a = answer.formAnswer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.map(function (url) { return (_jsx(PhotoView, __assign({ src: url }, { children: _jsx("img", { src: url, alt: url, width: 48, height: 32 }) }), url)); }) })));
+    var _a, _b, _c;
+    return (_jsx(PhotoProvider, __assign({ maskOpacity: 0.5 }, { children: (_c = (_b = (_a = answer.formAnswer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.filter(function (v) { return v; })) === null || _c === void 0 ? void 0 : _c.map(function (url) { return (_jsx(PhotoView, __assign({ src: url }, { children: _jsx("img", { src: url, alt: url, width: 48, height: 32 }) }), url)); }) })));
 };
 var fillBlanks = function (answer) { var _a, _b; return _jsx(Typography, __assign({ variant: "body2" }, { children: (_b = (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer) === null || _b === void 0 ? void 0 : _b.join(',') })); };
 var Choice = function (answer) {
@@ -46,7 +46,12 @@ var template = (_a = {},
     _a[QUESTION_TYPE.RADIO] = Choice,
     _a[QUESTION_TYPE.CHECKBOX] = Choice,
     _a[QUESTION_TYPE.ESSAY_QUESTION] = function (answer) { var _a; return (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer; },
-    _a[QUESTION_TYPE.TIME] = function (answer) { var _a, _b; return ((_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.dateTime) && dayjs(Number((_b = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _b === void 0 ? void 0 : _b.dateTime) * 1000).format('YYYY年MM月DD日'); },
+    _a[QUESTION_TYPE.TIME] = function (answer) {
+        var _a, _b, _c;
+        return ((_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.dateTime) &&
+            !isNaN((_b = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _b === void 0 ? void 0 : _b.dateTime) &&
+            dayjs(Number((_c = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _c === void 0 ? void 0 : _c.dateTime) * 1000).format('YYYY年MM月DD日');
+    },
     _a[QUESTION_TYPE.SCHOOL] = function (answer) { var _a; return (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer; },
     _a[QUESTION_TYPE.FILL_BLANKS] = fillBlanks,
     _a[QUESTION_TYPE.NPS] = Nps,
@@ -54,16 +59,23 @@ 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(Box, __assign({ display: "flex", sx: {
+                    height: 40,
                     pl: 3,
+                    pr: 4,
                     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: 'fit-content',
+                    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: {
+                } }, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/Vj2m/QMPCkdJ4uQYCS0ovOtKJ5", alt: "", width: 20, height: 20 }), _jsx(DinTypography, __assign({ variant: "h6", sx: {
+                            ml: 1,
+                            color: '#009D56',
+                            lineHeight: '24px',
+                            width: 'auto',
+                        } }, { children: customProcessName }))] })), _jsxs(Stack, __assign({ p: 3, pt: 0 }, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
                             background: '#E5FDE6',
                             color: '#009D56',
                             borderRadius: 20,
@@ -77,7 +89,7 @@ var Form = function (_a) {
                             return (_jsxs(_Fragment, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
                                             py: 1,
                                             px: 2,
-                                        } }, { children: [_jsxs(Typography, __assign({ variant: "body2", sx: { width: 52 } }, { children: [index + 1, " -", answer.formTypeId] })), _jsx(Typography, __assign({ variant: "body2", flex: 1, mr: 7 }, { children: answer.formTypeKey })), _jsx(Typography, __assign({ variant: "body2", flex: 1 }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) }))] }), index), _jsx(Box, { sx: { background: '#fff', height: 2, mx: 1 } })] }));
+                                        } }, { children: [_jsx(Typography, __assign({ variant: "body2", sx: { width: 52 } }, { children: index + 1 })), _jsx(Typography, __assign({ variant: "body2", flex: 1, mr: 7 }, { children: answer.formTypeKey })), _jsx(Typography, __assign({ variant: "body2", flex: 1 }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) }))] }), index), _jsx(Box, { sx: { background: '#fff', height: 2, mx: 1 } })] }));
                         }) }))] }))] })));
 };
 export default Form;

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/Form/Nps.d.ts

@@ -2,5 +2,5 @@
 declare const Nps: ({ formAnswer, formItemOption }: {
     formAnswer: any;
     formItemOption: any;
-}) => JSX.Element;
+}) => JSX.Element | null;
 export default Nps;

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

@@ -46,6 +46,8 @@ var Nps = function (_a) {
     var fromScore = (from === null || from === void 0 ? void 0 : from.score) || 0;
     var toScore = (to === null || to === void 0 ? void 0 : to.score) || 0;
     var npsData = __spreadArray([], __read(Array.from(new Array(toScore + 1 - fromScore).keys())), false).map(function (i) { return i + fromScore; });
+    if (!answer)
+        return null;
     return (_jsxs(Box, { children: [_jsx(Box, __assign({ display: "flex" }, { children: typeof answer === 'string' &&
                     npsData.map(function (value) {
                         var isSelect = value <= Number(answer);

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

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