eli-video-interview 1.2.36 → 1.2.37-beta.0

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

@@ -18,24 +18,29 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CustomUploadButtonRoot, CustomUploadCardRoot, CustomUploadCardTitle, CustomUploadedImgRoot } from './styled';
 import ScrollDialogContent from "../../../../components/ScrollDialogContent";
 import SvgIcon from "../../../../components/SvgIcon";
-import { DEFAULT_GUIDE_VIDEO } from "../../../../constants/ai-question";
-import { PostCommonUpload } from "../../../../services/ai-question";
+import { DEFAULT_GUIDE_VIDEO, DEFAULT_VITUAL_HUMAN_LIST } from "../../../../constants/ai-question";
+import { GetAiInterviewerProfileList, PostCommonUpload } from "../../../../services/ai-question";
 import { useBootVideoStore } from "../../../../store/ai-question/boot-video-store";
+import { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
 import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
 import { useRequest, useSetState } from 'ahooks';
-import { AddIcon, Box, Button, Checkbox, Dialog, InfoIcon, Message, Tooltip, Typography, Upload } from 'fbm-ui';
-import { Divider } from 'fbm-ui/lib/mui';
+import { AddIcon, Box, Button, Checkbox, Dialog, Message, Radio, RadioGroup, Typography, Upload } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
 import { useCallback, useEffect, useState } from 'react';
 var BootVideo = function (props) {
+    var _a;
     var open = props.open, onClose = props.onClose;
-    var _a = useBootVideoStore(), mediaUrl = _a.mediaUrl, thumbUrl = _a.thumbUrl, updateBootVideo = _a.updateBootVideo;
-    var _b = useState(DEFAULT_GUIDE_VIDEO), mediaList = _b[0], setMediaList = _b[1];
-    var _c = useSetState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), mediaState = _c[0], setMediaState = _c[1];
-    var _d = useRequest(PostCommonUpload, {
+    var _b = useInterviewRoomStore(), interactType = _b.interactType, aiInterviewerProfile = _b.aiInterviewerProfile, updateInterviewRoom = _b.updateInterviewRoom;
+    var _c = useState({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile }), interviewRoomState = _c[0], setInterviewRoomState = _c[1];
+    var _d = useState(DEFAULT_VITUAL_HUMAN_LIST), virtualManList = _d[0], setVirtualManList = _d[1];
+    var _e = useBootVideoStore(), mediaUrl = _e.mediaUrl, thumbUrl = _e.thumbUrl, updateBootVideo = _e.updateBootVideo;
+    var _f = useState(DEFAULT_GUIDE_VIDEO), mediaList = _f[0], setMediaList = _f[1];
+    var _g = useSetState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), mediaState = _g[0], setMediaState = _g[1];
+    var _h = useRequest(PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
@@ -50,13 +55,33 @@ var BootVideo = function (props) {
             ]);
             setMediaState({ mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
         },
-    }), loading = _d.loading, postCommonUpload = _d.run;
+    }), loading = _h.loading, postCommonUpload = _h.run;
+    var getAiInterviewerProfileList = useRequest(GetAiInterviewerProfileList, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            setVirtualManList(list);
+        },
+    }).run;
     var handleSelectVideo = useCallback(function (mediaUrl, thumbUrl) {
         setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
     }, [setMediaState]);
+    var handleInteractTypeChange = useCallback(function (e) {
+        var value = Number(e.target.value);
+        if (value === 1) {
+            setInterviewRoomState({ interactType: value });
+        }
+        else {
+            setInterviewRoomState({ interactType: value, aiInterviewerProfile: interviewRoomState.aiInterviewerProfile });
+        }
+    }, [setInterviewRoomState, interviewRoomState]);
+    var handleSelectHumanType = useCallback(function (value) {
+        setInterviewRoomState({ interactType: interviewRoomState.interactType, aiInterviewerProfile: value });
+    }, [setInterviewRoomState, interviewRoomState]);
     var handleOk = function () {
         console.log(mediaState);
         updateBootVideo(mediaState);
+        updateInterviewRoom(interviewRoomState);
         onClose();
     };
     var uploadProps = {
@@ -76,19 +101,10 @@ var BootVideo = function (props) {
                 postCommonUpload(formData);
             }
         },
