eli-video-interview 1.5.0 → 1.6.0

package/lib/modules/ai-report-v3/components/SectionTabs/SectionTabs.js

@@ -0,0 +1,116 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var mui_1 = require("fbm-ui/lib/mui");
+var fbm_ui_1 = require("fbm-ui");
+var fbm_icons_1 = require("fbm-icons");
+var react_1 = require("react");
+var sections = [
+    { id: 'report-header', name: '基本信息' },
+    { id: 'report-evaluate', name: '综合评价' },
+    { id: 'report-question', name: '答题解析' },
+];
+var SectionTabs = function (_a) {
+    var _b = _a.hasRisk, hasRisk = _b === void 0 ? true : _b, _c = _a.operableButtons, operableButtons = _c === void 0 ? [] : _c, onExportReportClick = _a.onExportReportClick, fetchReportUrl = _a.fetchReportUrl;
+    var _d = __read((0, react_1.useState)('report-header'), 2), active = _d[0], setActive = _d[1];
+    var _e = __read((0, react_1.useState)(''), 2), reportUrl = _e[0], setReportUrl = _e[1];
+    var rootRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (!fetchReportUrl)
+            return;
+        fetchReportUrl()
+            .then(function (_a) {
+            var url = _a.url;
+            return setReportUrl(url);
+        })
+            .catch(function () { return undefined; });
+    }, [fetchReportUrl]);
+    (0, react_1.useEffect)(function () {
+        var getScrollParent = function (node) {
+            var el = node;
+            while (el && el !== document.body) {
+                var s = getComputedStyle(el);
+                if (/(auto|scroll)/.test(s.overflowY) && el.scrollHeight > el.clientHeight)
+                    return el;
+                el = el.parentElement;
+            }
+            return window;
+        };
+        var root = rootRef.current;
+        if (!root)
+            return;
+        var scrollParent = getScrollParent(root);
+        var ids = sections.map(function (s) { return s.id; });
+        var onScroll = function () {
+            var tabHeight = root.offsetHeight || 48;
+            var current = ids[0];
+            ids.forEach(function (id) {
+                var el = document.getElementById(id);
+                if (!el)
+                    return;
+                var top = el.getBoundingClientRect().top;
+                if (top <= tabHeight)
+                    current = id;
+            });
+            setActive(current);
+        };
+        scrollParent.addEventListener('scroll', onScroll, { passive: true });
+        onScroll();
+        return function () { return scrollParent.removeEventListener('scroll', onScroll); };
+    }, []);
+    var handleClick = function (id) {
+        var _a;
+        if (id === 'report-risk' && !hasRisk)
+            return;
+        setActive(id);
+        (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    };
+    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ ref: rootRef, sx: {
+            position: 'sticky',
+            top: 0,
+            zIndex: 99,
+            background: '#FFFFFF',
+            boxShadow: '0 4px 20px rgba(0,0,0,0.08)',
+        } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", px: 3, py: 1, sx: { maxWidth: 1342, mx: 'auto' } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row", spacing: 4 }, { children: sections.map(function (section) { return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ onClick: function () { return handleClick(section.id); }, sx: {
+                            cursor: 'pointer',
+                            position: 'relative',
+                            opacity: section.id === 'report-risk' && !hasRisk ? 0.5 : 1,
+                        } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: active === section.id ? 'rgba(0,0,0,0.8)' : 'rgba(0,0,0,0.4)', fontSize: 14 } }, { children: section.name })), active === section.id && ((0, jsx_runtime_1.jsx)(mui_1.Box, { sx: {
+                                    position: 'absolute',
+                                    left: '50%',
+                                    transform: 'translateX(-50%)',
+                                    bottom: -10,
+                                    width: 30,
+                                    height: 3,
+                                    backgroundColor: '#4BCA50',
+                                    borderRadius: 2,
+                                } }))] }), section.id)); }) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", onClick: onExportReportClick, sx: { color: '#4BCA50', display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'pointer', fontSize: 14 } }, { children: ["\u5BFC\u51FA\u62A5\u544A", (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, { sx: { width: 16, height: 16 } })] }))) : reportUrl ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", onClick: function () { return (window.location.href = reportUrl); }, sx: { color: '#4BCA50', display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'pointer', fontSize: 14 } }, { children: ["\u67E5\u770B\u5728\u7EBF\u62A5\u544A", (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, { sx: { width: 16, height: 16 } })] }))) : ((0, jsx_runtime_1.jsx)(mui_1.Box, { width: 80 }))] })) })));
+};
+exports.default = SectionTabs;

