eli-video-interview 1.4.7 → 1.6.0

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

@@ -0,0 +1,42 @@
+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 { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { Box, Typography } from 'fbm-ui';
+import update from 'immutability-helper';
+import { useCallback } from 'react';
+var Abilities = function (_a) {
+    var stepIndex = _a.stepIndex, disabledScore = _a.disabledScore;
+    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, type) {
+        var _a, _b;
+        if (disabledScore)
+            return;
+        var newSteps = update(steps, (_a = {}, _a[stepIndex] = { scoreInfo: { abilities: (_b = {}, _b[index] = { finalScore: { $set: score } }, _b) } }, _a));
+        updateReportResult(__assign(__assign({}, reportResult), { steps: newSteps }));
+        onScoreChange &&
+            onScoreChange({
+                flowStepToken: steps ? steps[stepIndex].token : '',
+                aiAbilityChangeType: steps && steps[stepIndex].scoreInfo.abilities[index].type,
+                type: 2,
+                score: score,
+            });
+    }, [stepIndex, reportResult, steps, updateReportResult, onScoreChange, disabledScore]);
+    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: 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-v3/components/VideoQuestion/BodyImages.d.ts

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

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

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

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

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

package/esm/modules/ai-report-v3/components/VideoQuestion/Evaluate.js

@@ -0,0 +1,79 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostInterviewEvaluation } from "../../../../services/ai-report";
+import { Button, confirm, FormItem, Typography } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+var Evaluate = function (_a) {
+    var title = _a.title, evaluation = _a.evaluation, token = _a.token, _b = _a.mode, mode = _b === void 0 ? 'show' : _b;
+    var _c = __read(useState(evaluation), 2), content = _c[0], setContent = _c[1];
+    var _d = __read(useState('show'), 2), internalMode = _d[0], setInternalMode = _d[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var isValidate = useMemo(function () {
+        return content.trim().length > 0;
+    }, [content]);
+    var handleSubmit = useCallback(function () {
+        if (!isValidate)
+            return;
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    flowStepToken: token,
+                    scoreManualEvaluation: content,
+                };
+                PostInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.error);
+            },
+        });
+    }, [isValidate, token, content, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: _jsx(Typography, __assign({ variant: "body1", fontWeight: 700, sx: { color: '#4caf50' } }, { children: title })) })), 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, error: !isValidate, 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(evaluation);
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, { variant: "body2", sx: {
+                    color: '#424242',
+                    whiteSpace: 'pre-wrap',
+                }, dangerouslySetInnerHTML: { __html: content } }))] }));
+};
+export default Evaluate;

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

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

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