-        // onChange: ({ file }: any) => {
-        //   console.log('onChange', file);
-        //   if (isExceedMaxVideoFileSize(file.size)) {
-        //     Message.error('视频大小超过500M，请重新上传！');
-        //   } else {
-        //     const formData = new FormData();
-        //     formData.append('files', file.originFileObj);
-        //     postCommonUpload(formData);
-        //   }
-        // },
     };
     useEffect(function () {
         if (open) {
+            getAiInterviewerProfileList();
             setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
             if (mediaUrl && thumbUrl && mediaUrl !== mediaList[0].videoUrl) {
                 setMediaList(__spreadArray(__spreadArray([], mediaList, true), [
@@ -105,9 +121,12 @@ var BootVideo = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return (_jsx(Dialog, __assign({ open: open, title: "\u66F4\u6362\u5F15\u5BFC\u89C6\u9891", onClose: onClose, onOk: handleOk }, { children: _jsx(ScrollDialogContent, { children: _jsxs(Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto' } }, { children: [(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? (_jsx(Box, __assign({ loading: loading, sx: { width: 180, height: 330, margin: '0 auto', cursor: 'pointer' } }, { children: _jsx("video", { width: 180, height: 330, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : (_jsx(Upload, __assign({}, uploadProps, { children: _jsxs(CustomUploadCardRoot, { children: [_jsxs(CustomUploadCardTitle, { children: [_jsx(SvgIcon, { name: "video" }), _jsx(Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), _jsx(Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))), _jsxs(CustomUploadButtonRoot, { children: [_jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })), _jsx(Tooltip, __assign({ title: "\u8BF7\u52FF\u4E0A\u4F20\u8272\u60C5\u53CA\u53CD\u52A8\u8FDD\u89C4\u89C6\u9891\uFF0C\u5EFA\u8BAE\u4F7F\u7528360\u6D4F\u89C8\u5668\u3002 \u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm\uFF0C\u652F\u6301\u7F16\u7801\u683C\u5F0F\uFF1AH.264\u3001HEV4\u3001 MPRG-4\u3001VP9" }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: 8 } }, { children: _jsx(InfoIcon, { sx: { fontSize: 18, color: 'rgb(118, 118, 118)' } }) })) }))] }), _jsx(Divider, {}), _jsx(CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
-                            var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
-                            return (_jsx("img", { src: frameUrl, height: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? 70 : 64, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
-                        }) }), _jsx(Divider, {}), _jsx(Box, __assign({ ml: 0.5 }, { children: _jsx(Checkbox, { checked: mediaState.appliedAllPosition, label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] })) }) })));
+    return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u4FDD\u5B58", onClose: onClose, onOk: handleOk, width: 768 }, { children: _jsx(ScrollDialogContent, { children: _jsxs(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), _jsxs(RadioGroup, __assign({ defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [_jsx(Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), _jsx(Radio, { value: 2, label: "AI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F" })] })), interviewRoomState.interactType === 2 && (_jsxs(_Fragment, { children: [_jsxs(Typography, __assign({ variant: "body1", fontWeight: 500, mt: 3, mb: 1 }, { children: ["\u9762\u8BD5\u5B98\u5F62\u8C61", _jsx(Typography, __assign({ variant: "caption", ml: 1, color: "disabled" }, { children: "\u76EE\u524D\u53EA\u6709\u5C0F\u9762\u53EF\u652F\u6301\u5BF9\u9898\u76EE\u8FFD\u95EE\uFF0C\u5176\u4ED6\u5F62\u8C61\u6682\u4E0D\u652F\u6301\u8FFD\u95EE" }))] })), _jsx(CustomUploadedImgRoot, { children: virtualManList.map(function (human) {
+                                            var _a;
+                                            return (_jsxs(Box, { children: [_jsx("img", { src: human.virtualHumanAvatar, style: { borderColor: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanToken) === human.humanToken ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken));
+                                        }) })] })), interviewRoomState.interactType === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500, mt: 3, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
+                                            var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
+                                            return (_jsx("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
+                                        }) }), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", width: 344, color: "text.disabled", mb: 1 }, { children: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm" })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsx(CustomUploadButtonRoot, { children: _jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })) }), _jsx(Box, __assign({ ml: 2 }, { children: _jsx(Checkbox, { checked: mediaState.appliedAllPosition, label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] }))] }))] }), interviewRoomState.interactType === 1 && (_jsx(Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? (_jsx(Box, __assign({ loading: loading, sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: _jsx("video", { width: 160, height: 286, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : (_jsx(Upload, __assign({}, uploadProps, { children: _jsxs(CustomUploadCardRoot, { children: [_jsxs(CustomUploadCardTitle, { children: [_jsx(SvgIcon, { name: "video" }), _jsx(Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), _jsx(Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))) }))), interviewRoomState.interactType === 2 && (_jsx(Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: _jsx(Box, __assign({ sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: _jsx("video", { width: 160, height: 286, src: (_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.virtualPreviewMedia, controls: true }) })) })))] })) }) })));
 };
 export default BootVideo;

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

