eli-video-interview 1.2.39 → 1.2.40-alpha.10

package/esm/modules/ai-question/components/QuestionUpdate/Score.js

@@ -0,0 +1,53 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { ScoreInput } from './styled';
+import { Typography } from 'fbm-ui';
+import { useField } from 'formik';
+/**
+ * 验证0-9的整数
+ */
+export var IS_INTEGER_REG = /^[0-9]\d*$/;
+/**
+ * 可输入最大分值
+ */
+export var MAX_SCORE_VALUE = 100;
+// rules={[({ value }) => VERIFICATION_SCORE(value as string)]}
+// sx={{ height: 'auto', widht: 84 }}
+// onChange={e => {
+//   const value = e.target.value;
+//   if (VERIFICATION_SCORE(value) || Number(value) > MAX_SCORE_VALUE || Number(value) < 1) {
+//     console.log('>>>>>>');
+//     return;
+//   }
+//   // onChange('options', [...(item?.options || []).map((v, index) => (i === index ? { ...v, score: Number(value) } : v))], index);
+// }}
+export var VERIFICATION_SCORE = function (value) { return (value ? !IS_INTEGER_REG.test(value) || Number(value) > MAX_SCORE_VALUE : false); };
+var Score = function (_a) {
+    var label = _a.label, props = __rest(_a, ["label"]);
+    // @ts-ignore
+    var _b = useField(props), field = _b[0], meta = _b[1], helpers = _b[2];
+    console.log(field, meta, helpers);
+    return (_jsx(_Fragment, { children: _jsx(ScoreInput, __assign({}, field, props, { size: "small", placeholder: "\u5206\u503C", endAdornment: _jsx(Typography, __assign({ variant: "caption" }, { children: "\u5206" })) })) }));
+};
+export default Score;

package/esm/modules/ai-question/components/QuestionUpdate/const.js

@@ -27,6 +27,8 @@ export var defaultQuestionParams = {
     weight: 0,
     token: '',
     originToken: '',
+    isOpenAIFollowUp: false,
+    enableScoreOptimization: false,
 };
 // 播报方式
 export var broadcastModeOptions = [
@@ -52,5 +54,7 @@ export var durationOptions = [
     { value: 30, label: '30s' },
     { value: 60, label: '1m' },
     { value: 180, label: '3m' },
+    { value: 300, label: '5m' },
+    { value: 600, label: '10m' },
     { value: 1200, label: '20m' },
 ];

package/esm/modules/ai-question/components/QuestionUpdate/index.js

@@ -56,12 +56,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { defaultQuestionParams } from './const';
 import Form from './Form';
+import { ADD_QUESTION_TYPE_SHOW_LIST, QUESTION_TYPE_TITLE_MAP } from "../../../../constants/ai-question";
+import { ADD_QUESTION_TYPE, QUESTION_TYPE } from "../../../../enum/ai-question";
 import { useQuestionCollectionListStore } from "../../../../store/ai-ability/question-ability-store";
 import ScrollDialogContent from "../../../../components/ScrollDialogContent";
-import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
 import { useAiAnalysisStore } from "../../../../store/ai-question/ai-analysis-store";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
@@ -93,18 +94,21 @@ var QuestionUpdate = function () {
         category: (item === null || item === void 0 ? void 0 : item.category) ? { label: (item === null || item === void 0 ? void 0 : item.category[0]) || '', value: (item === null || item === void 0 ? void 0 : item.category[0]) || '' } : { label: '', value: '' },
     };
     var CustomHeader = function () {
-        var content = (_jsxs(_Fragment, { children: [_jsx(MenuItem, __assign({ sx: { backgroundColor: aiShowType === ADD_QUESTION_TYPE.FREE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
-                        var _a;
-                        setSwitchTypeOpen(false);
-                        (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: defaultQuestionParams.broadcastType });
-                        updateQuestionState({ aiShowType: ADD_QUESTION_TYPE.FREE });
-                    } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u81EA\u7531\u4F5C\u7B54" })) })), _jsx(MenuItem, __assign({ sx: { backgroundColor: aiShowType === ADD_QUESTION_TYPE.LANGUAGE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
-                        var _a;
-                        setSwitchTypeOpen(false);
-                        (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: defaultQuestionParams.broadcastType });
-                        updateQuestionState({ aiShowType: ADD_QUESTION_TYPE.LANGUAGE });
-                    } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u6717\u8BFB\u9898" })) }))] }));
-        return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [_jsx(Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: aiShowType === ADD_QUESTION_TYPE.FREE ? '自由作答' : '朗读题' })), _jsx(Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: _jsx(Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
+        var content = ADD_QUESTION_TYPE_SHOW_LIST.map(function (_a) {
+            var title = _a.title, type = _a.type;
+            return (_jsx(MenuItem, __assign({ sx: { backgroundColor: aiShowType === type ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
+                    var _a;
+                    setSwitchTypeOpen(false);
+                    (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: defaultQuestionParams.broadcastType });
+                    if (type === ADD_QUESTION_TYPE.SINGLECHIOCE) {
+                        updateQuestionState({ aiShowType: type, item: __assign(__assign({}, item), { type: QUESTION_TYPE.SINGLECHIOCE }) });
+                    }
+                    else {
+                        updateQuestionState({ aiShowType: type });
+                    }
+                } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: title })) }), "question_type_".concat(type)));
+        });
+        return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [_jsx(Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: QUESTION_TYPE_TITLE_MAP[aiShowType] })), _jsx(Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: _jsx(Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
     };
     var getModelParams = useCallback(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
@@ -184,9 +188,23 @@ var QuestionUpdate = function () {
             }
         });
     }); }, [getModelParams, item, updateQuestionState]);
