eli-video-interview 1.1.0

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

@@ -0,0 +1,41 @@
+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 { Message } from 'fbm-ui';
+import { Paper, Divider } from '@mui/material';
+import { useRequest } from 'ahooks';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { PostAiInterviewRefresh } from "../../../../services/ai-report";
+import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
+import Score from './Score';
+import Report from './Report';
+import Failed from './Failed';
+var FAILED = INTERVIEW_STATUS.FAILED, IN_CALCULATION = INTERVIEW_STATUS.IN_CALCULATION;
+var ScoreReport = function (_a) {
+    var onRefreshSuccess = _a.onRefreshSuccess;
+    var _b = useAiReportStore(function (store) { return [store.token, store.reportResult]; }), token = _b.token, reportResult = _b.reportResult;
+    var _c = (reportResult || {}).status, status = _c === void 0 ? 0 : _c;
+    var _d = useRequest(function () { return PostAiInterviewRefresh(token); }, {
+        manual: true,
+        onSuccess: function () {
+            onRefreshSuccess();
+            Message.success('刷新成功');
+        },
+    }), run = _d.run, loading = _d.loading;
+    if ([FAILED, IN_CALCULATION].includes(status)) {
+        return (_jsx(Paper, __assign({ variant: "outlined" }, { children: _jsx(Failed, { status: status, loading: loading, onRefresh: run }) })));
+    }
+    else {
+        return (_jsxs(Paper, __assign({ variant: "outlined" }, { children: [_jsx(Score, { loading: loading, onRefresh: run }), _jsx(Divider, {}), _jsx(Report, {})] })));
+    }
+};
+export default ScoreReport;

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

@@ -0,0 +1,20 @@
+export interface ScoreLegendProps {
+    color: string;
+}
+export interface ScoreBigBallProps {
+    score: number;
+    status?: number;
+}
+export interface RosePieProps {
+    source: any[];
+}
+export interface ScoreReportProps {
+    onRefreshSuccess: () => void;
+}
+export interface ScoreProps {
+    loading?: boolean;
+    onRefresh: () => void;
+}
+export interface FailedProps extends ScoreProps {
+    status?: number;
+}

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const ScoreTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ScoreUnitTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const RefreshIconRoot: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
+    color?: "inherit" | "disabled" | "error" | "warning" | "success" | "info" | "secondary" | "action" | "primary" | undefined;
+    fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
+    htmlColor?: string | undefined;
+    shapeRendering?: string | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    titleAccess?: string | undefined;
+    viewBox?: string | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "onLoad" | "name" | "type" | "filter" | "fill" | "values" | "d" | "y" | "children" | "key" | "className" | "id" | "lang" | "style" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "children" | "color" | "fontSize" | "shapeRendering" | "viewBox" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "htmlColor" | "titleAccess"> & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ScoreBigBallRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,36 @@
+import { Box, Typography, RefreshIcon, styled } from 'fbm-ui';
+export var ScoreTypography = styled(Typography)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: theme.palette.primary.main,
+        fontSize: 48,
+        fontWeight: 700,
+    });
+});
+export var ScoreUnitTypography = styled(Typography)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: theme.palette.primary.main,
+        fontSize: 14,
+        marginLeft: 4,
+    });
+});
+export var RefreshIconRoot = styled(RefreshIcon)({
+    fontSize: 16,
+    position: 'relative',
+    top: 2,
+    cursor: 'pointer',
+});
+export var ScoreBigBallRoot = styled(Box)({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: 80,
+    height: 80,
+    borderRadius: '50%',
+    overflow: 'hidden',
+});

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

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

package/esm/modules/ai-report/components/VideoQuestion/Abilities.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 } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Box, Typography } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import update from 'immutability-helper';
+import ScoreSlider from './ScoreSlider';
+var Abilities = function (_a) {
+    var stepIndex = _a.stepIndex;
+    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) {
+        var _a, _b;
+        var newSteps = update(steps, (_a = {}, _a[stepIndex] = { scoreInfo: { abilities: (_b = {}, _b[index] = { finalScore: { $set: score } }, _b) } }, _a));
+        updateReportResult(__assign(__assign({}, reportResult), { steps: newSteps }));
+        onScoreChange &&
+            onScoreChange({
+                flowStepToken: steps ? steps[stepIndex].token : '',
+                aiAbilityChangeType: steps && steps[stepIndex].scoreInfo.abilities[index].type,
+                type: 2,
+                score: score,
+            });
+    }, [stepIndex, reportResult, steps, updateReportResult, onScoreChange]);
+    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: 400, isShowLabel: true, originScore: originScore, finalScore: finalScore, valueLabelDisplay: "auto", onChangeCommitted: function (score) { return handleChangeCommitted(score, index); } })] }, name));
+                    }) }))] })));
+};
+export default Abilities;

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

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

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