@@ -30,18 +30,19 @@ export var CustomUploadButtonRoot = styled(Box)({
     margin: '8px 0',
 });
 export var CustomUploadedImgRoot = styled(Box)({
-    minHeight: 70,
+    minHeight: 100,
     display: 'flex',
     flexWrap: 'wrap',
     alignItems: 'center',
     padding: '8px 0',
     boxSizing: 'content-box',
     '& img': {
-        width: 36,
+        boxSizing: 'border-box',
+        width: 56,
         objectFit: 'cover',
-        transition: 'all 0.3s ease 0s',
+        // transition: 'all 0.3s ease 0s',
         cursor: 'pointer',
-        border: '1px solid rgb(237, 237, 237)',
+        border: '2px solid transparent',
         borderRadius: 4,
         marginRight: 4,
     },

package/esm/modules/ai-question/components/QuestionModel/AutoCombine.d.ts

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

package/esm/modules/ai-question/components/QuestionModel/AutoCombine.js

@@ -0,0 +1,19 @@
+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 { Button, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+var AutoCombine = function (_a) {
+    var onAutoCombine = _a.onAutoCombine;
+    return (_jsx(Stack, { children: _jsxs(Stack, __assign({ width: 210, alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u6682\u65E0\u9898\u76EE" })), _jsxs(Typography, __assign({ textAlign: "center", variant: "caption", color: "text.disabled", mb: 2 }, { children: ["\u70B9\u51FB\u300CAI\u81EA\u52A8\u7EC4\u9898\u300D\u6309\u94AE", _jsx("br", {}), "\u53EF\u6839\u636E\u60A8\u9009\u62E9\u7684\u80FD\u529B\u5B9E\u73B0\u4E00\u952E\u7EC4\u9898"] })), _jsx(Button, __assign({ onClick: onAutoCombine }, { children: "AI\u81EA\u52A8\u7EC4\u9898" }))] })) }));
+};
+export default AutoCombine;

package/esm/modules/ai-question/components/QuestionModel/Header.js

@@ -9,15 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Button, InfoOutlineIcon, Tooltip, Typography, VideocamOutlineIcon } from 'fbm-ui';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { getSecondToTime } from "../../../../utils/utils";
-import BootVideo from '../BootVideo';
+import { Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
 var QuestionHeader = function () {
     var questionModelData = useQuestionModelStore().questionModelData;
-    var _a = useState(false), bootVideoOpen = _a[0], setBootVideoOpen = _a[1];
-    return (_jsxs(Box, __assign({ width: "100%", display: "flex" }, { children: [_jsx(BootVideo, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), questionModelData && (_jsxs(_Fragment, { children: [_jsxs(Box, __assign({ flex: "1 0" }, { children: [_jsx(Typography, __assign({ variant: "body1", weight: "500", mb: 1 }, { children: _jsxs(Typography, __assign({ color: "secondary", variant: "caption" }, { children: ["\u9884\u8BA1\u9762\u8BD5\u65F6\u957F\uFF1A", getSecondToTime((questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.duration) || 0)] })) })), _jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u62D6\u52A8\u8BD5\u9898\u5361\u7247\u53EF\u6539\u53D8\u8BD5\u9898\u987A\u5E8F" }))] })), _jsxs(Box, __assign({ width: 200, textAlign: "right" }, { children: [_jsx(Button, __assign({ icon: _jsx(VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsxs(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "end", sx: { mt: '6px' } }, { children: [_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "AI\u6D4B\u8BC4\u6743\u91CD" })), _jsx(Tooltip, __assign({ title: "AI\u6D4B\u8BC4\u9898\u53EF\u4EE5\u8BBE\u7F6E\u6743\u91CD\uFF0C\u7CFB\u7EDF\u5BF9\u5019\u9009\u4EBA\u89C6\u9891\u9762\u8BD5\u7ED3\u679C\u4F1A\u52A0\u5165\u6743\u91CD\u8FDB\u884C\u8BA1\u7B97\uFF0C\u5F97\u51FAAI\u89C6\u9891\u9762\u8BD5\u5F97\u5206\u3002\u8BBE\u7F6E\u540E5\u5206\u949F\u8D77\u6548" }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '4px' } }, { children: _jsx(InfoOutlineIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.56)' } }) })) }))] }))] }))] }))] })));
+    if (!questionModelData)
+        return null;
+    return (_jsxs(Stack, __assign({ width: "100%", direction: "row", spacing: 2, alignItems: "center" }, { children: [_jsxs(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: ["\u9884\u8BA1\u9762\u8BD5\u65F6\u957F\uFF1A", getSecondToTime((questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.duration) || 0)] })), _jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u62D6\u52A8\u8BD5\u9898\u5361\u7247\u53EF\u6539\u53D8\u8BD5\u9898\u987A\u5E8F" }))] })));
 };
 export default QuestionHeader;

package/esm/modules/ai-question/components/QuestionModel/Interactive.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface InteractiveProps {
+    mode: 'Traditional' | 'Chat';
+}
+declare const Interactive: React.FC<InteractiveProps>;
+export default Interactive;

package/esm/modules/ai-question/components/QuestionModel/Interactive.js

@@ -0,0 +1,26 @@
+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 BootVideo from '../BootVideo';
+import { Button, Typography, VideocamOutlineIcon } from 'fbm-ui';
+import { Paper, Stack } from 'fbm-ui/lib/mui';
+import { useState } from 'react';
+var InteractiveModes = {
+    Traditional: '传统读题模式',
+    Chat: 'AI面试官对话模式',
+};
+var Interactive = function (_a) {
+    var mode = _a.mode;
+    var _b = useState(false), bootVideoOpen = _b[0], setBootVideoOpen = _b[1];
+    return (_jsxs(_Fragment, { children: [_jsx(BootVideo, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), _jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", component: Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[mode]) })), _jsx(Button, __assign({ icon: _jsx(VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
+};
+export default Interactive;

package/esm/modules/ai-question/components/QuestionModel/Item.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { QuestionModelListItemProps } from './interface';
-import React from 'react';
-declare const _default: React.NamedExoticComponent<QuestionModelListItemProps>;
+declare const _default: import("react").NamedExoticComponent<QuestionModelListItemProps>;
 export default _default;

package/esm/modules/ai-question/components/QuestionModel/Item.js

@@ -20,17 +20,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DISABLED_REPEAT_TYPE, IS_AI_ANALYSIS, TEST_TYPE_READONLY } from "../../../../constants/ai-question";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
 import { getSecondToTime } from "../../../../utils/utils";
-import { Box, Chip, confirm, DeleteIcon, DragIndicatorIcon, EditIcon, IconButton, Input, Switch, Tooltip, Typography } from 'fbm-ui';
-import { Paper } from 'fbm-ui/lib/mui';
-import { memo, useCallback } from 'react';
+import { Box, Chip, confirm, DeleteIcon, DragIndicatorIcon, EditIcon, IconButton, InfoIcon, Input, Switch, Tooltip, Typography } from 'fbm-ui';
+import { Paper, Stack } from 'fbm-ui/lib/mui';
+import { memo, useCallback, useMemo } from 'react';
 var QuestionModelListItem = function (props) {
     var index = props.index, disabledWeight = props.disabledWeight, steps = props.steps, step = __rest(props, ["index", "disabledWeight", "steps"]);
-    var token = step.token, name = step.name, desc = step.desc, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category;
+    var token = step.token, name = step.name, questions = step.questions, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category;
     var isAiAnalysis = IS_AI_ANALYSIS(step);
     var _a = useQuestionModelStore(), editModel = _a.editModel, removeModel = _a.removeModel, updateModelWeight = _a.updateModelWeight;
     var updateQuestionState = useUpdateQuestionStore().updateQuestionState;
@@ -64,11 +64,16 @@ var QuestionModelListItem = function (props) {
         }
     }, [updateModelWeight, index]);
     var handleAnswerStatus = useCallback(function () {
-        console.log(answerStatus);
         editModel(__assign(__assign({}, step), { answerStatus: answerStatus === 2 ? 1 : 2 }), index);
     }, [editModel, answerStatus, step, index]);
-    return (_jsxs(Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [_jsxs(Box, __assign({ display: "flex", borderBottom: isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: [_jsx(Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: _jsx(DragIndicatorIcon, { className: "dragHandle" }) })), _jsxs(Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [_jsxs(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) {
+    var formatQuestion = useMemo(function () {
+        if ((questions === null || questions === void 0 ? void 0 : questions.length) > 1) {
+            return (_jsxs(Stack, __assign({ direction: "row", spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "#F5C441", flexShrink: 0, fontWeight: 500 }, { children: "[\u5185\u5BB9\u968F\u673A]" })), _jsx(Stack, __assign({ spacing: 1 }, { children: questions.map(function (v, index) { return (_jsxs(Typography, __assign({ variant: "body2", color: "text.secondary" }, { children: ["\u2022\u00A0", v.content] }), index)); }) }))] })));
+        }
+        return questions.map(function (v) { return v.content; }).join('\n');
+    }, [questions]);
+    return (_jsxs(Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [_jsxs(Box, __assign({ display: "flex", borderBottom: !DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: [_jsx(Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: _jsx(DragIndicatorIcon, { className: "dragHandle" }) })), _jsxs(Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [_jsxs(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) {
                                                 return label && (_jsx(Tooltip, __assign({ title: "".concat(label), placement: "bottom" }, { children: _jsx(Chip, { color: "default", label: label, size: "medium", sx: { ml: 1, maxWidth: '158px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } }, label) })));
-                                            }), aiType === 2 && _jsx(Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } }), _jsx(Typography, __assign({ sx: { ml: 2 }, variant: "body2", color: "secondary" }, { children: getSecondToTime(Number(duration)) }))] })), _jsxs(Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!TEST_TYPE_READONLY.includes(type) && (_jsx(IconButton, __assign({ size: "small", onClick: handleEdit }, { children: _jsx(EditIcon, {}) }))), _jsx(IconButton, __assign({ size: "small", onClick: handleRemove }, { children: _jsx(DeleteIcon, {}) }))] }))] })), _jsxs(Box, __assign({ mt: 1, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: desc })), !DISABLED_REPEAT_TYPE.includes(type) && (_jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }))] }))] }))] })), isAiAnalysis && (_jsxs(Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), _jsx(Input, { sx: { width: 82 }, size: "small", value: weight, endAdornment: "%", disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur })] })))] })));
+                                            }), aiType === 2 && _jsx(Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } })] })), _jsxs(Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!TEST_TYPE_READONLY.includes(type) && (_jsx(IconButton, __assign({ size: "small", onClick: handleEdit }, { children: _jsx(EditIcon, {}) }))), _jsx(IconButton, __assign({ size: "small", onClick: handleRemove }, { children: _jsx(DeleteIcon, {}) }))] }))] })), _jsxs(Box, __assign({ mt: 1, pr: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: formatQuestion })), _jsxs(Typography, __assign({ sx: { ml: 2, flexShrink: 0 }, variant: "caption", color: "secondary", alignSelf: "flex-end" }, { children: ["\u56DE\u7B54\u65F6\u957F:\u00A0", getSecondToTime(Number(duration))] }))] }))] }))] })), (!DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis) && (_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1, height: 42 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: isAiAnalysis && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), _jsx(Input, { sx: { width: 92 }, size: "small", value: weight, endAdornment: _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "%" })), disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur }), _jsx(Tooltip, __assign({ title: "AI\u6D4B\u8BC4\u9898\u53EF\u4EE5\u8BBE\u7F6E\u6743\u91CD\uFF0C\u7CFB\u7EDF\u5BF9\u5019\u9009\u4EBA\u89C6\u9891\u9762\u8BD5\u7ED3\u679C\u4F1A\u52A0\u5165\u6743\u91CD\u8FDB\u884C\u8BA1\u7B97\uFF0C\u5F97\u51FAAI\u89C6\u9891\u9762\u8BD5\u5F97\u5206\u3002\u8BBE\u7F6E\u540E5\u5206\u949F\u8D77\u6548" }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.26)' } }) })) }))] })) })), !DISABLED_REPEAT_TYPE.includes(type) && (_jsx(Stack, __assign({ direction: "row" }, { children: _jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }) })))] })))] })));
 };
 export default memo(QuestionModelListItem);