package/lib/modules/ai-report-v3/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/lib/modules/ai-report-v3/components/Suggestion/Suggestion.js

@@ -0,0 +1,33 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var TagTitle = (0, fbm_ui_1.styled)(mui_1.Box)(function () { return ({
+    boxSizing: 'border-box',
+    padding: '0 16px',
+    minWidth: 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 ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(TagTitle, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px' } }, { children: abilityName })) }) })), (0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", flexDirection: "column", style: { background: '#FAFAFA', borderRadius: 8, padding: 16, flex: 1 }, mr: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", alignItems: "center", mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.BulbFilledIcon, { style: { color: '#4CAF50', fontSize: 16 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", style: { marginLeft: 4 } }, { children: "\u9762\u8BD5\u95EE\u9898" }))] })), interviewQuestion.map(function (v, index) { return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.CopyIcon, { style: { color: '#81C784', fontSize: 16, marginTop: 4 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", style: { marginLeft: 4 }, color: "secondary" }, { children: v }))] }), index)); })] })), (0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", flexDirection: "column", style: { background: '#FFF3E0', borderRadius: 8, padding: 16, flex: 1 } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", alignItems: "center", mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.LayerIcon, { style: { color: '#FF9800', fontSize: 16 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", style: { marginLeft: 4 } }, { children: "\u8BC4\u5206\u5173\u952E\u70B9" }))] })), keyPoints.map(function (v, index) { return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ display: "flex", mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.CopyIcon, { style: { color: '#FFB74D', fontSize: 16, marginTop: 4 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", style: { marginLeft: 4 }, color: "secondary" }, { children: v }))] }), index)); })] }))] }))] }));
+};
+exports.default = Suggestion;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Index: () => JSX.Element | null;
+export default Index;

package/lib/modules/ai-report-v3/components/Suggestion/index.js

@@ -0,0 +1,32 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Suggestion_1 = __importDefault(require("./Suggestion"));
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var AiHeaderTitleV2_1 = __importDefault(require("../../../../components/AiHeaderTitleV2"));
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var Index = function () {
+    var _a, _b, _c, _d;
+    var _e = (0, global_store_1.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 ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-suggestion", px: 2, mt: 2, pb: 2 }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: (0, jsx_runtime_1.jsx)(AiHeaderTitleV2_1.default, { name: "\u8003\u5BDF\u5EFA\u8BAE" }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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 })), (0, jsx_runtime_1.jsx)(mui_1.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 (0, jsx_runtime_1.jsx)(Suggestion_1.default, { abilityName: v.abilityName, interviewQuestion: v.interviewQuestion, keyPoints: v.keyPoints }, v.abilityName);
+                }) }))] })));
+};
+exports.default = Index;

package/lib/modules/ai-report-v3/components/V3Header/V3Header.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { CandidateInfo } from '../Candidate/Interface';
+interface V3HeaderProps {
+    status: number;
+    customScore?: number;
+    onRefreshSuccess: () => void;
+    fetchCandidateInfo?: () => Promise<CandidateInfo>;
+    v3AssetBase?: string;
+}
+declare const V3Header: ({ status, customScore, onRefreshSuccess, fetchCandidateInfo, v3AssetBase }: V3HeaderProps) => JSX.Element;
+export default V3Header;

package/lib/modules/ai-report-v3/components/V3Header/V3Header.js