-    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
-        return [2 /*return*/, (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit()];
-    }); }); };
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, ((_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit())];
+                case 1:
+                    _b.sent();
+                    setTimeout(function () {
+                        var _a;
+                        if (Object.keys(((_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.errors()) || {}).length > 0) {
+                            Message.error('有必填项未填');
+                        }
+                    }, 200);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var handleSubmit = useCallback(function (values) { return __awaiter(void 0, void 0, void 0, function () {
         var _a, errorIndexes, params, _b, minResponseDuration, duration;
         return __generator(this, function (_c) {

package/esm/modules/ai-question/components/QuestionUpdate/interface.d.ts

@@ -1,12 +1,18 @@
 import { BaseAiAbilityParams, BaseExtraParams } from '@/modules/ai-question/interface';
+import type { FormikErrors } from 'formik';
 export interface VideoBroadcastParams {
     videoRetry?: number;
     videoUrl?: string;
     videoSkip?: number;
 }
+export interface Option {
+    content: string;
+    score: number;
+}
 export interface Question {
     content: string;
     videoUrl: string;
+    options?: Option[];
 }
 export interface QuestionParams {
     name: string;
@@ -20,6 +26,8 @@ export interface QuestionParams {
     minResponseDuration?: number;
     category?: string[];
     extra: BaseExtraParams;
+    isOpenAIFollowUp: boolean;
+    enableScoreOptimization: boolean;
     broadcastType: number;
     aiSwitch?: number;
     aiType: number;
@@ -67,11 +75,13 @@ export interface UpdateQuestionState {
 export interface FormRef {
     handleValues: () => QuestionFormValues;
     handleSubmit: () => void;
+    errors: () => FormikErrors<QuestionFormValues>;
     setFormValues: (values: Partial<QuestionFormValues>) => void;
 }
 export interface RandomQuestionProps {
     broadcastType: number;
     category: any;
+    aiShowType: number;
     onAddCustonQuestion?: () => void;
     onAddRandomQuestion?: (qs: string[]) => void;
 }

package/esm/modules/ai-question/components/QuestionUpdate/styled.d.ts

@@ -4,3 +4,18 @@ export declare const VideoPreviewWrapper: import("@emotion/styled").StyledCompon
 export declare const VideoPreviewMask: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VideoPreviewMaskContent: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VideoPreviewMaskIcon: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SmallSelect: import("@emotion/styled").StyledComponent<import("fbm-ui").SelectProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ScoreInput: import("@emotion/styled").StyledComponent<import("fbm-ui").BaseInputProps & import("@mui/material").OutlinedInputProps & import("@mui/material").InputProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChoiceIcon: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChoiceItem: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChoiceItemInput: import("@emotion/styled").StyledComponent<import("fbm-ui").BaseInputProps & import("@mui/material").OutlinedInputProps & import("@mui/material").InputProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-question/components/QuestionUpdate/styled.js

@@ -1,4 +1,4 @@
-import { styled } from 'fbm-ui';
+import { Box, Input, Select, styled } from 'fbm-ui';
 export var VideoPreview = styled('video')({
     width: '100%',
     height: '100%',
@@ -50,3 +50,58 @@ export var VideoPreviewMaskIcon = styled('div')({
         backgroundColor: 'rgba(0, 0, 0, 0.8)',
     },
 });
+export var SmallSelect = styled(Select)({
+    width: 62,
+    height: 32,
+    '& .MuiOutlinedInput-notchedOutline': {
+        border: 'none',
+    },
+});
+export var ScoreInput = styled(Input)({
+    width: 84,
+    flexShrink: 0,
+});
+export var ChoiceIcon = styled(Box)({
+    width: 16,
+    height: 16,
+    border: '1px solid rgba(0, 0, 0, 0.08)',
+    flexShrink: 0,
+});
+export var ChoiceItem = styled(Box)({
+    minHeight: 40,
+    display: 'flex',
+    alignItems: 'center',
+    paddingLeft: 16,
+    '& .choice-item-delete-icon': {
+        display: 'none',
+    },
+    '& .optionItemDragHandle': {
+        position: 'absolute',
+        left: -8,
+        cursor: 'move',
+        display: 'none',
+    },
+    '& .MuiFormHelperText-root': {
+        display: 'none',
+    },
+    '&:hover': {
+        '& .choice-item-delete-icon': {
+            display: 'inline-flex',
+        },
+        '& .optionItemDragHandle': {
+            display: 'block',
+        },
+    },
+});
+export var ChoiceItemInput = styled(Input)({
+    margin: '0 16px 0 12px',
+    fontSize: 14,
+    position: 'relative',
+    top: 0.5,
+    '&::after': {
+        bottom: '1px',
+    },
+    '&::before': {
+        display: 'none',
+    },
+});

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

@@ -70,7 +70,7 @@ var AiReportRoot = forwardRef(function (props, ref) {
         else {
             return (_jsxs(Box, { children: [_jsx(NotFinish, {}), (collection === null || collection === void 0 ? void 0 : collection.length) > 0 && _jsx(ScoreReport, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess }), (workplaces === null || workplaces === void 0 ? void 0 : workplaces.length) > 0 && _jsx(WorkPlaces, {}), (collection === null || collection === void 0 ? void 0 : collection.length) > 0 && _jsx(AIEvaluate, {}), _jsx(Suggestion, {}), _jsx(VideoQuestion, {})] }));
         }
-    }, [handleRefreshSuccess, onSendReminderClick, reminderSent, status, operableButtons, collection, workplaces]);
+    }, [handleRefreshSuccess, onSendReminderClick, customScore, reminderSent, status, operableButtons, collection, workplaces]);
     return (_jsx(Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '584px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));
 });
 AiReportRoot.displayName = 'AiReportRoot';

package/esm/modules/ai-report/components/ScoreReport/Score.js

@@ -29,9 +29,12 @@ var Score = function (_a) {
         if (typeof customScore === 'number' && customScore > -1) {
             setScore(customScore);
         }
+        else {
+            setScore(score || 0);
+        }
         if (!loading)
             setOpenRefresh(false);
-    }, [loading, customScore]);
+    }, [loading, customScore, score]);
     var content = (_jsxs(Box, __assign({ padding: 2 }, { children: [_jsx(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" })), _jsx(Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: _jsx(Button, __assign({ loading: loading, onClick: onRefresh }, { children: "\u5237\u65B0" })) }))] })));
     return (_jsxs(Box, __assign({ display: "flex", sx: { padding: '24px' } }, { children: [_jsx(RankingRange, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), _jsxs(Box, __assign({ flex: "1 0" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsxs(ScoreTypography, { children: [formatScore(feScore || 0), _jsx(ScoreUnitTypography, __assign({ variant: "caption" }, { children: "\u5206" }))] }), _jsx(Box, __assign({ width: 50, height: 50 }, { children: !!feScore && feScore >= 80 && _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/recommended.svg", alt: "" }) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && (_jsx(Button, __assign({ variant: "outlined", size: "small", icon: _jsx(DownloadIcon, {}), sx: { ml: 1 }, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), _jsxs(Box, __assign({ display: "flex", alignItems: "center", mt: 1 }, { children: [(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(RefreshIconRoot, { onClick: function () { return setOpenRefresh(true); } }) }))), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && (_jsx(Button, __assign({ variant: "text", size: "small", sx: { textDecoration: 'underline' }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] }))] })), _jsx(Box, __assign({ width: 200 }, { children: _jsx(Bar, {}) }))] })));
 };

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

@@ -16,11 +16,13 @@ import { Box, Typography } from 'fbm-ui';
 import update from 'immutability-helper';
 import { useCallback } from 'react';
 var Abilities = function (_a) {
-    var stepIndex = _a.stepIndex;
+    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 &&
@@ -30,11 +32,11 @@ var Abilities = function (_a) {
                 type: 2,
                 score: score,
             });
-    }, [stepIndex, reportResult, steps, updateReportResult, onScoreChange]);
+    }, [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: 420, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "auto", onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
+                        return (_jsxs(Box, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: name })), _jsx(ScoreSlider, { width: 420, disabledScore: disabledScore, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "".concat(disabledScore ? 'off' : 'auto'), onChangeCommitted: function (score) { return handleChangeCommitted(score, index, 'ability'); } })] }, name));
                     }) }))] })));
 };
 export default Abilities;

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

@@ -0,0 +1,40 @@
+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, 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 = useState(false), visible = _b[0], setVisible = _b[1];
+    var _c = useState(0), 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/components/VideoQuestion/QuestionItem.js

@@ -11,9 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Abilities from './Abilities';
+import BodyImages from './BodyImages';
 import ScoreSlider from './ScoreSlider';
+import SingleChoice from './SingleChoice';
 import { QuestionDesc } from './styled';
-import { QUESTION_TYPE } from "../../../../enum/ai-question";
+import { ADD_QUESTION_TYPE, 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";
@@ -25,7 +27,7 @@ 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;
+    var token = props.token, reviewImgs = props.reviewImgs, followupQuestion = props.followupQuestion, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
     var _d = useState(false), showAbilities = _d[0], setShowAbilities = _d[1];
     var _e = useAiReportStore(function (store) { return [store.reportResult, store.stepToken, store.operableButtons, store.showAbilitiesDetails]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
     var steps = (reportResult || {}).steps;
@@ -34,6 +36,7 @@ var QuestionItem = function (props) {
     var isShowAbilitiesButton = abilities.length > 0 && isAbilities && !showAbilitiesDetails;
     var isShowWeight = abilities.length === 0 || showAbilities || !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 (_jsx(Typography, __assign({ variant: "caption", color: theme.palette.primary.main, fontSize: 16, fontWeight: 500 }, { children: formatScore(score) })));
@@ -65,6 +68,8 @@ var QuestionItem = function (props) {
     }, [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 &&
@@ -73,7 +78,7 @@ var QuestionItem = function (props) {
                 type: 1,
                 score: score,
             });
-    }, [index, reportResult, steps, updateReportResult, onScoreChange]);
+    }, [index, reportResult, steps, updateReportResult, onScoreChange, isSingleChoice]);
     var handleClickItem = useCallback(function (e) {
         e.stopPropagation();
         if (videoUrl) {
@@ -86,6 +91,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", 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));
+        }, 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(BodyImages, { reviewImgs: reviewImgs }), _jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [isSingleChoice && _jsx(SingleChoice, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), _jsx(Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestion && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.desc) })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.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, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice })] }), token));
 };
 export default QuestionItem;

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