package/esm/modules/ai-question/components/QuestionModel/List.js

@@ -10,23 +10,45 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { Box, Empty } from 'fbm-ui';
-import { arrayMoveImmutable } from 'array-move';
-import Sortable from 'sortablejs';
+import { defaultQuestionParams } from '../QuestionUpdate/const';
+import AutoCombine from './AutoCombine';
+import QuestionModelListItem from './Item';
+import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
+import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
+import { uniqueId } from "../../../../utils/utils";
 import { IS_AI_ANALYSIS } from "../../../../constants/ai-question";
+import { LANGUAGE_TYPE } from "../../../../enum/ai-question";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
-import QuestionModelListItem from './Item';
+import { arrayMoveImmutable } from 'array-move';
+import { Box } from 'fbm-ui';
+import { useCallback, useEffect, useRef } from 'react';
+import Sortable from 'sortablejs';
+var LANGUAGE_TYPE_LIST = [LANGUAGE_TYPE.MANDARIN, LANGUAGE_TYPE.CANTONESE, LANGUAGE_TYPE.JAPANESE, LANGUAGE_TYPE.ENGLISH];
 var QuestionModelList = function () {
     var ref = useRef();
     var sortable = useRef();
-    var _a = useQuestionModelStore(), questionModelData = _a.questionModelData, updateModel = _a.updateModel;
-    var _b = (questionModelData || {}).steps, steps = _b === void 0 ? [] : _b;
+    var _a = useQuestionModelStore(), questionModelData = _a.questionModelData, updateModel = _a.updateModel, addModel = _a.addModel;
+    var _b = useAiAbilityListStore(), selctedAbilitys = _b.selctedAbilitys, aiAbilityList = _b.aiAbilityList;
+    var aiEvaluationData = useQuestionTemplateStore(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
+    var _c = (questionModelData || {}).steps, steps = _c === void 0 ? [] : _c;
     var lastAiTestIndex = 0;
     steps.forEach(function (step, i) {
         if (IS_AI_ANALYSIS(step))
             lastAiTestIndex = i;
     });
+    var getQuestionStep = function (item) { return (__assign(__assign(__assign({}, defaultQuestionParams), item), { aiAbilities: item.aiAbilities.filter(function (_a) {
+            var type = _a.type;
+            return !LANGUAGE_TYPE_LIST.includes(type);
+        }), uniqueId: uniqueId(), originToken: item.token })); };
+    var handleUseQuestion = useCallback(function (items) {
+        addModel(items.map(getQuestionStep));
+    }, [addModel]);
+    var handleAutoCombine = useCallback(function () {
+        var combineTokens = selctedAbilitys.length > 0 ? selctedAbilitys : aiAbilityList.filter(function (v) { return v.isAI; }).map(function (item) { return item.token; });
+        console.log(combineTokens);
+        var random = aiEvaluationData[0].list.filter(function (item) { return combineTokens === null || combineTokens === void 0 ? void 0 : combineTokens.includes(item === null || item === void 0 ? void 0 : item.token); }).map(function (v) { return v.list; }) || [];
+        handleUseQuestion(random.map(function (item) { return (__assign(__assign({}, item[Math.floor(Math.random() * item.length)]), { weight: (100 / combineTokens.length).toFixed(2) })); }));
+    }, [aiAbilityList, aiEvaluationData, handleUseQuestion, selctedAbilitys]);
     useEffect(function () {
         if (steps) {
             sortable.current && sortable.current.destroy();
@@ -42,6 +64,6 @@ var QuestionModelList = function () {
     }, [questionModelData, updateModel, steps]);
     return (_jsx(Box, __assign({ width: "100%", sx: steps.length > 0 ? {} : { height: 'calc(100% - 100px)', display: 'flex', alignItems: 'center', justifyContent: 'center' }, ref: ref }, { children: steps.length > 0 ? (steps.map(function (item, index) {
             return (_jsx(QuestionModelListItem, __assign({ steps: steps, index: index, disabledWeight: index === lastAiTestIndex }, item), item.uniqueId || item.token));
-        })) : (_jsx(Empty, { desc: "\u6682\u65E0\u6570\u636E" })) })));
+        })) : (_jsx(AutoCombine, { onAutoCombine: handleAutoCombine })) })));
 };
 export default QuestionModelList;

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