@@ -0,0 +1,159 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var mui_1 = require("fbm-ui/lib/mui");
+var fbm_ui_1 = require("fbm-ui");
+var fbm_icons_1 = require("fbm-icons");
+var ahooks_1 = require("ahooks");
+var dayjs_1 = __importDefault(require("dayjs"));
+var react_1 = require("react");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ai_report_1 = require("../../../../services/ai-report");
+var ai_report_2 = require("../../../../enum/ai-report");
+var utils_1 = require("../../../../utils/utils");
+var matchLevel = function (score) {
+    if (score >= 80)
+        return 'high';
+    if (score >= 60)
+        return 'middle';
+    return 'low';
+};
+var matchText = function (level) {
+    switch (level) {
+        case 'high':
+            return '非常匹配';
+        case 'middle':
+            return '中等匹配';
+        default:
+            return '匹配度低';
+    }
+};
+var matchColor = function (level) {
+    switch (level) {
+        case 'high':
+            return '#FF8908';
+        case 'middle':
+            return '#18C01F';
+        default:
+            return '#2360FF';
+    }
+};
+var tagColors = [
+    { color: '#009908', bg: '#E7FBF0' },
+    { color: '#FE9D0D', bg: '#FFF3E0' },
+    { color: '#629CFF', bg: '#EAF2FF' },
+    { color: '#FF6C6C', bg: '#FFEBEE' },
+];
+var DefaultAvatar = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 137 192", width: "100%", height: "100%", preserveAspectRatio: "xMidYMid slice" }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", __assign({ id: "avbg", x1: "0", y1: "0", x2: "0", y2: "1" }, { children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0", stopColor: "#EDF4F0" }), (0, jsx_runtime_1.jsx)("stop", { offset: "1", stopColor: "#E2EEE6" })] })) }), (0, jsx_runtime_1.jsx)("rect", { width: "137", height: "192", fill: "url(#avbg)" }), (0, jsx_runtime_1.jsx)("circle", { cx: "68.5", cy: "78", r: "33", fill: "#C6D8CD" }), (0, jsx_runtime_1.jsx)("path", { d: "M26 192c4-45 22-64 42.5-64s38.5 19 42.5 64z", fill: "#C6D8CD" })] }))); };
+var V3Header = function (_a) {
+    var _b;
+    var status = _a.status, customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo, _c = _a.v3AssetBase, v3AssetBase = _c === void 0 ? '' : _c;
+    var _d = (0, global_store_1.useAiReportStore)(function (store) { return [store.token, store.reportResult, store.operableButtons]; }), token = _d.token, reportResult = _d.reportResult, operableButtons = _d.operableButtons;
+    var _e = reportResult || {}, _f = _e.score, score = _f === void 0 ? 0 : _f, _g = _e.createTime, createTime = _g === void 0 ? 0 : _g, _h = _e.steps, steps = _h === void 0 ? [] : _h, _j = _e.tags, tags = _j === void 0 ? [] : _j, candidateInfo = _e.candidateInfo;
+    var _k = __read((0, react_1.useState)(score || 0), 2), feScore = _k[0], setFeScore = _k[1];
+    var _l = __read((0, react_1.useState)(false), 2), openRefresh = _l[0], setOpenRefresh = _l[1];
+    var _m = __read((0, react_1.useState)(null), 2), candidate = _m[0], setCandidate = _m[1];
+    var _o = __read((0, react_1.useState)(false), 2), avatarErr = _o[0], setAvatarErr = _o[1];
+    var _p = (0, ahooks_1.useRequest)(function () { return (0, ai_report_1.PostAiInterviewRefresh)(token); }, {
+        manual: true,
+        onSuccess: function () {
+            onRefreshSuccess();
+            fbm_ui_1.Message.success('刷新成功');
+        },
+    }), run = _p.run, loading = _p.loading;
+    (0, react_1.useEffect)(function () {
+        if (candidateInfo)
+            setCandidate(__assign(__assign({}, candidateInfo), { tags: (candidateInfo.tags || []) }));
+    }, [candidateInfo]);
+    (0, react_1.useEffect)(function () {
+        setAvatarErr(false);
+    }, [candidate === null || candidate === void 0 ? void 0 : candidate.avatar]);
+    (0, react_1.useEffect)(function () {
+        if (!fetchCandidateInfo)
+            return;
+        fetchCandidateInfo()
+            .then(setCandidate)
+            .catch(function () { return fbm_ui_1.Message.error('获取候选人信息失败'); });
+    }, [fetchCandidateInfo]);
+    (0, react_1.useEffect)(function () {
+        if (typeof customScore === 'number' && customScore > -1) {
+            setFeScore(customScore);
+        }
+        else {
+            setFeScore(score || 0);
+        }
+        if (!loading)
+            setOpenRefresh(false);
+    }, [customScore, score, loading]);
+    var durationSeconds = (0, react_1.useMemo)(function () { return (steps || []).reduce(function (acc, step) { var _a, _b; return acc + (((_b = (_a = step.answer) === null || _a === void 0 ? void 0 : _a.media) === null || _b === void 0 ? void 0 : _b.durationTime) || 0); }, 0); }, [steps]);
+    var durationText = (0, react_1.useMemo)(function () {
+        var m = Math.floor(durationSeconds / 60);
+        var s = durationSeconds % 60;
+        return "".concat(String(m).padStart(2, '0'), ":").concat(String(s).padStart(2, '0'));
+    }, [durationSeconds]);
+    var level = matchLevel(feScore);
+    var labelFile = level === 'high' ? 'high' : level === 'middle' ? 'mid' : 'low';
+    var showTags = ((_b = candidate === null || candidate === void 0 ? void 0 : candidate.tags) === null || _b === void 0 ? void 0 : _b.length) ? candidate.tags : (tags === null || tags === void 0 ? void 0 : tags.length) ? tags.map(function (t) { return ({ name: t.name, token: t.token }); }) : [];
+    var refreshContent = ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ padding: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", color: "secondary" }, { children: "\u5237\u65B0\u540E\u5C06\u6309\u6700\u65B0\u7B97\u5206\u89C4\u5219\u8BA1\u7B97\uFF0C\u662F\u5426\u786E\u8BA4\u5237\u65B0" })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: run }, { children: "\u5237\u65B0" })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-header", sx: {
+            backgroundColor: '#fff',
+            backgroundImage: v3AssetBase ? "url('".concat(v3AssetBase, "/01_background.png')") : undefined,
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '100% auto',
+            backgroundPosition: 'top center',
+        } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: {
+                    px: 3,
+                    pt: 2,
+                    pb: 1.5,
+                } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 1.5 }, { children: [v3AssetBase && (0, jsx_runtime_1.jsx)("img", { src: "".concat(v3AssetBase, "/02_logo.png"), alt: "", width: 18, height: 30 }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: {
+                                fontFamily: 'TBMCYXT, "Source Han Sans", sans-serif',
+                                fontWeight: 400,
+                                fontSize: 28,
+                                lineHeight: '39px',
+                                color: 'rgba(0,0,0,0.86)',
+                            } }, { children: "AI\u9762\u8BD5\u62A5\u544A" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(74,74,74,0.72)", sx: { ml: 1 } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", (0, dayjs_1.default)(createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: openRefresh, content: refreshContent, onClickAway: function () { return setOpenRefresh(false); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: function () { return setOpenRefresh(true); }, size: "small" }, { children: (0, jsx_runtime_1.jsx)(fbm_icons_1.RefreshIcon, { sx: { color: '#009908' } }) })) })))] })) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { px: 3, py: 2 } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 3 }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: 137, height: 170, borderRadius: 2, overflow: "hidden", flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", bgcolor: "#F2F5F3" }, { children: (candidate === null || candidate === void 0 ? void 0 : candidate.avatar) && !avatarErr ? ((0, jsx_runtime_1.jsx)("img", { src: candidate.avatar, alt: "", onError: function () { return setAvatarErr(true); }, style: { width: '100%', height: '100%', objectFit: 'cover' } })) : ((0, jsx_runtime_1.jsx)(DefaultAvatar, {})) })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ flex: "1 1 auto", minWidth: 0, sx: {
+                                background: '#FBFDFC',
+                                borderRadius: 2,
+                                px: 2,
+                                py: 1.5,
+                                border: '1px solid #EEF6F1',
+                                alignSelf: 'stretch',
+                                display: 'flex',
+                                flexDirection: 'column',
+                                justifyContent: 'center',
+                            } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 3 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ flex: "1 1 auto", minWidth: 0 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", fontWeight: "bold", sx: { fontSize: 18, color: 'rgba(0,0,0,0.86)' } }, { children: (candidate === null || candidate === void 0 ? void 0 : candidate.positionName) || '' })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", sx: { color: 'rgba(0,0,0,0.6)', mt: 0.5 } }, { children: [(candidate === null || candidate === void 0 ? void 0 : candidate.name) || '', " ", (candidate === null || candidate === void 0 ? void 0 : candidate.mobile) || ''] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.6)", mt: 1 }, { children: ["\u9762\u8BD5\u65F6\u957F\uFF1A", durationText] })), showTags && showTags.length > 0 && ((0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row", flexWrap: "wrap", gap: 1, mt: 1 }, { children: showTags.map(function (tag, i) {
+                                                    var color = tagColors[i % tagColors.length];
+                                                    return ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ px: 1.2, py: 0.3, borderRadius: 10, sx: { color: color.color, bgcolor: color.bg } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: tag.name })) }), tag.token || tag.name));
+                                                }) })))] })), (0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ alignItems: "flex-end", sx: { display: 'flex', flexDirection: 'column', alignItems: 'flex-end', minWidth: 160 } }, { children: [status === ai_report_2.INTERVIEW_STATUS.COMPLETED && v3AssetBase ? ((0, jsx_runtime_1.jsx)("img", { src: "".concat(v3AssetBase, "/label_").concat(labelFile, ".png"), alt: matchText(level), width: 134, height: 42 })) : ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { bgcolor: matchColor(level), px: 2, py: 0.75, borderRadius: 2, display: 'inline-flex', alignItems: 'center' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { color: '#fff', fontSize: 18, fontWeight: 600 } }, { children: status === ai_report_2.INTERVIEW_STATUS.COMPLETED ? matchText(level) : '计算中' })) }))), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "baseline", spacing: 0.5, mt: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.3)", fontWeight: 700 }, { children: "\u603B\u5206\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { fontFamily: 'TBMCYXT, sans-serif', fontWeight: 800, fontSize: 40, lineHeight: 1, color: matchColor(level) } }, { children: (0, utils_1.formatScore)(feScore) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.3)", fontWeight: 700 }, { children: "\u5206" }))] })), v3AssetBase && (0, jsx_runtime_1.jsx)("img", { src: "".concat(v3AssetBase, "/04_path.png"), alt: "", width: 110, height: 12 })] }))] })) }))] })) }))] })));
+};
+exports.default = V3Header;

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ScoreSlider_1 = __importDefault(require("./ScoreSlider"));
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var immutability_helper_1 = __importDefault(require("immutability-helper"));
+var react_1 = require("react");
+var Abilities = function (_a) {
+    var stepIndex = _a.stepIndex, disabledScore = _a.disabledScore;
+    var _b = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }), reportResult = _b.reportResult, updateReportResult = _b.updateReportResult, onScoreChange = _b.onScoreChange;
+    var steps = (reportResult || {}).steps;
+    var handleChangeCommitted = (0, react_1.useCallback)(function (score, index, type) {
+        var _a, _b;
+        if (disabledScore)
+            return;
+        var newSteps = (0, immutability_helper_1.default)(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 ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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 ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: name })), (0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { width: 604, disabledScore: disabledScore, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "".concat(disabledScore ? 'off' : 'auto'), onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
+                    }) }))] })));
+};
+exports.default = Abilities;

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

