eli-video-interview 1.2.20 → 1.2.25

package/esm/modules/ai-report/components/Suggestion/Suggestion.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SuggestionAbility } from '../../interface';
+declare const Suggestion: React.FC<SuggestionAbility>;
+export default Suggestion;

package/esm/modules/ai-report/components/Suggestion/Suggestion.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BulbFilledIcon, CopyIcon, LayerIcon, styled, Typography } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+var TagTitle = styled(Box)(function () { return ({
+    width: 100,
+    height: 32,
+    display: 'inline-block',
+    textAlign: 'center',
+    color: 'RGBA(0, 0, 0, 0.86)',
+    borderLeft: '4px solid #4CAF50',
+    backgroundColor: '#E8F5E9',
+    margin: '24px 0 16px',
+}); });
+var Suggestion = function (_a) {
+    var abilityName = _a.abilityName, interviewQuestion = _a.interviewQuestion, keyPoints = _a.keyPoints;
+    return (_jsxs(Stack, { children: [_jsx(TagTitle, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px' } }, { children: abilityName })) }), _jsxs(Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [_jsxs(Box, __assign({ display: "flex", flexDirection: "column", style: { background: '#FAFAFA', borderRadius: 8, padding: 16, flex: 1 }, mr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", mb: 2 }, { children: [_jsx(BulbFilledIcon, { style: { color: '#4CAF50', fontSize: 16 } }), _jsx(Typography, __assign({ variant: "body2", style: { marginLeft: 4 } }, { children: "\u9762\u8BD5\u95EE\u9898" }))] })), interviewQuestion.map(function (v, index) { return (_jsxs(Box, __assign({ display: "flex", mb: 2 }, { children: [_jsx(CopyIcon, { style: { color: '#81C784', fontSize: 16, marginTop: 4 } }), _jsx(Typography, __assign({ variant: "body2", style: { marginLeft: 4 }, color: "secondary" }, { children: v }))] }), index)); })] })), _jsxs(Box, __assign({ display: "flex", flexDirection: "column", style: { background: '#FFF3E0', borderRadius: 8, padding: 16, flex: 1 } }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", mb: 2 }, { children: [_jsx(LayerIcon, { style: { color: '#FF9800', fontSize: 16 } }), _jsx(Typography, __assign({ variant: "body2", style: { marginLeft: 4 } }, { children: "\u8BC4\u5206\u5173\u952E\u70B9" }))] })), keyPoints.map(function (v, index) { return (_jsxs(Box, __assign({ display: "flex", mb: 2 }, { children: [_jsx(CopyIcon, { style: { color: '#FFB74D', fontSize: 16, marginTop: 4 } }), _jsx(Typography, __assign({ variant: "body2", style: { marginLeft: 4 }, color: "secondary" }, { children: v }))] }), index)); })] }))] }))] }));
+};
+export default Suggestion;

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

@@ -0,0 +1,2 @@
+declare const Index: () => JSX.Element | null;
+export default Index;

package/esm/modules/ai-report/components/Suggestion/index.js

@@ -0,0 +1,27 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Suggestion from './Suggestion';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import AiHeaderTitle from "../../../../components/AiHeaderTitle";
+import { Typography } from 'fbm-ui';
+import { Box, Collapse, Paper, Stack } from 'fbm-ui/lib/mui';
+var Index = function () {
+    var _a, _b, _c, _d;
+    var _e = useAiReportStore(function (store) { return [store.reportResult]; }), reportResult = _e.reportResult, showAiDimension = _e.showAiDimension;
+    if (!showAiDimension || !((_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _a === void 0 ? void 0 : _a.show))
+        return null;
+    return (_jsxs(Box, __assign({ component: Paper, variant: "outlined", px: 2, mt: 2, pb: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u8003\u5BDF\u5EFA\u8BAE" }) })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: (_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _b === void 0 ? void 0 : _b.text })), _jsx(Collapse, __assign({ in: true }, { children: (_d = (_c = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _c === void 0 ? void 0 : _c.abilitys) === null || _d === void 0 ? void 0 : _d.map(function (v) {
+                    return _jsx(Suggestion, { abilityName: v.abilityName, interviewQuestion: v.interviewQuestion, keyPoints: v.keyPoints }, v.abilityName);
+                }) }))] })));
+};
+export default Index;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { AbilitiesProps } from './interface';
+import { FC } from 'react';
 declare const Abilities: FC<AbilitiesProps>;
 export default Abilities;

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