@@ -16,13 +16,13 @@ import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Tooltip, Typography } from 'fbm-ui';
 import { useCallback, useEffect, useState } from 'react';
 var ScoreSlider = function (props) {
-    var _a = props.width, width = _a === void 0 ? 320 : _a, originScore = props.originScore, finalScore = props.finalScore, _b = props.valueLabelDisplay, valueLabelDisplay = _b === void 0 ? 'on' : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? false : _c, _d = props.isShowScoreRank, isShowScoreRank = _d === void 0 ? false : _d, onChangeCommitted = props.onChangeCommitted;
+    var _a = props.width, width = _a === void 0 ? 320 : _a, originScore = props.originScore, finalScore = props.finalScore, _b = props.valueLabelDisplay, valueLabelDisplay = _b === void 0 ? 'on' : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? false : _c, _d = props.isShowScoreRank, isShowScoreRank = _d === void 0 ? false : _d, onChangeCommitted = props.onChangeCommitted, _e = props.disabledScore, sliderDisabledScore = _e === void 0 ? false : _e;
     var aiScore = originScore.toFixed(0);
-    var _e = useState(0), score = _e[0], setScore = _e[1];
+    var _f = useState(0), score = _f[0], setScore = _f[1];
     var disabledScore = useAiReportStore(function (store) { return [store.disabledScore, store.scoreRankIntervals]; }).disabledScore;
     var handleScoreChange = useCallback(function (e, v) {
-        !disabledScore && setScore(v);
-    }, [disabledScore]);
+        !disabledScore && !sliderDisabledScore && setScore(v);
+    }, [disabledScore, sliderDisabledScore]);
     useEffect(function () {
         setScore(Number(finalScore.toFixed(0)));
     }, [finalScore]);

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