@@ -0,0 +1,61 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = require("./styled");
+var react_photo_view_1 = require("../../../../components/react-photo-view");
+require("../../../../components/react-photo-view/Photo");
+var PhotoPage_1 = __importDefault(require("../../../../components/react-photo-view/PhotoPage"));
+require("../../../../components/react-photo-view/PhotoSlider");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var BodyImages = function (_a) {
+    var reviewImgs = _a.reviewImgs;
+    var _b = __read((0, react_1.useState)(false), 2), visible = _b[0], setVisible = _b[1];
+    var _c = __read((0, react_1.useState)(0), 2), index = _c[0], setIndex = _c[1];
+    var handleSelected = (0, react_1.useCallback)(function (_, i) {
+        setIndex(i);
+        setVisible(true);
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(mui_1.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 ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 0.5, onClick: function () {
+                            setIndex(i);
+                            setVisible(true);
+                        } }, { children: [(0, jsx_runtime_1.jsx)(styled_1.Image, { src: url, alt: "" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", textAlign: "center" }, { children: title }))] }), url));
+                }) })), (0, jsx_runtime_1.jsx)(react_photo_view_1.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 ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { width: 1, position: 'absolute', bottom: 0, zIndex: 50 } }, { children: (0, jsx_runtime_1.jsx)(PhotoPage_1.default, { onSelected: handleSelected, images: images, index: index }) })));
+                } })] }));
+};
+exports.default = BodyImages;

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

