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

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

@@ -67,14 +67,18 @@ var BootVideo = function (props) {
         setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
     }, [setMediaState]);
     var handleInteractTypeChange = useCallback(function (e) {
+        var _a;
         var value = Number(e.target.value);
         if (value === 1) {
             setInterviewRoomState({ interactType: value });
         }
         else {
-            setInterviewRoomState({ interactType: value, aiInterviewerProfile: interviewRoomState.aiInterviewerProfile });
+            setInterviewRoomState({
+                interactType: value,
+                aiInterviewerProfile: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanType) ? interviewRoomState.aiInterviewerProfile : virtualManList[0],
+            });
         }
-    }, [setInterviewRoomState, interviewRoomState]);
+    }, [setInterviewRoomState, interviewRoomState, virtualManList]);
     var handleSelectHumanType = useCallback(function (value) {
         setInterviewRoomState({ interactType: interviewRoomState.interactType, aiInterviewerProfile: value });
     }, [setInterviewRoomState, interviewRoomState]);

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

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

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

@@ -9,18 +9,27 @@ 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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import BootVideo from '../BootVideo';
-import { Button, Typography, VideocamOutlineIcon } from 'fbm-ui';
+import { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
+import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
+import { Button, CheckCircleOutlineIcon, Typography, VideocamOutlineIcon } from 'fbm-ui';
 import { Paper, Stack } from 'fbm-ui/lib/mui';
 import { useState } from 'react';
 var InteractiveModes = {
-    Traditional: '传统读题模式',
-    Chat: 'AI面试官对话模式',
+    1: '传统读题模式',
+    2: 'AI面试官对话模式',
 };
-var Interactive = function (_a) {
-    var mode = _a.mode;
+var AiVideoStatus = {
+    0: '播报视频生成中...',
+    1: '播报视频生成中...',
+    2: '播报视频已生成',
+    3: '播报视频生成中...',
+};
+var Interactive = function () {
+    var questionModelData = useQuestionModelStore().questionModelData;
+    var _a = useInterviewRoomStore(), interactType = _a.interactType, aiInterviewerProfile = _a.aiInterviewerProfile;
     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" }))] }))] }));
+    return (_jsxs(_Fragment, { children: [bootVideoOpen && _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: [_jsxs(Typography, __assign({ display: "flex", alignItems: "center", variant: "body1", fontWeight: 500 }, { children: ["\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[interactType]), interactType === 2 && (_jsxs(_Fragment, { children: ["-".concat(aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.name), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 2 }, { children: AiVideoStatus[(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) || 1] })), (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) === 2 && interactType === questionModelData.interactType ? (_jsx(CheckCircleOutlineIcon, { sx: { fontSize: '16px', ml: 1, color: 'RGBA(0, 0, 0, 0.56)' } })) : ('')] }))] })), _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/index.js

@@ -19,6 +19,7 @@ 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 { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
 import { useRequest } from 'ahooks';
@@ -27,6 +28,7 @@ var Question = function () {
     var isDefaultAdded = useRef(false);
     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 updateInterviewRoom = useInterviewRoomStore().updateInterviewRoom;
     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); }, {
@@ -34,6 +36,8 @@ var Question = function () {
         onSuccess: function (_a) {
             var data = _a.data;
             updateModel(data);
+            var _b = data.interactType, interactType = _b === void 0 ? 1 : _b, aiInterviewerProfile = data.aiInterviewerProfile;
+            updateInterviewRoom({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile });
             setSelctedAbilitys((data === null || data === void 0 ? void 0 : data.selectAbilities) || []);
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(data.steps);
         },
@@ -70,6 +74,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(Interactive, { mode: "Traditional" }), _jsx(QuestionModelList, {})] })) }));
+    return (_jsx(QuestionModelRoot, { children: loading ? (_jsx(Skeleton, {})) : (_jsxs(_Fragment, { children: [_jsx(QuestionModelHeader, {}), _jsx(Interactive, {}), _jsx(QuestionModelList, {})] })) }));
 };
 export default Question;

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

@@ -10,6 +10,7 @@ export interface QuestionModelData {
     duration?: number;
     selectAbilities?: string[];
     interactType?: number;
+    aiVideoStatus?: number;
     aiInterviewerProfile?: AiInterviewerProfile;
     steps: QuestionModelStep[];
 }

package/esm/store/ai-question/interview-room-store.js

@@ -10,15 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 var _a;
-import { useQuestionModelStore } from "./question-model-store";
 import { useSetState } from 'ahooks';
 import { createGlobalStore } from 'hox';
 export var useInterviewRoomStore = (_a = createGlobalStore(function () {
-    var questionModelData = useQuestionModelStore(function (store) { return [store.questionModelData]; }).questionModelData;
-    console.log(questionModelData, 'questionModelData');
     var _a = useSetState({
-        interactType: (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.interactType) || 1,
-        aiInterviewerProfile: questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiInterviewerProfile,
+        interactType: 1,
     }), interviewRoomState = _a[0], updateInterviewRoom = _a[1];
     return __assign(__assign({}, interviewRoomState), { interviewRoomState: interviewRoomState, updateInterviewRoom: updateInterviewRoom });
 }), _a[0]), getInterviewRoomStore = _a[1];

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

@@ -72,14 +72,18 @@ var BootVideo = function (props) {
         setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
     }, [setMediaState]);
     var handleInteractTypeChange = (0, react_1.useCallback)(function (e) {
+        var _a;
         var value = Number(e.target.value);
         if (value === 1) {
             setInterviewRoomState({ interactType: value });
         }
         else {
-            setInterviewRoomState({ interactType: value, aiInterviewerProfile: interviewRoomState.aiInterviewerProfile });
+            setInterviewRoomState({
+                interactType: value,
+                aiInterviewerProfile: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanType) ? interviewRoomState.aiInterviewerProfile : virtualManList[0],
+            });
         }
-    }, [setInterviewRoomState, interviewRoomState]);
+    }, [setInterviewRoomState, interviewRoomState, virtualManList]);
     var handleSelectHumanType = (0, react_1.useCallback)(function (value) {
         setInterviewRoomState({ interactType: interviewRoomState.interactType, aiInterviewerProfile: value });
     }, [setInterviewRoomState, interviewRoomState]);

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

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

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

@@ -16,16 +16,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var BootVideo_1 = __importDefault(require("../BootVideo"));
+var interview_room_store_1 = require("../../../../store/ai-question/interview-room-store");
+var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
 var InteractiveModes = {
-    Traditional: '传统读题模式',
-    Chat: 'AI面试官对话模式',
+    1: '传统读题模式',
+    2: 'AI面试官对话模式',
 };
-var Interactive = function (_a) {
-    var mode = _a.mode;
+var AiVideoStatus = {
+    0: '播报视频生成中...',
+    1: '播报视频生成中...',
+    2: '播报视频已生成',
+    3: '播报视频生成中...',
+};
+var Interactive = function () {
+    var questionModelData = (0, question_model_store_1.useQuestionModelStore)().questionModelData;
+    var _a = (0, interview_room_store_1.useInterviewRoomStore)(), interactType = _a.interactType, aiInterviewerProfile = _a.aiInterviewerProfile;
     var _b = (0, react_1.useState)(false), bootVideoOpen = _b[0], setBootVideoOpen = _b[1];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BootVideo_1.default, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", component: mui_1.Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[mode]) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [bootVideoOpen && (0, jsx_runtime_1.jsx)(BootVideo_1.default, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", component: mui_1.Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ display: "flex", alignItems: "center", variant: "body1", fontWeight: 500 }, { children: ["\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[interactType]), interactType === 2 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["-".concat(aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.name), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 2 }, { children: AiVideoStatus[(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) || 1] })), (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) === 2 && interactType === questionModelData.interactType ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.CheckCircleOutlineIcon, { sx: { fontSize: '16px', ml: 1, color: 'RGBA(0, 0, 0, 0.56)' } })) : ('')] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
 };
 exports.default = Interactive;

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

@@ -24,6 +24,7 @@ var styled_1 = require("./styled");
 var question_ability_store_1 = require("../../../../store/ai-ability-select/question-ability-store");
 var ai_question_1 = require("../../../../services/ai-question");
 var global_store_1 = require("../../../../store/ai-question/global-store");
+var interview_room_store_1 = require("../../../../store/ai-question/interview-room-store");
 var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var question_template_store_1 = require("../../../../store/ai-question/question-template-store");
 var ahooks_1 = require("ahooks");
@@ -32,6 +33,7 @@ var Question = function () {
     var isDefaultAdded = (0, react_1.useRef)(false);
     var _a = (0, global_store_1.useAiQuestionStore)(function (store) { return [store.token, store.name, store.templateList]; }), token = _a.token, name = _a.name, templateList = _a.templateList, onLoad = _a.onLoad;
     var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
+    var updateInterviewRoom = (0, interview_room_store_1.useInterviewRoomStore)().updateInterviewRoom;
     var _b = (0, question_model_store_1.useQuestionModelStore)(function (store) { return [store.questionModelData]; }), questionModelData = _b.questionModelData, updateModel = _b.updateModel, addModel = _b.addModel;
     var setSelctedAbilitys = (0, question_ability_store_1.useAiAbilityListStore)().setSelctedAbilitys;
     var _c = (0, ahooks_1.useRequest)(function () { return (0, ai_question_1.PostAiModelDetails)(token); }, {
@@ -39,6 +41,8 @@ var Question = function () {
         onSuccess: function (_a) {
             var data = _a.data;
             updateModel(data);
+            var _b = data.interactType, interactType = _b === void 0 ? 1 : _b, aiInterviewerProfile = data.aiInterviewerProfile;
+            updateInterviewRoom({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile });
             setSelctedAbilitys((data === null || data === void 0 ? void 0 : data.selectAbilities) || []);
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(data.steps);
         },
@@ -75,6 +79,6 @@ var Question = function () {
             }
         }
     }, [token, aiEvaluationData, questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps, templateList, addModel]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.QuestionModelRoot, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_1.default, {}), (0, jsx_runtime_1.jsx)(Interactive_1.default, { mode: "Traditional" }), (0, jsx_runtime_1.jsx)(List_1.default, {})] })) }));