@@ -0,0 +1,145 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { createElement as _createElement } from "react";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { ExportButton, Video } from '../styled';
+import Abilities from './Abilities';
+import BodyImages from './BodyImages';
+import Evaluate from './Evaluate';
+import ScoreSlider from './ScoreSlider';
+import SingleChoice from './SingleChoice';
+import { QuestionDesc } from './styled';
+import Workplaces from './Workplaces';
+import { ADD_QUESTION_TYPE, QUESTION_TYPE } from "../../../../enum/ai-question";
+import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { formatScore, highlighKeywords } from "../../../../utils/utils";
+import { Box, Button, Message, Typography } from 'fbm-ui';
+import { theme } from 'fbm-ui/lib/components/ThemeProvider';
+import { Paper, Stack } from 'fbm-ui/lib/mui';
+import update from 'immutability-helper';
+import { useCallback, useMemo, useState } from 'react';
+var isShowVideoMessage = function (type) { return [QUESTION_TYPE.SINGLECHIOCE, QUESTION_TYPE.ALPHABETIC_DICTATION, QUESTION_TYPE.COLOR_BLINDNESS].includes(type); };
+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, posterUrl = _a.posterUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities, workplaceEvaluation = _c.workplaceEvaluation, workplaceName = _c.workplaceName, isExportPdf = props.isExportPdf;
+    var _d = __read(useState(false), 2), showAbilities = _d[0], setShowAbilities = _d[1];
+    var _e = useAiReportStore(function (store) { return [
+        store.reportResult,
+        store.stepToken,
+        store.operableButtons,
+        store.showAbilitiesDetails,
+    ]; }), reportResult = _e.reportResult, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, canEditAiDimension = _e.canEditAiDimension;
+    var v3AssetBase = (useAiReportStore().v3AssetBase || '');
+    var _f = reportResult || {}, steps = _f.steps, isSimulated = _f.isSimulated;
+    var quoteIconSrc = v3AssetBase ? "".concat(v3AssetBase, "/14_quote.png") : '//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c';
+    var _g = __read(useState('show'), 2), internalMode = _g[0], setInternalMode = _g[1];
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var isAbilities = operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities');
+    var isExistWeight = Number(weight) > 0;
+    var showScoreBlock = status === STEP_COMPLETED;
+    var isShowAbilitiesButton = abilities.length > 0 && isAbilities && !showAbilitiesDetails;
+    var isShowAbilitiesDetails = abilities.length > 0 && (showAbilities || showAbilitiesDetails);
+    var isSingleChoice = aiShowType === ADD_QUESTION_TYPE.SINGLECHIOCE;
+    var comprehensiveScore = useMemo(function () {
+        if (status === STEP_COMPLETED) {
+            return (_jsxs(Typography, __assign({ variant: "body2", color: theme.palette.primary.main, fontSize: 16, fontWeight: 500 }, { children: [formatScore(score), "\u5206"] })));
+        }
+        else if (status === STEP_NO_ANSWER) {
+            return (_jsx(Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.26)", fontSize: 16, fontWeight: 500 }, { children: "\u672A\u4F5C\u7B54" })));
+        }
+        else if (status === STEP_IN_CALCULATION) {
+            return (_jsx(Typography, __assign({ variant: "body2", color: "#4CAF50", fontSize: 16, fontWeight: 500 }, { children: "\u8BA1\u7B97\u4E2D" })));
+        }
+        else if (status === STEP_FAILED) {
+            return (_jsx(Typography, __assign({ variant: "body2", color: "error", fontSize: 16, fontWeight: 500 }, { children: "\u8BA1\u7B97\u5931\u8D25" })));
+        }
+    }, [score, status]);
+    var renderText = useMemo(function () {
+        var keyPointAnalysis = analysisResult[6];
+        if (keyPointAnalysis && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.text)) {
+            var content_1 = analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.text;
+            Object.entries(keyPointAnalysis).forEach(function (_a) {
+                var _b = __read(_a, 2), keyword = _b[0], config = _b[1];
+                content_1 = highlighKeywords(content_1, keyword, config.color);
+            });
+            return content_1;
+        }
+        if (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.letter) {
+            return "\u6B63\u786E\u7B54\u6848\uFF1A".concat(analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.letter, " <br/> \u56DE\u7B54\uFF1A").concat(analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer);
+        }
+        return analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.text;
+    }, [analysisResult]);
+    var handleChangeCommitted = useCallback(function (score) {
+        var _a;
+        if (isSingleChoice)
+            return;
+        var newSteps = update(steps, (_a = {}, _a[index] = { scoreInfo: { finalScore: { $set: score } } }, _a));
+        updateReportResult(__assign(__assign({}, reportResult), { steps: newSteps }));
+        onScoreChange &&
+            onScoreChange({
+                flowStepToken: steps ? steps[index].token : '',
+                type: 1,
+                score: score,
+            });
+    }, [index, reportResult, steps, updateReportResult, onScoreChange, isSingleChoice]);
+    var handleVideoClick = useCallback(function () {
+        // 如果没有视频URL且符合显示错误消息的条件，则显示错误提示
+        if (!videoUrl && isShowVideoMessage(type)) {
+            Message.error('因候选人回答时长过短，未获取到题目视频。');
+        }
+        // 其他视频点击逻辑可以在这里处理
+    }, [videoUrl, type]);
+    return (_jsxs(Stack, __assign({ component: Paper, elevation: 1, sx: {
+            padding: '16px 16px',
+            mt: 2,
+            background: '#fff',
+            mx: 1,
+            borderRadius: '12px',
+            position: 'relative',
+        } }, { children: [_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [_jsxs(Stack, __assign({ flex: 1, mt: 1 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsx(Box, __assign({ sx: {
+                                            background: '#4EC953',
+                                            color: '#fff',
+                                            borderRadius: 6,
+                                            boxShadow: '4px 0px 8px 0px rgba(78,201,83,0.3)',
+                                            width: 33,
+                                            height: 20,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                            fontSize: 16,
+                                            flexShrink: 0,
+                                        } }, { children: index + 1 })), _jsx(Typography, __assign({ ml: 1.5, variant: "body2", sx: { color: '#03BA4C', fontSize: 14, lineHeight: '21px' } }, { children: desc }))] })), _jsxs(QuestionDesc, { children: [_jsx(BodyImages, { reviewImgs: reviewImgs }), _jsx("img", { className: "MuiSvgIcon-root", src: quoteIconSrc, alt: "", width: 20, height: 15 }), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "body2", 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: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 12, lineHeight: '18px' }, 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: "body2", 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, followupIndex) {
+                                return (_jsxs(Box, { children: [_jsx(Typography, __assign({ mt: 1, variant: "body2", sx: { color: '#03BA4C', fontSize: 14 } }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), _jsxs(QuestionDesc, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: quoteIconSrc, alt: "", width: 20, height: 15 }), _jsx(Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 12 }, ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }, "followup-".concat(index, "-").concat(followupIndex)));
+                            })] })), _jsxs(Box, __assign({ position: "relative" }, { children: [isExportPdf && (_jsx(ExportButton, __assign({ href: videoUrl, target: "_blank" }, { children: _jsx("img", { src: "//webcdn.fbmms.cn/assets/htyk/jjn4TDJ1eW5akU_lblzYe", alt: "", style: { width: 166, height: 296 } }) }))), !isExportPdf && (_jsx(Video, { src: videoUrl, poster: posterUrl, onClick: handleVideoClick, width: 135, onPlay: function (event) {
+                                    document.querySelectorAll('video').forEach(function (v) { return v !== event.target && v.pause(); });
+                                } }))] }))] })), 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: '#03BA4C', fontSize: 14 }, variant: "body2", fontWeight: "500" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body2", sx: { fontSize: 14, color: 'rgba(0,0,0,0.8)' } }, { children: workplaceName }))] }))) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true, display: "flex" }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), showScoreBlock && (_jsxs(Stack, __assign({ mt: 3, spacing: 1, sx: { position: 'relative' } }, { children: [canEditAiDimension && ((workplaceEvaluation && !isSimulated) || (isSimulated && abilities.length > 0)) && (_jsx("img", { onClick: handleModeChange, src: "//webcdn.fbmms.cn/assets/CVlD/V8fHAovf4X6wfXN75KkI9", alt: "", style: { width: 36, height: 36, position: 'absolute', top: 0, right: 0, cursor: 'pointer' } })), workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#03BA4C', fontSize: 14 }, variant: "body2", fontWeight: "500" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body2", sx: { fontSize: 14, color: 'rgba(0,0,0,0.8)' } }, { children: workplaceName }))] }))), _jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4, sx: { color: 'rgba(0,0,0,0.6)' } }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), _jsxs(Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)' } }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] })), _jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsxs(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [_jsx(ScoreSlider, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", size: "small", sx: { color: 'rgba(0,0,0,0.6)' }, style: { whiteSpace: 'nowrap', marginLeft: 8 }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontWeight: 500, noWrap: true, display: "flex" }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] })), isShowAbilitiesDetails && (_jsx(Box, __assign({ sx: { border: '1px solid #E7F4EC', borderRadius: 2, p: 1.5, mt: 1 } }, { children: _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice }) }))), isSimulated && (_jsx(_Fragment, { children: abilities.map(function (v) { return (_createElement(Workplaces, __assign({}, v, { key: v.token, mode: internalMode, token: token }))); }) })), workplaceEvaluation && !isSimulated && (_jsx(_Fragment, { children: _jsx(Evaluate, { token: token, evaluation: workplaceEvaluation, title: " AI\u8BC4\u4EF7", mode: internalMode }) }))] })))] }), token));
+};
+export default QuestionItem;