@@ -0,0 +1,81 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_report_1 = require("../../../../services/ai-report");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("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((0, react_1.useState)(evaluation), 2), content = _c[0], setContent = _c[1];
+    var _d = __read((0, react_1.useState)('show'), 2), internalMode = _d[0], setInternalMode = _d[1];
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = (0, react_1.useCallback)(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var isValidate = (0, react_1.useMemo)(function () {
+        return content.trim().length > 0;
+    }, [content]);
+    var handleSubmit = (0, react_1.useCallback)(function () {
+        if (!isValidate)
+            return;
+        (0, fbm_ui_1.confirm)({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    flowStepToken: token,
+                    scoreManualEvaluation: content,
+                };
+                (0, ai_report_1.PostInterviewEvaluation)(data).then(handleModeChange).then(onClose).catch(console.error);
+            },
+        });
+    }, [isValidate, token, content, handleModeChange]);
+    (0, react_1.useEffect)(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 700, sx: { color: '#4caf50' } }, { children: title })) })), internalMode === 'edit' && ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: 1, pr: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, error: !isValidate, onChange: handleChange }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+                                    handleModeChange();
+                                    setContent(evaluation);
+                                } }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "body2", sx: {
+                    color: '#424242',
+                    whiteSpace: 'pre-wrap',
+                }, dangerouslySetInnerHTML: { __html: content } }))] }));
+};
+exports.default = Evaluate;

package/lib/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;