@@ -10,16 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import ScoreSlider from './ScoreSlider';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Box, Typography } from 'fbm-ui';
 import update from 'immutability-helper';
-import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import ScoreSlider from './ScoreSlider';
+import { useCallback } from 'react';
 var Abilities = function (_a) {
     var stepIndex = _a.stepIndex;
     var _b = useAiReportStore(function (store) { return [store.reportResult]; }), reportResult = _b.reportResult, updateReportResult = _b.updateReportResult, onScoreChange = _b.onScoreChange;
     var steps = (reportResult || {}).steps;
-    var handleChangeCommitted = useCallback(function (score, index) {
+    var handleChangeCommitted = useCallback(function (score, index, type) {
         var _a, _b;
         var newSteps = update(steps, (_a = {}, _a[stepIndex] = { scoreInfo: { abilities: (_b = {}, _b[index] = { finalScore: { $set: score } }, _b) } }, _a));
         updateReportResult(__assign(__assign({}, reportResult), { steps: newSteps }));
@@ -34,7 +34,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: 400, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "auto", onChangeCommitted: function (score) { return handleChangeCommitted(score, index); } })] }, name));
+                        return (_jsxs(Box, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: name })), _jsx(ScoreSlider, { width: 400, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "auto", onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
                     }) }))] })));
 };
 export default Abilities;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { QuestionItemProps } from './interface';
+import { FC } from 'react';
 declare const QuestionItem: FC<QuestionItemProps>;
 export default QuestionItem;

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

@@ -10,19 +10,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
-import { Box, Button, Typography } from 'fbm-ui';
-import { theme } from 'fbm-ui/lib/components/ThemeProvider';
-import { Paper } from 'fbm-ui/lib/mui';
-import update from 'immutability-helper';
+import Abilities from './Abilities';
+import ScoreSlider from './ScoreSlider';
+import { QuestionDesc } from './styled';
 import { 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 Abilities from './Abilities';
-import ScoreSlider from './ScoreSlider';
-import { QuestionDesc } from './styled';
+import { Box, Button, Typography } from 'fbm-ui';
+import { theme } from 'fbm-ui/lib/components/ThemeProvider';
+import { Paper } 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, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
@@ -86,6 +86,6 @@ var QuestionItem = function (props) {
             mt: 2,
             cursor: videoUrl ? 'pointer' : 'inherit',
             borderColor: token === stepToken ? theme.palette.primary.main : '',
-        }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", desc] })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index })] }), token));
+        }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", desc] })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index })] }), token));
 };
 export default QuestionItem;

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

@@ -10,12 +10,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Empty, Typography } from 'fbm-ui';
-import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import QuestionItem from './QuestionItem';
+import AiHeaderTitle from "../../../../components/AiHeaderTitle";
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { Box, Empty, Paper } from 'fbm-ui';
 var VideoQuestion = function () {
     var reportResult = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }).reportResult;
     var steps = (reportResult || {}).steps;
-    return (_jsxs(Box, __assign({ padding: "24px 0" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: "\u89C6\u9891\u9898\uFF1A" })), _jsx(Box, { 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({ component: Paper, pl: 2, pt: 2, pr: 2, style: { background: '#fff', border: '1px solid rgb(244, 244, 244)' }, 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" })) }))] })));
 };
 export default VideoQuestion;

package/esm/modules/ai-report/components/WorkPlaces/ScoreSlider.d.ts

@@ -0,0 +1,4 @@
+import { ScoreSliderProps } from './interface';
+import { FC } from 'react';
+declare const ScoreSlider: FC<ScoreSliderProps>;
+export default ScoreSlider;

package/esm/modules/ai-report/components/WorkPlaces/ScoreSlider.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScoreSliderRoot, WorkplaceStyledSlider } from './styled';
+import { Box, Typography } from 'fbm-ui';
+var ScoreColorMap = {
+    1: '#4CAF50',
+    2: '#000000',
+    3: '#FF6C6C',
+};
+var ScoreSlider = function (props) {
+    var _a = props.width, width = _a === void 0 ? 320 : _a, score = props.score, _b = props.valueLabelDisplay, valueLabelDisplay = _b === void 0 ? 'off' : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? false : _c, _d = props.scoreText, scoreText = _d === void 0 ? '' : _d, _e = props.scoreLevel, scoreLevel = _e === void 0 ? 2 : _e;
+    return (_jsxs(ScoreSliderRoot, __assign({ width: width }, { children: [_jsxs(Box, __assign({ width: width, display: "flex", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ flexShrink: 0, variant: "body2", fontWeight: "medium" }, { children: "\u5019\u9009\u4EBA\u8868\u73B0" })), isShowLabel && (_jsxs(Box, __assign({ display: "flex" }, { children: [_jsxs(Typography, __assign({ color: ScoreColorMap[scoreLevel], variant: "body2", fontWeight: "medium" }, { children: [score, "\u5206"] })), _jsx(Typography, __assign({ color: ScoreColorMap[scoreLevel], variant: "body2", fontWeight: "medium", ml: 1 }, { children: scoreText }))] })))] })), _jsx(WorkplaceStyledSlider, { valueLabelDisplay: valueLabelDisplay, value: score })] })));
+};
+export default ScoreSlider;