package/esm/modules/ai-report-v3/components/VideoQuestion/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-v3/components/VideoQuestion/ScoreSlider.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AiScoreRoot, ScoreSliderRoot, StyledSlider } from './styled';
+// import { scoreRankIntervalColors } from '@constants/ai-report';
+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 ? 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;
+    var handleScoreChange = useCallback(function (e, v) {
+        !disabledScore && !sliderDisabledScore && setScore(v);
+    }, [disabledScore, sliderDisabledScore]);
+    useEffect(function () {
+        setScore(Number(finalScore.toFixed(0)));
+    }, [finalScore]);
+    return (_jsxs(ScoreSliderRoot, __assign({ width: width }, { children: [isShowScoreRank && (_jsx(_Fragment, { children: _jsx(Tooltip, __assign({ title: "AI\u5F97\u5206\uFF1A".concat(aiScore), placement: "top" }, { children: _jsx(AiScoreRoot, { sx: { left: "calc(".concat(aiScore, "% - 12px)") } }) })) })), _jsx(StyledSlider, { valueLabelDisplay: valueLabelDisplay, value: score, onChange: handleScoreChange, onChangeCommitted: function () { return onChangeCommitted(score); } }), isShowLabel && (_jsxs(Typography, __assign({ width: 70, flexShrink: 0, textAlign: "right", variant: "body2" }, { children: [score, "\u5206"] })))] })));
+};
+export default ScoreSlider;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Option } from '../../interface';
+interface SingleChoiceProps {
+    options: Option[];
+    selected: number[];
+}
+declare const SingleChoice: React.FC<SingleChoiceProps>;
+export default SingleChoice;