+    return ((0, jsx_runtime_1.jsx)(styled_1.QuestionModelRoot, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_1.default, {}), (0, jsx_runtime_1.jsx)(Interactive_1.default, {}), (0, jsx_runtime_1.jsx)(List_1.default, {})] })) }));
 };
 exports.default = Question;

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

@@ -10,6 +10,7 @@ export interface QuestionModelData {
     duration?: number;
     selectAbilities?: string[];
     interactType?: number;
+    aiVideoStatus?: number;
     aiInterviewerProfile?: AiInterviewerProfile;
     steps: QuestionModelStep[];
 }

package/lib/store/ai-question/interview-room-store.js

@@ -13,15 +13,11 @@ var __assign = (this && this.__assign) || function () {
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInterviewRoomStore = exports.useInterviewRoomStore = void 0;
-var question_model_store_1 = require("./question-model-store");
 var ahooks_1 = require("ahooks");
 var hox_1 = require("hox");
 exports.useInterviewRoomStore = (_a = (0, hox_1.createGlobalStore)(function () {
-    var questionModelData = (0, question_model_store_1.useQuestionModelStore)(function (store) { return [store.questionModelData]; }).questionModelData;
-    console.log(questionModelData, 'questionModelData');
     var _a = (0, ahooks_1.useSetState)({
-        interactType: (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.interactType) || 1,
-        aiInterviewerProfile: questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiInterviewerProfile,
+        interactType: 1,
     }), interviewRoomState = _a[0], updateInterviewRoom = _a[1];
     return __assign(__assign({}, interviewRoomState), { interviewRoomState: interviewRoomState, updateInterviewRoom: updateInterviewRoom });
 }), _a[0]), exports.getInterviewRoomStore = _a[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.37-beta.0",
+  "version": "1.2.37-beta.1",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",