package/esm/modules/ai-report/components/WorkPlaces/WorkPlace.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Mode = 'edit' | 'show';
+interface WorkplaceProps {
+    token: string;
+    answer: string;
+    bgcolor?: string;
+    mode?: Mode;
+    canEdit?: boolean;
+}
+declare const Evaluate: React.FC<WorkplaceProps>;
+export default Evaluate;

package/esm/modules/ai-report/components/WorkPlaces/WorkPlace.js

@@ -0,0 +1,55 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostAiInterviewWorkplace } from "../../../../services/ai-report";
+import { Button, confirm, EditIcon, FormItem, IconButton, Typography } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useState } from 'react';
+var Evaluate = function (_a) {
+    var answer = _a.answer, token = _a.token, bgcolor = _a.bgcolor, _b = _a.mode, mode = _b === void 0 ? 'show' : _b, _c = _a.canEdit, canEdit = _c === void 0 ? 'true' : _c;
+    var _d = useState(answer), content = _d[0], setContent = _d[1];
+    var _e = useState('show'), internalMode = _e[0], setInternalMode = _e[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var handleSubmit = useCallback(function () {
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    token: token,
+                    answer: content,
+                };
+                PostAiInterviewWorkplace(data).then(handleModeChange).then(onClose).catch(console.log);
+            },
+        });
+    }, [token, content, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "flex-end" }, { children: 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(answer);
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Box, __assign({ style: { padding: 8, borderRadius: 4, overflow: 'hidden', background: bgcolor } }, { children: _jsx(Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+};
+export default Evaluate;

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

@@ -0,0 +1,2 @@
+declare const Index: () => JSX.Element | null;
+export default Index;

package/esm/modules/ai-report/components/WorkPlaces/index.js

@@ -0,0 +1,67 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ScoreSlider from './ScoreSlider';
+import WorkPlace from './WorkPlace';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import AiHeaderTitle from "../../../../components/AiHeaderTitle";
+import { blue, orange, purple } from '@mui/material/colors';
+import { InfoOutlineIcon, styled, Tooltip, Typography } from 'fbm-ui';
+import { Box, Collapse, Paper, Stack } from 'fbm-ui/lib/mui';
+var TagTitle = styled(Box)(function (bgcolor) { return ({
+    position: 'relative',
+    width: 100,
+    height: 32,
+    display: 'inline-block',
+    textAlign: 'center',
+    backgroundColor: bgcolor[200],
+    margin: '8px 0 16px',
+    '&:before': {
+        position: 'absolute',
+        content: '""',
+        right: '-16px',
+        top: 0,
+        width: 0,
+        height: 0,
+        borderStyle: 'solid',
+        borderColor: 'transparent',
+        borderTop: 'solid #fff',
+        borderWidth: '16px',
+    },
+    '&:after': {
+        position: 'absolute',
+        content: '""',
+        right: '-16px',
+        top: 0,
+        width: 0,
+        height: 0,
+        borderStyle: 'solid',
+        borderColor: 'transparent',
+        borderBottom: 'solid #fff',
+        borderWidth: '16px',
+    },
+}); });
+var ColorIndexMap = {
+    0: blue,
+    1: orange,
+    2: purple,
+};
+var Index = function () {
+    var _a;
+    var _b = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _b.reportResult, showAiDimension = _b.showAiDimension, canEditAiDimension = _b.canEditAiDimension;
+    if (!showAiDimension)
+        return null;
+    return (_jsxs(Box, __assign({ component: Paper, variant: "outlined", px: 2, mt: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u804C\u573A\u80FD\u529B\u8868\u73B0" }) })), _jsx(Collapse, __assign({ in: true }, { children: (_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaces) === null || _a === void 0 ? void 0 : _a.map(function (v, idx) {
+                    return (_jsxs(Box, __assign({ component: Paper, variant: "outlined", elevation: 0, mb: 2, pb: 2, pr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", alignItems: "center" }, { children: [_jsx(TagTitle, __assign({ bgcolor: ColorIndexMap[idx % 3][200] }, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px', color: '#fff' } }, { children: v.dimensionName })) })), _jsx(Tooltip, __assign({ title: _jsxs("span", { children: ["\u9AD8\u5206\u8868\u73B0\uFF1A", v.abilityExpression.good, _jsx("br", {}), "\u4F4E\u5206\u8868\u73B0\uFF1A", v.abilityExpression.bad] }) }, { children: _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "body2", style: { lineHeight: '32px' }, mr: 1 }, { children: "\u4F18\u6B21\u8868\u73B0" })), _jsx(InfoOutlineIcon, { sx: { fontSize: '16px' } })] })) }))] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", ml: 2, style: { background: '#F5F5F5', borderRadius: 4, padding: 8 } }, { children: v.define })), _jsxs(Stack, __assign({ pl: 2 }, { children: [_jsx(Box, __assign({ mt: 2 }, { children: _jsx(ScoreSlider, { width: "100%", isShowLabel: true, score: v.score, scoreText: v.scoreText, scoreLevel: v.scoreLevel }) })), _jsx(Stack, __assign({ spacing: 2 }, { children: _jsx(WorkPlace, { token: v.token, canEdit: canEditAiDimension, answer: v.answer, mode: "show", bgcolor: ColorIndexMap[idx % 3][50] }) }))] }))] }), v.token));
+                }) }))] })));
+};
+export default Index;

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