package/esm/modules/ai-report-v3/components/VideoQuestion/SingleChoice.js

@@ -0,0 +1,31 @@
+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 { Layout, Radio, RadioGroup, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+var SingleChoice = function (_a) {
+    var options = _a.options, selected = _a.selected;
+    return (_jsx(Layout, { children: _jsx(RadioGroup, __assign({ row: false, value: selected === null || selected === void 0 ? void 0 : selected[0], color: "primary", sx: {
+                '& .MuiFormControlLabel-label': {
+                    width: '100%',
+                },
+            } }, { children: options.map(function (v, i) {
+                return (_jsx(Radio
+                // @ts-ignore
+                , { 
+                    // @ts-ignore
+                    FormControlLabelProps: {
+                        sx: { pointerEvents: 'none' },
+                    }, value: i, label: _jsxs(Stack, __assign({ color: "".concat(i === selected[0] ? '#4caf50' : 'rgba(0,0,0,.56)'), fontWeight: "".concat(i === selected[0] ? 'medium' : 'normal'), width: "100%", direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ color: "inherit", fontWeight: "inherit", variant: "caption", flexWrap: "wrap", sx: { wordBreak: 'break-all' } }, { children: v.content })), _jsxs(Typography, __assign({ color: "inherit", fontWeight: "inherit", variant: "caption", flexShrink: 0 }, { children: [v.score, "\u5206"] }))] })) }, i));
+            }) })) }));
+};
+export default SingleChoice;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+declare type Mode = 'edit' | 'show';
+interface WorkplacesProps {
+    token: string;
+    suggestionAnswer: string;
+    referenceAnswer: string;
+    mode?: Mode;
+}
+declare const Workplaces: FC<WorkplacesProps>;
+export default Workplaces;

package/esm/modules/ai-report-v3/components/VideoQuestion/Workplaces.js