@@ -12,9 +12,11 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { defaultQuestionParams } from '../QuestionUpdate/const';
 import QuestionModelHeader from './Header';
+import Interactive from './Interactive';
 import QuestionModelList from './List';
 import Skeleton from './Skeleton';
 import { QuestionModelRoot } from './styled';
+import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
 import { PostAiModelDetails } from "../../../../services/ai-question";
 import { useAiQuestionStore } from "../../../../store/ai-question/global-store";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
@@ -26,11 +28,13 @@ var Question = function () {
     var _a = useAiQuestionStore(function (store) { return [store.token, store.name, store.templateList]; }), token = _a.token, name = _a.name, templateList = _a.templateList, onLoad = _a.onLoad;
     var aiEvaluationData = useQuestionTemplateStore(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
     var _b = useQuestionModelStore(function (store) { return [store.questionModelData]; }), questionModelData = _b.questionModelData, updateModel = _b.updateModel, addModel = _b.addModel;
+    var setSelctedAbilitys = useAiAbilityListStore().setSelctedAbilitys;
     var _c = useRequest(function () { return PostAiModelDetails(token); }, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
             updateModel(data);
+            setSelctedAbilitys((data === null || data === void 0 ? void 0 : data.selectAbilities) || []);
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(data.steps);
         },
     }), postAiModelDetails = _c.run, loading = _c.loading;