@@ -0,0 +1,89 @@
+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 { useState, useCallback, useMemo } from 'react';
+import { Box, Typography, Button } from 'fbm-ui';
+import { theme } from 'fbm-ui/lib/components/ThemeProvider';
+import { Paper } from '@mui/material';
+import update from 'immutability-helper';
+import FormatQuoteIcon from '@mui/icons-material/FormatQuote';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
+import { QUESTION_TYPE } from "../../../../enum/ai-question";
+import { formatScore, highlighKeywords } from "../../../../utils/utils";
+import { QuestionDesc } from './styled';
+import ScoreSlider from './ScoreSlider';
+import Abilities from './Abilities';
+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, name = _b.name, type = _b.type, _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,
+    ]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
+    var steps = (reportResult || {}).steps;
+    var isDisplayAbilities = !(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities'));
+    var isExistWeight = weight > 0;
+    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) })));
+        }
+        else if (status === STEP_NO_ANSWER) {
+            return (_jsx(Typography, __assign({ variant: "caption", color: "rgba(0,0,0,0.26)", fontSize: 16, fontWeight: 500 }, { children: "\u672A\u4F5C\u7B54" })));
+        }
+        else if (status === STEP_IN_CALCULATION) {
+            return (_jsx(Typography, __assign({ variant: "caption", color: "#4CAF50", fontSize: 16, fontWeight: 500 }, { children: "\u8BA1\u7B97\u4E2D" })));
+        }
+        else if (status === STEP_FAILED) {
+            return (_jsx(Typography, __assign({ variant: "caption", color: "error", fontSize: 16, fontWeight: 500 }, { children: "\u8BA1\u7B97\u5931\u8D25" })));
+        }
+    }, [score, status]);
+    var renderText = useMemo(function () {
+        var keyPointAnalysis = analysisResult[6];
+        if (keyPointAnalysis && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.text)) {
+            var content_1 = analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.text;
+            Object.entries(keyPointAnalysis).forEach(function (_a) {
+                var keyword = _a[0], config = _a[1];
+                content_1 = highlighKeywords(content_1, keyword, config.color);
+            });
+            return content_1;
+        }
+        return analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.text;
+    }, [analysisResult]);
+    var handleChangeCommitted = useCallback(function (score) {
+        var _a;
+        var newSteps = update(steps, (_a = {}, _a[index] = { scoreInfo: { finalScore: { $set: score } } }, _a));
+        updateReportResult(__assign(__assign({}, reportResult), { steps: newSteps }));
+        onScoreChange &&
+            onScoreChange({
+                flowStepToken: steps ? steps[index].token : '',
+                type: 1,
+                score: score,
+            });
+    }, [index, reportResult, steps, updateReportResult, onScoreChange]);
+    var handleClickItem = useCallback(function (e) {
+        e.stopPropagation();
+        if (videoUrl) {
+            updateState({ stepToken: token });
+            onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(token);
+        }
+    }, [token, videoUrl, onStepChange, updateState]);
+    return (_jsxs(Paper, __assign({ sx: {
+            padding: '16px 24px',
+            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, ".", name] })), _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"] })), (abilities.length === 0 || showAbilities || isDisplayAbilities) && _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 }), abilities.length > 0 && !isDisplayAbilities && (_jsx(Button, __assign({ variant: "text", 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] })) }))] }))), abilities.length > 0 && (showAbilities || isDisplayAbilities) && _jsx(Abilities, { stepIndex: index })] }), token));
+};
+export default QuestionItem;

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

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

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