@@ -0,0 +1,91 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostInterviewEvaluation } from "../../../../services/ai-report";
+import { Box, Button, confirm, FormItem, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useState } from 'react';
+var Workplaces = function (_a) {
+    var token = _a.token, suggestionAnswer = _a.suggestionAnswer, referenceAnswer = _a.referenceAnswer, _b = _a.mode, mode = _b === void 0 ? 'show' : _b;
+    var _c = __read(useState(suggestionAnswer), 2), suggestionAnswerContent = _c[0], setSuggestionAnswerContent = _c[1];
+    var _d = __read(useState(referenceAnswer), 2), referenceAnswerContent = _d[0], setReferenceAnswerContent = _d[1];
+    var _e = __read(useState('show'), 2), internalMode = _e[0], setInternalMode = _e[1];
+    var handleSuggestionChange = useCallback(function (e) {
+        var value = e.target.value;
+        setSuggestionAnswerContent(value);
+    }, []);
+    var handleReferenceChange = useCallback(function (e) {
+        var value = e.target.value;
+        setReferenceAnswerContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var handleSubmit = useCallback(function () {
+        if (!suggestionAnswerContent.trim() || !referenceAnswerContent.trim())
+            return;
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    flowStepToken: token,
+                    suggestionAnswer: suggestionAnswerContent,
+                    referenceAnswer: referenceAnswerContent,
+                };
+                PostInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.error);
+            },
+        });
+    }, [token, suggestionAnswerContent, referenceAnswerContent, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    if (suggestionAnswer || referenceAnswer) {
+        return (_jsxs(Stack, { children: [suggestionAnswer && (_jsxs(_Fragment, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: '#03BA4C', fontSize: 14 } }, { children: "\u5206\u6790\u5EFA\u8BAE" })) })), internalMode === 'edit' && (_jsx(Box, __assign({ width: 1, pr: 2 }, { children: _jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", error: !suggestionAnswerContent.trim(), value: suggestionAnswerContent, onChange: handleSuggestionChange }) }))), internalMode === 'show' && (_jsx(Typography, { variant: "body2", sx: {
+                                color: 'rgba(0,0,0,0.6)',
+                                whiteSpace: 'pre-wrap',
+                            }, dangerouslySetInnerHTML: { __html: suggestionAnswerContent } }))] })), referenceAnswer && (_jsxs(_Fragment, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: '#03BA4C', fontSize: 14 } }, { children: "\u53C2\u8003\u6A21\u677F" })) })), 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: "", error: !referenceAnswerContent.trim(), value: referenceAnswerContent, onChange: handleReferenceChange }), _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();
+                                                setReferenceAnswerContent(referenceAnswer);
+                                                setSuggestionAnswerContent(suggestionAnswer);
+                                            } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, { variant: "body2", sx: {
+                                color: '#424242',
+                                whiteSpace: 'pre-wrap',
+                            }, dangerouslySetInnerHTML: { __html: referenceAnswerContent } }))] }))] }));
+    }
+    else {
+        return null;
+    }
+};
+export default Workplaces;

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

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

package/esm/modules/ai-report-v3/components/VideoQuestion/index.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 QuestionItem from './QuestionItem';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { Box, Empty } from 'fbm-ui';
+import { memo } from 'react';
+import { ModuleTitle } from '../ModuleTitle';
+var VideoQuestion = function (_a) {
+    var _b = _a.isExportPdf, isExportPdf = _b === void 0 ? false : _b;
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }).reportResult;
+    var steps = (reportResult || {}).steps;
+    return (_jsxs(Box, __assign({ id: "report-question", px: 2, mt: 3 }, { children: [_jsx(ModuleTitle, { title: "\u7B54\u9898\u89E3\u6790" }), _jsx(Box, __assign({ mt: 1.5 }, { children: steps && steps.length > 0 ? (steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) { return _jsx(QuestionItem, __assign({ index: index }, item, { isExportPdf: isExportPdf }), item.token); })) : (_jsx(Empty, { src: "//public-static-assets.oss-cn-beijing.aliyuncs.com/img/empty.png", desc: "\u6682\u65E0\u9898\u76EE" })) }))] })));
+};
+export default memo(VideoQuestion);

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

@@ -0,0 +1,17 @@
+import { AiInterviewReportStep, ScoreInfo } from '../../interface';
+export interface ScoreSliderProps extends Pick<ScoreInfo, 'originScore' | 'finalScore'> {
+    width?: number;
+    valueLabelDisplay?: 'on' | 'off' | 'auto';
+    isShowLabel?: boolean;
+    isShowScoreRank?: boolean;
+    disabledScore?: boolean;
+    onChangeCommitted: (score: number) => void;
+}
+export interface QuestionItemProps extends AiInterviewReportStep {
+    index: number;
+    isExportPdf?: boolean;
+}
+export interface AbilitiesProps {
+    stepIndex: number;
+    disabledScore?: boolean;
+}

package/esm/modules/ai-report-v3/components/VideoQuestion/interface.js

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