@@ -66,6 +70,6 @@ var Question = function () {
             }
         }
     }, [token, aiEvaluationData, questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps, templateList, addModel]);
-    return (_jsx(QuestionModelRoot, { children: loading ? (_jsx(Skeleton, {})) : (_jsxs(_Fragment, { children: [_jsx(QuestionModelHeader, {}), _jsx(QuestionModelList, {})] })) }));
+    return (_jsx(QuestionModelRoot, { children: loading ? (_jsx(Skeleton, {})) : (_jsxs(_Fragment, { children: [_jsx(QuestionModelHeader, {}), _jsx(Interactive, { mode: "Traditional" }), _jsx(QuestionModelList, {})] })) }));
 };
 export default Question;

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

@@ -1,4 +1,5 @@
 import { QuestionParams } from '../QuestionUpdate/interface';
+import { AiInterviewerProfile } from '@/modules/ai-question/interface';
 export interface QuestionModelStep extends QuestionParams {
     uniqueId?: string;
     isNotCompute?: boolean;
@@ -7,6 +8,9 @@ export interface QuestionModelData {
     name?: string | undefined;
     token?: string;
     duration?: number;
+    selectAbilities?: string[];
+    interactType?: number;
+    aiInterviewerProfile?: AiInterviewerProfile;
     steps: QuestionModelStep[];
 }
 export interface QuestionModelDataRes {
@@ -17,3 +21,6 @@ export interface QuestionModelListItemProps extends QuestionModelStep {
     index: number;
     disabledWeight: boolean;
 }
+export interface AutoCombineProps {
+    onAutoCombine: () => void;
+}

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

@@ -23,7 +23,7 @@ var QuestionPreview = function () {
     var _k = useState(), values = _k[0], setValues = _k[1];
     var _l = useState('none'), display = _l[0], setDisplay = _l[1];
     useEffect(function () {
-        setValues({ name: name, broadcastType: broadcastType, desc: desc, prepareTime: prepareTime, duration: duration, minResponseDuration: minResponseDuration });
+        setValues({ name: name, broadcastType: broadcastType, desc: desc, prepareTime: prepareTime, duration: duration, minResponseDuration: minResponseDuration, questions: [] });
         setDisplay(visible ? 'block' : 'none');
     }, [name, broadcastType, desc, prepareTime, duration, visible, minResponseDuration]);
     return (_jsx(PreviewRoot, __assign({ style: { display: display } }, { children: (extra === null || extra === void 0 ? void 0 : extra.icon) ? (_jsx("img", { src: extra === null || extra === void 0 ? void 0 : extra.icon, alt: "", style: { width: 250 } })) : (_jsxs(Box, __assign({ width: 500 }, { children: [_jsxs(Typography, __assign({ variant: "h5", textAlign: "center", mb: 3 }, { children: [QUESTION_TYPE_MAPPING_LABEL[type], "\uFF08\u9884\u89C8\uFF09"] })), values && _jsx(Form, { preview: true, aiShowType: ADD_QUESTION_TYPE.FREE, initialValues: values, values: values })] }))) })));

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

@@ -8,4 +8,4 @@ export declare const PreviewRoot: import("@emotion/styled").StyledComponent<{
     variant?: "elevation" | "outlined" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant" | "square"> & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "elevation" | "square" | "variant"> & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

package/esm/modules/ai-question/components/QuestionTemplate/AiEvaluation.js

@@ -10,24 +10,27 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { AddIcon, Box, Button, LayerOutlineIcon, Popover, SMSOneIcon, Typography } from 'fbm-ui';
-import { List, ListItem, ListItemButton, ListItemIcon, ListItemText } from 'fbm-ui/lib/mui';
-import { useSetState } from 'ahooks';
+import BaseAccordion from '../BaseAccordion';
+import { defaultQuestionParams } from '../QuestionUpdate/const';
+import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
 import SvgIcon from "../../../../components/SvgIcon";
 import { ADD_QUESTION_TYPE_LIST } from "../../../../constants/ai-question";
 import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
 import { useAiQuestionStore } from "../../../../store/ai-question/global-store";
-import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
+import { getQuestionModelStore, useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
 import { uniqueId } from "../../../../utils/utils";
-import BaseAccordion from '../BaseAccordion';
-import { defaultQuestionParams } from '../QuestionUpdate/const';
+import { useSetState } from 'ahooks';
+import { AddIcon, Box, Button, LayerOutlineIcon, Popover, SMSOneIcon, Typography } from 'fbm-ui';
+import { List, ListItem, ListItemButton, ListItemIcon, ListItemText } from 'fbm-ui/lib/mui';
+import { useCallback } from 'react';
 var AiEvaluation = function () {
     var onOpenTemplate = useAiQuestionStore(function (store) { return [store.onOpenTemplate]; }).onOpenTemplate;
     var updateQuestionState = useUpdateQuestionStore(function (store) { return [store.updateQuestionState]; }).updateQuestionState;
     var questionModelData = useQuestionModelStore(function (store) { return [store.questionModelData]; }).questionModelData;
+    var isEdit = (getQuestionModelStore() || {}).isEdit;
+    var selctedAbilitys = useAiAbilityListStore().selctedAbilitys;
     var aiEvaluationData = useQuestionTemplateStore(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
     var _a = useSetState({
         addQuestionOpen: false,
@@ -44,7 +47,9 @@ var AiEvaluation = function () {
         }) }));
     return (_jsxs(Box, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2 }, { children: [_jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(LayerOutlineIcon, {}), onClick: function () { return onOpenTemplate === null || onOpenTemplate === void 0 ? void 0 : onOpenTemplate(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps); } }, { children: "\u5C97\u4F4D\u6A21\u7248\u5E93" })), _jsx(Popover, __assign({ open: addQuestionOpen, arrow: false, content: content, onClickAway: function () { return setState({ addQuestionOpen: false }); } }, { children: _jsx(Button, __assign({ variant: "outlined", icon: _jsx(AddIcon, {}), onClick: function () { return setState({ addQuestionOpen: true }); } }, { children: "\u81EA\u5B9A\u4E49\u9898\u76EE" })) }))] })), aiEvaluationData.map(function (_a, index) {
                 var name = _a.name, list = _a.list;
-                return (_jsxs(Box, { children: [_jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, weight: "500", mb: 2 }, { children: name })), list.map(function (item, i) { return (_jsx(BaseAccordion, __assign({ index: i, isShowOnlyAITest: showOnlyAITest, isShowDesc: index !== 0, isShowSummaryAction: index !== 0, isShowConfirm: index !== 0 }, item), item.name + i)); })] }, name));
+                return (_jsxs(Box, { children: [_jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, weight: "500", mb: 2 }, { children: name })), list
+                            .filter(function (v) { return !isEdit || !v.isNew || selctedAbilitys.includes(v.token); })
+                            .map(function (item, i) { return (_jsx(BaseAccordion, __assign({ index: i, isShowOnlyAITest: showOnlyAITest, isShowDesc: index !== 0, isShowSummaryAction: index !== 0, isShowConfirm: index !== 0 }, item), item.name + i)); })] }, name));
             })] }));
 };
 export default AiEvaluation;