@@ -17,6 +17,6 @@ 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({ id: "report-question", 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" })) }))] })));
+    return (_jsxs(Box, __assign({ id: "report-question", component: Paper, p: 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/VideoQuestion/interface.d.ts

@@ -4,6 +4,7 @@ export interface ScoreSliderProps extends Pick<ScoreInfo, 'originScore' | 'final
     valueLabelDisplay?: 'on' | 'off' | 'auto';
     isShowLabel?: boolean;
     isShowScoreRank?: boolean;
+    disabledScore?: boolean;
     onChangeCommitted: (score: number) => void;
 }
 export interface QuestionItemProps extends AiInterviewReportStep {
@@ -11,4 +12,5 @@ export interface QuestionItemProps extends AiInterviewReportStep {
 }
 export interface AbilitiesProps {
     stepIndex: number;
+    disabledScore?: boolean;
 }

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

@@ -69,3 +69,4 @@ export declare const AiScoreRoot: import("@emotion/styled").StyledComponent<impo
 export declare const RankingRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
 } & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -57,7 +57,7 @@ export var QuestionDesc = styled(Box)({
     position: 'relative',
     borderRadius: 2,
     marginTop: 16,
-    '& .MuiSvgIcon-root': {
+    '& >.MuiSvgIcon-root': {
         position: 'absolute',
         left: 8,
         top: -12,
@@ -89,3 +89,9 @@ export var RankingRoot = styled(Box)({
         boxShadow: '0px 0px 4px 0px rgba(0 0 0 / 50%)',
     },
 });
+export var Image = styled('img')({
+    width: 48,
+    height: 84,
+    borderRadius: 4,
+    objectFit: 'contain',
+});

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

@@ -1,15 +1,22 @@
 import { ScoreRankInterval, ScoreRankIntervals } from './components/RankingRange/interface';
+import { ADD_QUESTION_TYPE } from '@@/src/enum/ai-question';
 export interface AiModel {
     token: string;
     name: string;
 }
+export interface Option {
+    content: string;
+    score: string;
+}
 export interface Question {
     token: string;
     name: string;
     desc: string;
     duration: number;
     type: number;
+    aiShowType: ADD_QUESTION_TYPE;
     category: string[];
+    options?: Option[];
 }
 export interface Collection {
     name: string;
@@ -33,6 +40,7 @@ export interface AnalysisResult {
     words?: any;
     score1?: number;
     score2?: number;
+    selected?: number[];
 }
 export interface Answer {
     videoUrl: string;
@@ -89,6 +97,15 @@ export interface Suggestion {
     show: boolean;
     abilitys: SuggestionAbility[];
 }
+export interface ReviewImg {
+    url: string;
+    step: number;
+    title: string;
+}
+export interface FollowupQuestion {
+    desc: string;
+    answer: string;
+}
 export interface AiInterviewReportStep {
     token: string;
     status: number;
@@ -96,6 +113,8 @@ export interface AiInterviewReportStep {
     answer: Answer;
     scoreInfo: ScoreInfo;
     aiEvaluation: AiEvaluation;
+    reviewImgs: ReviewImg[];
+    followupQuestion?: FollowupQuestion;
 }
 export interface FaceAnalysis {
     age: number;