@@ -0,0 +1,34 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { Tooltip, Typography } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { scoreRankIntervalColors } from "../../../../constants/ai-report";
+import { StyledSlider, AiScoreRoot, RankingRoot, ScoreSliderRoot } from './styled';
+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 aiScore = originScore.toFixed(0);
+    var _e = useState(0), score = _e[0], setScore = _e[1];
+    var _f = useAiReportStore(function (store) { return [store.disabledScore, store.scoreRankIntervals]; }), disabledScore = _f.disabledScore, scoreRankIntervals = _f.scoreRankIntervals;
+    var handleScoreChange = useCallback(function (e, v) {
+        !disabledScore && setScore(v);
+    }, [disabledScore]);
+    useEffect(function () {
+        setScore(Number(finalScore.toFixed(0)));
+    }, [finalScore]);
+    return (_jsxs(ScoreSliderRoot, __assign({ width: width }, { children: [isShowScoreRank && (_jsxs(_Fragment, { children: [scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.map(function (_a, index) {
+                        var rank = _a.rank, _b = _a.scoreRankIntervals, startRankProportion = _b.startRankProportion, endRankProportion = _b.endRankProportion, _c = _a.score, startScore = _c.startScore, endScore = _c.endScore;
+                        return (_jsx(Tooltip, __assign({ title: "\u524D".concat(startRankProportion * 100, "%-").concat(endRankProportion * 100, "%"), placement: "top" }, { children: _jsx(RankingRoot, { sx: { width: "".concat(endScore - startScore, "%"), left: "".concat(startScore, "%"), bgcolor: scoreRankIntervalColors[index] } }) }), rank));
+                    }), _jsx(Tooltip, __assign({ title: "AI\u5F97\u5206\uFF1A".concat(aiScore), placement: "top" }, { children: _jsx(AiScoreRoot, { sx: { left: "calc(".concat(aiScore, "% - 12px)") } }) }))] })), _jsx(StyledSlider, { valueLabelDisplay: valueLabelDisplay, value: score, onChange: handleScoreChange, onChangeCommitted: function () { return onChangeCommitted(score); } }), isShowLabel && (_jsxs(Typography, __assign({ width: 80, flexShrink: 0, textAlign: "right", variant: "body2" }, { children: [score, "\u5206"] })))] })));
+};
+export default ScoreSlider;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const VideoQuestion: FC;
+export default VideoQuestion;

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