package/esm/modules/ai-question/components/QuestionTemplate/index.d.ts

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

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

@@ -10,16 +10,21 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from 'fbm-ui';
-import { useRequest } from 'ahooks';
-import { PostAiModelQuestions } from "../../../../services/ai-question";
-import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
 import AiEvaluation from './AiEvaluation';
 import Skeleton from './Skeleton';
+import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
+import { useEnterpriseStore } from "../../../../store/enterprise/enterprise-store";
+import { PostAiModelQuestions } from "../../../../services/ai-question";
+import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
+import { useRequest } from 'ahooks';
+import { Box } from 'fbm-ui';
 var QuestionTemplate = function () {
     var updateAiEvaluationData = useQuestionTemplateStore().updateAiEvaluationData;
-    var loading = useRequest(PostAiModelQuestions, {
+    var selctedAbilitys = useAiAbilityListStore().selctedAbilitys;
+    var enterprise = useEnterpriseStore().enterprise;
+    var loading = useRequest(function () { return PostAiModelQuestions(__assign({ extraAbilityTokens: selctedAbilitys }, enterprise)); }, {
         manual: false,
+        refreshDeps: [selctedAbilitys, enterprise],
         onSuccess: function (_a) {
             var data = _a.data;
             return updateAiEvaluationData(data);

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

@@ -9,6 +9,10 @@ export interface AiEvaluationListExtra {
     riskMaxScore?: number;
     maxScore?: number;
 }
+interface Question {
+    content: '';
+    videoUrl: '';
+}
 export interface AiEvaluationList {
     aiAbilities: BaseAiAbilityParams[];
     name: string;
@@ -19,6 +23,7 @@ export interface AiEvaluationList {
     isDefault: boolean;
     duration: number;
     prepareTime: number;
+    questions: Question[];
     minResponseDuration: number;
     extra: AiEvaluationListExtra;
     broadcastType: number;
@@ -28,7 +33,9 @@ export interface AiEvaluationList {
 }
 export interface AiEvaluationDataList {
     name: string;
+    token: string;
     positionName?: string;
+    isNew: boolean;
     list: AiEvaluationList[];
 }
 export interface AiEvaluationData {
@@ -42,3 +49,6 @@ export interface AiEvaluationState {
     addQuestionOpen: boolean;
     showOnlyAITest: boolean;
 }
+export interface QuestionTemplateProps {
+}
+export {};

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

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { QuestionFormProps } from './interface';
-import React from 'react';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<QuestionFormProps & React.RefAttributes<any>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<QuestionFormProps & import("react").RefAttributes<any>>>;
 export default _default;