@@ -0,0 +1,7 @@
+import { WorkPlaceScoreInfo } from '../../interface';
+export interface ScoreSliderProps extends Pick<WorkPlaceScoreInfo, 'score' | 'scoreText' | 'scoreLevel'> {
+    width?: any;
+    valueLabelDisplay?: 'on' | 'off' | 'auto';
+    isShowLabel?: boolean;
+    onChangeCommitted?: (score: number) => void;
+}

package/esm/modules/ai-report/components/WorkPlaces/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+export declare const WorkplaceStyledSlider: import("@emotion/styled").StyledComponent<{
+    color?: "secondary" | "primary" | undefined;
+    classes?: (Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> & {
+        colorPrimary?: string | undefined;
+        colorSecondary?: string | undefined;
+        sizeSmall?: string | undefined;
+        thumbColorPrimary?: string | undefined;
+        thumbColorSecondary?: string | undefined;
+        thumbSizeSmall?: string | undefined;
+    }) | undefined;
+    size?: "small" | "medium" | undefined;
+    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
+} & {
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-valuetext'?: string | undefined;
+    classes?: Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+        Track?: import("react").ElementType<any> | undefined;
+        Rail?: import("react").ElementType<any> | undefined;
+        Thumb?: import("react").ElementType<any> | undefined;
+        Mark?: import("react").ElementType<any> | undefined;
+        MarkLabel?: import("react").ElementType<any> | undefined;
+        ValueLabel?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: {
+        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        track?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        rail?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        thumb?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        mark?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        markLabel?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        valueLabel?: (import("fbm-ui/lib/mui").ValueLabelUnstyledProps & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+    } | undefined;
+    defaultValue?: number | number[] | undefined;
+    disabled?: boolean | undefined;
+    disableSwap?: boolean | undefined;
+    getAriaLabel?: ((index: number) => string) | undefined;
+    getAriaValueText?: ((value: number, index: number) => string) | undefined;
+    isRtl?: boolean | undefined;
+    marks?: boolean | import("fbm-ui/lib/mui").Mark[] | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    name?: string | undefined;
+    onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
+    onChangeCommitted?: ((event: Event | import("react").SyntheticEvent<Element, Event>, value: number | number[]) => void) | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    scale?: ((value: number) => number) | undefined;
+    step?: number | null | undefined;
+    tabIndex?: number | undefined;
+    track?: false | "normal" | "inverted" | undefined;
+    value?: number | number[] | undefined;
+    valueLabelDisplay?: "on" | "off" | "auto" | undefined;
+    valueLabelFormat?: string | ((value: number, index: number) => import("react").ReactNode) | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "track" | "name" | "classes" | "color" | "scale" | "sx" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "disabled" | "max" | "min" | "orientation" | "size" | "step" | "value" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+export declare const ScoreSliderRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

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

@@ -0,0 +1,27 @@
+import { Box, styled } from 'fbm-ui';
+import { Slider } from 'fbm-ui/lib/mui';
+export var WorkplaceStyledSlider = styled(Slider)(function () { return ({
+    color: 'transparent',
+    height: 8,
+    '& .MuiSlider-rail': {
+        // backgroundColor: '#ECEFF1',
+        opacity: 1,
+        background: 'linear-gradient(90deg, RGB(229, 115, 115), RGB(255, 183, 77) 50%, RGB(0, 217, 157))',
+    },
+    '& .MuiSlider-track': {
+        border: 'none',
+        background: 'transparent',
+    },
+    '& .MuiSlider-thumb': {
+        height: 16,
+        width: 16,
+        backgroundColor: '#fff',
+        zIndex: 2,
+        boxShadow: '0 4px 8px RGBA(0, 0, 0, 0.16)',
+    },
+}); });
+export var ScoreSliderRoot = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    flexDirection: 'column',
+});

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