@@ -0,0 +1,21 @@
+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 { Box, Typography, Empty } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import QuestionItem from './QuestionItem';
+var VideoQuestion = function () {
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }).reportResult;
+    var steps = (reportResult || {}).steps;
+    return (_jsxs(Box, __assign({ padding: "24px 0" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: "\u89C6\u9891\u9898\uFF1A" })), _jsx(Box, { 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

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

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

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

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

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
+    color?: "secondary" | "primary" | undefined;
+    classes?: (Partial<import("@mui/material").SliderUnstyledClasses> & {
+        colorPrimary?: string | undefined;
+        colorSecondary?: string | undefined;
+        sizeSmall?: string | undefined;
+        thumbColorPrimary?: string | undefined;
+        thumbColorSecondary?: string | undefined;
+        thumbSizeSmall?: string | undefined;
+    }) | undefined;
+    size?: "small" | "medium" | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & {
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-valuetext'?: string | undefined;
+    classes?: Partial<import("@mui/material").SliderUnstyledClasses> | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+        Track?: import("react").ElementType<any> | undefined;
+        Rail?: import("react").ElementType<any> | undefined;
+        Thumb?: import("react").ElementType<any> | undefined;
+        Mark?: import("react").ElementType<any> | undefined;
+        MarkLabel?: import("react").ElementType<any> | undefined;
+        ValueLabel?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: {
+        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        track?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        rail?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        thumb?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        mark?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        markLabel?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        valueLabel?: (import("@mui/material").ValueLabelUnstyledProps & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+    } | undefined;
+    defaultValue?: number | number[] | undefined;
+    disabled?: boolean | undefined;
+    disableSwap?: boolean | undefined;
+    getAriaLabel?: ((index: number) => string) | undefined;
+    getAriaValueText?: ((value: number, index: number) => string) | undefined;
+    isRtl?: boolean | undefined;
+    marks?: boolean | import("@mui/material").Mark[] | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    name?: string | undefined;
+    onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
+    onChangeCommitted?: ((event: Event | import("react").SyntheticEvent<Element, Event>, value: number | number[]) => void) | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+    scale?: ((value: number) => number) | undefined;
+    step?: number | null | undefined;
+    tabIndex?: number | undefined;
+    track?: false | "normal" | "inverted" | undefined;
+    value?: number | number[] | undefined;
+    valueLabelDisplay?: "on" | "off" | "auto" | undefined;
+    valueLabelFormat?: string | ((value: number, index: number) => import("react").ReactNode) | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "name" | "defaultValue" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "max" | "min" | "orientation" | "scale" | "classes" | "track" | "sx" | "disabled" | "value" | "size" | "step" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ScoreSliderRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const QuestionDesc: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AiScoreRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const RankingRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,90 @@
+import { Box, styled } from 'fbm-ui';
+import { Slider } from '@mui/material';
+export var StyledSlider = styled(Slider)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: theme.palette.primary.main,
+        height: 8,
+        '& .MuiSlider-rail': {
+            backgroundColor: '#ECEFF1',
+        },
+        '& .MuiSlider-track': {
+            border: 'none',
+        },
+        '& .MuiSlider-thumb': {
+            height: 24,
+            width: 24,
+            backgroundColor: '#fff',
+            border: '2px solid currentColor',
+            zIndex: 2,
+            '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {
+                boxShadow: 'inherit',
+            },
+            '&:before': {
+                display: 'none',
+            },
+        },
+        '& .MuiSlider-valueLabel': {
+            lineHeight: 1.2,
+            fontSize: 12,
+            background: 'unset',
+            padding: 0,
+            width: 34,
+            height: 34,
+            borderRadius: '50% 50% 50% 0',
+            backgroundColor: theme.palette.primary.main,
+            transformOrigin: 'bottom left',
+            transform: 'translate(50%, -100%) rotate(-45deg) scale(0)',
+            '&:before': { display: 'none' },
+            '&.MuiSlider-valueLabelOpen': {
+                transform: 'translate(50%, -100%) rotate(-45deg) scale(1)',
+            },
+            '& > *': {
+                transform: 'rotate(45deg)',
+            },
+        },
+    });
+});
+export var ScoreSliderRoot = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+});
+export var QuestionDesc = styled(Box)({
+    minHeight: 34,
+    padding: 8,
+    background: 'rgb(249, 250, 249)',
+    position: 'relative',
+    borderRadius: 2,
+    marginTop: 16,
+    '& .MuiSvgIcon-root': {
+        position: 'absolute',
+        left: 8,
+        top: -12,
+        color: 'rgb(230, 230, 230)',
+        transform: 'rotate(180deg)',
+    },
+});
+export var AiScoreRoot = styled(Box)({
+    width: 24,
+    height: 24,
+    boxShadow: '0px 9px 28px rgba(0,0,0, 0.05), 0px 6px 16px rgba(0,0,0, 0.08), 0px 3px 6px rgba(0,0,0, 0.12)',
+    backgroundColor: 'rgba(255, 255, 255, 0.6)',
+    position: 'absolute',
+    zIndex: 2,
+    top: 0,
+    bottom: 0,
+    borderRadius: '50%',
+    margin: 'auto 0',
+});
+export var RankingRoot = styled(Box)({
+    height: 8,
+    border: '1px solid rgb(200, 230, 201)',
+    position: 'absolute',
+    boxSizing: 'border-box',
+    top: 13,
+    zIndex: 1,
+    '&:hover': {
+        border: '1px solid #fff',
+        boxShadow: '0px 0px 4px 0px rgba(0 0 0 / 50%)',
+    },
+});

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AiReportProps } from './interface';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AiReportProps & React.RefAttributes<any>>>;
+export default _default;

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

@@ -0,0 +1,22 @@
+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 } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import { HoxRoot } from 'hox';
+import { ThemeProvider } from 'fbm-ui';
+import { StyledEngineProvider } from '@mui/material/styles';
+import ReportRoot from './Root';
+var AiReport = forwardRef(function (props, ref) {
+    return (_jsx(ThemeProvider, { children: _jsx(StyledEngineProvider, __assign({ injectFirst: true }, { children: _jsx(HoxRoot, { children: _jsx(ReportRoot, __assign({ ref: ref }, props)) }) })) }));
+});
+AiReport.displayName = 'AiReport';
+export default memo(AiReport);