@@ -51,6 +51,7 @@ export interface ScoreInfo {
     finalScore: number;
     score: number;
     abilities: Ability[];
+    workplaces: Ability[];
 }
 export interface AiEvaluation {
     assessmentPoint: string[];
@@ -58,6 +59,36 @@ export interface AiEvaluation {
     increasePoint: any[];
     decreasePoint: any[];
 }
+export interface AbilityExpression {
+    bad: string;
+    good: string;
+}
+export interface WorkPlaceAbility {
+    abilityExpression: AbilityExpression;
+    answer: string;
+    define: string;
+    dimensionName: string;
+    dimensionType: number;
+    score: number;
+    scoreLevel: number;
+    scoreText: string;
+    token: string;
+}
+export interface WorkPlaceScoreInfo {
+    score: number;
+    scoreText: string;
+    scoreLevel: number;
+}
+export interface SuggestionAbility {
+    abilityName: string;
+    interviewQuestion: Array<string>;
+    keyPoints: Array<string>;
+}
+export interface Suggestion {
+    text: string;
+    show: boolean;
+    abilitys: SuggestionAbility[];
+}
 export interface AiInterviewReportStep {
     token: string;
     status: number;
@@ -70,6 +101,10 @@ export interface FaceAnalysis {
     age: number;
     beauty: number;
 }
+export interface SummaryText {
+    sprintf: string;
+    variables: Array<string>;
+}
 export interface AiInterviewReportList {
     orderToken: string;
     aiModel: AiModel;
@@ -77,6 +112,9 @@ export interface AiInterviewReportList {
     faceUrl: string;
     faceAnalysis: FaceAnalysis;
     evaluations: Array<any>;
+    workplaces: WorkPlaceAbility[];
+    suggestion: Suggestion;
+    summaryText: SummaryText;
     score: number;
     status: number;
     completedStatus: number;

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

@@ -3,6 +3,7 @@ interface UpsertData {
     token?: string;
     name: string;
     tag: string;
+    isWorkplace?: boolean;
     mateData: {
         account?: string;
         enterpriseId?: string;

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

@@ -6,4 +6,9 @@ interface PostAiInterviewEvaluationData {
     manualSuggestions?: Array<string>;
 }
 export declare const PostAiInterviewEvaluation: <R>(data: PostAiInterviewEvaluationData) => import("axios").AxiosPromise<R>;
+interface PostAiInterviewWorkplaceData {
+    token: string;
+    answer?: string;
+}
+export declare const PostAiInterviewWorkplace: <R>(data: PostAiInterviewWorkplaceData) => import("axios").AxiosPromise<R>;
 export {};

package/esm/services/ai-report.js

@@ -7,3 +7,7 @@ export var PostAiInterviewRefresh = function (orderID) { return POST({ url: "/st
 export var PostAiInterviewEvaluation = function (data) {
     return POST({ url: "/standard/b/aiInterview/aiEvaluation/modify", data: data });
 };
+// 更新职场能力回答
+export var PostAiInterviewWorkplace = function (data) {
+    return POST({ url: "/standard/b/aiInterview/workplace/answer/modify", data: data });
+};

package/esm/store/ai-ability/question-ability-store.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { QuestionCollectionList } from '@/modules/ai-ability/interface';
+export declare const useQuestionCollectionListStore: (depsFn?: import("hox/es/types").DepsFn<{
+    questionCollectionList: QuestionCollectionList[];
+    updateQuestionCollectionList: import("react").Dispatch<import("react").SetStateAction<QuestionCollectionList[]>>;
+}> | undefined) => {
+    questionCollectionList: QuestionCollectionList[];
+    updateQuestionCollectionList: import("react").Dispatch<import("react").SetStateAction<QuestionCollectionList[]>>;
+}, getQuestionCollectionListStore: () => {
+    questionCollectionList: QuestionCollectionList[];
+    updateQuestionCollectionList: import("react").Dispatch<import("react").SetStateAction<QuestionCollectionList[]>>;
+} | undefined;

package/esm/store/ai-ability/question-ability-store.js

@@ -0,0 +1,10 @@
+var _a;
+import { createGlobalStore } from 'hox';
+import { useState } from 'react';
+export var useQuestionCollectionListStore = (_a = createGlobalStore(function () {
+    var _a = useState([]), questionCollectionList = _a[0], updateQuestionCollectionList = _a[1];
+    return {
+        questionCollectionList: questionCollectionList,
+        updateQuestionCollectionList: updateQuestionCollectionList,
+    };
+}), _a[0]), getQuestionCollectionListStore = _a[1];

package/esm/store/ai-question/ai-analysis-store.d.ts

@@ -1,25 +1,29 @@
 /// <reference types="react" />
-import { AiAbilityItem } from '@/modules/ai-question/components/AiAssessmentCriteria/interface';
+import { AiAbilityItem, WorkplaceItem } from '@/modules/ai-question/components/AiAssessmentCriteria/interface';
 import { QuestionParams } from '@/modules/ai-question/components/QuestionUpdate/interface';
 interface AnalysisStateParams extends Pick<QuestionParams, 'aiSwitch' | 'language'> {
 }
 export declare const useAiAnalysisStore: (depsFn?: import("hox/es/types").DepsFn<{
     aiAbilities: AiAbilityItem[];
+    workplaces: WorkplaceItem[];
     analysisState: AnalysisStateParams;
     keyPointAnalysisError: number[];
     updateState: (params: Partial<AnalysisStateParams>) => void;
-    updateAiAbilities: (data: AiAbilityItem[], inInit?: any) => void;
+    updateAiAbilities: (data: AiAbilityItem[], inInit?: any, isWorkplaceChange?: any) => void;
     updateAiAbilitiesWeight: (value: string, index: number) => void;
     removeAiAbilities: (index: number) => void;
+    updateWorkplaces: (data: WorkplaceItem[]) => void;
     setKeyPointAnalysisError: import("react").Dispatch<import("react").SetStateAction<number[]>>;
 }> | undefined) => {
     aiAbilities: AiAbilityItem[];
+    workplaces: WorkplaceItem[];
     analysisState: AnalysisStateParams;
     keyPointAnalysisError: number[];
     updateState: (params: Partial<AnalysisStateParams>) => void;
-    updateAiAbilities: (data: AiAbilityItem[], inInit?: any) => void;
+    updateAiAbilities: (data: AiAbilityItem[], inInit?: any, isWorkplaceChange?: any) => void;
     updateAiAbilitiesWeight: (value: string, index: number) => void;
     removeAiAbilities: (index: number) => void;
+    updateWorkplaces: (data: WorkplaceItem[]) => void;
     setKeyPointAnalysisError: import("react").Dispatch<import("react").SetStateAction<number[]>>;
 }, AiAnalysisStoreProvider: import("react").FC<{
     children?: import("react").ReactNode;