eli-video-interview 1.1.5 → 1.1.7

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

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ahooks_1 = require("ahooks");
 var global_store_1 = require("../../../../store/ai-report/global-store");
 var ai_report_1 = require("../../../../services/ai-report");
@@ -37,10 +37,10 @@ var ScoreReport = function (_a) {
         },
     }), run = _d.run, loading = _d.loading;
     if ([FAILED, IN_CALCULATION].includes(status)) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Paper, __assign({ variant: "outlined" }, { children: (0, jsx_runtime_1.jsx)(Failed_1.default, { status: status, loading: loading, onRefresh: run }) })));
+        return ((0, jsx_runtime_1.jsx)(mui_1.Paper, __assign({ variant: "outlined" }, { children: (0, jsx_runtime_1.jsx)(Failed_1.default, { status: status, loading: loading, onRefresh: run }) })));
     }
     else {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Paper, __assign({ variant: "outlined" }, { children: [(0, jsx_runtime_1.jsx)(Score_1.default, { loading: loading, onRefresh: run }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })));
+        return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ variant: "outlined" }, { children: [(0, jsx_runtime_1.jsx)(Score_1.default, { loading: loading, onRefresh: run }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(Report_1.default, {})] })));
     }
 };
 exports.default = ScoreReport;

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

@@ -1,13 +1,6 @@
 export interface ScoreLegendProps {
     color: string;
 }
-export interface ScoreBigBallProps {
-    score: number;
-    status?: number;
-}
-export interface RosePieProps {
-    source: any[];
-}
 export interface ScoreReportProps {
     onRefreshSuccess: () => void;
 }

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

@@ -15,11 +15,8 @@ export declare const RefreshIconRoot: import("@emotion/styled").StyledComponent<
     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"> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "seed" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "onLoad" | "name" | "type" | "fill" | "values" | "d" | "y" | "key" | "className" | "id" | "lang" | "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" | "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" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "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" | "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/lib/modules/ai-report/components/ScoreReport/styled.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScoreBigBallRoot = exports.RefreshIconRoot = exports.ScoreUnitTypography = exports.ScoreTypography = void 0;
+exports.RefreshIconRoot = exports.ScoreUnitTypography = exports.ScoreTypography = void 0;
 var fbm_ui_1 = require("fbm-ui");
 exports.ScoreTypography = (0, fbm_ui_1.styled)(fbm_ui_1.Typography)(function (_a) {
     var theme = _a.theme;
@@ -24,16 +24,3 @@ exports.RefreshIconRoot = (0, fbm_ui_1.styled)(fbm_ui_1.RefreshIcon)({
     top: 2,
     cursor: 'pointer',
 });
-exports.ScoreBigBallRoot = (0, fbm_ui_1.styled)(fbm_ui_1.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/lib/modules/ai-report/components/VideoQuestion/QuestionItem.js

@@ -18,7 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
 var ThemeProvider_1 = require("fbm-ui/lib/components/ThemeProvider");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var immutability_helper_1 = __importDefault(require("immutability-helper"));
 var FormatQuote_1 = __importDefault(require("@mui/icons-material/FormatQuote"));
 var global_store_1 = require("../../../../store/ai-report/global-store");
@@ -30,7 +30,7 @@ var ScoreSlider_1 = __importDefault(require("./ScoreSlider"));
 var Abilities_1 = __importDefault(require("./Abilities"));
 var STEP_NO_ANSWER = ai_report_1.INTERVIEW_STEP_STATUS.STEP_NO_ANSWER, STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED, STEP_FAILED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_FAILED, STEP_IN_CALCULATION = ai_report_1.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 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, category = _b.category, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
     var _d = (0, react_1.useState)(false), showAbilities = _d[0], setShowAbilities = _d[1];
     var _e = (0, global_store_1.useAiReportStore)(function (store) { return [
         store.reportResult,
@@ -84,11 +84,11 @@ var QuestionItem = function (props) {
             onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(token);
         }
     }, [token, videoUrl, onStepChange, updateState]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, __assign({ sx: {
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ sx: {
             padding: '16px 24px',
             mt: 2,
             cursor: videoUrl ? 'pointer' : 'inherit',
             borderColor: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : '',
-        }, variant: "outlined", onClick: handleClickItem }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ fontSize: 14, color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: [index + 1, ".", name] })), (0, jsx_runtime_1.jsxs)(styled_1.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), status === STEP_IN_CALCULATION ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === ai_question_1.QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.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 && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), (abilities.length === 0 || showAbilities || isDisplayAbilities) && (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), abilities.length > 0 && !isDisplayAbilities && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), abilities.length > 0 && (showAbilities || isDisplayAbilities) && (0, jsx_runtime_1.jsx)(Abilities_1.default, { stepIndex: index })] }), token));
+        }, variant: "outlined", onClick: handleClickItem }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ fontSize: 14, color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: [index + 1, ".", name] })), (0, jsx_runtime_1.jsxs)(styled_1.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), status === STEP_IN_CALCULATION ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === ai_question_1.QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", mt: 2 }, { children: category === null || category === void 0 ? void 0 : category.map(function (label) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label, size: "small" }, label)); }) })), isExistWeight && status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), (abilities.length === 0 || showAbilities || isDisplayAbilities) && (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), abilities.length > 0 && !isDisplayAbilities && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), abilities.length > 0 && (showAbilities || isDisplayAbilities) && (0, jsx_runtime_1.jsx)(Abilities_1.default, { stepIndex: index })] }), token));
 };
 exports.default = QuestionItem;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     color?: "secondary" | "primary" | undefined;
-    classes?: (Partial<import("@mui/material").SliderUnstyledClasses> & {
+    classes?: (Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> & {
         colorPrimary?: string | undefined;
         colorSecondary?: string | undefined;
         sizeSmall?: string | undefined;
@@ -10,12 +10,12 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
         thumbSizeSmall?: string | undefined;
     }) | undefined;
     size?: "small" | "medium" | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
 } & {
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     'aria-valuetext'?: string | undefined;
-    classes?: Partial<import("@mui/material").SliderUnstyledClasses> | undefined;
+    classes?: Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> | undefined;
     components?: {
         Root?: import("react").ElementType<any> | undefined;
         Track?: import("react").ElementType<any> | undefined;
@@ -26,13 +26,13 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
         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;
+        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        track?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        rail?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        thumb?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        mark?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        markLabel?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        valueLabel?: (import("fbm-ui/lib/mui").ValueLabelUnstyledProps & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
     } | undefined;
     defaultValue?: number | number[] | undefined;
     disabled?: boolean | undefined;
@@ -40,7 +40,7 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     getAriaLabel?: ((index: number) => string) | undefined;
     getAriaValueText?: ((value: number, index: number) => string) | undefined;
     isRtl?: boolean | undefined;
-    marks?: boolean | import("@mui/material").Mark[] | undefined;
+    marks?: boolean | import("fbm-ui/lib/mui").Mark[] | undefined;
     max?: number | undefined;
     min?: number | undefined;
     name?: string | undefined;
@@ -56,16 +56,16 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     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>, {}, {}>;
+}, "track" | "name" | "defaultValue" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "max" | "min" | "orientation" | "scale" | "classes" | "sx" | "disabled" | "value" | "size" | "step" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").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>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").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>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").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>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").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>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RankingRoot = exports.AiScoreRoot = exports.QuestionDesc = exports.ScoreSliderRoot = exports.StyledSlider = void 0;
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
-exports.StyledSlider = (0, fbm_ui_1.styled)(material_1.Slider)(function (_a) {
+var mui_1 = require("fbm-ui/lib/mui");
+exports.StyledSlider = (0, fbm_ui_1.styled)(mui_1.Slider)(function (_a) {
     var theme = _a.theme;
     return ({
         color: theme.palette.primary.main,
@@ -13,6 +13,7 @@ exports.StyledSlider = (0, fbm_ui_1.styled)(material_1.Slider)(function (_a) {
         },
         '& .MuiSlider-track': {
             border: 'none',
+            backgroundColor: theme.palette.primary.main,
         },
         '& .MuiSlider-thumb': {
             height: 24,

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

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

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

@@ -16,12 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var hox_1 = require("hox");
-var fbm_ui_1 = require("fbm-ui");
-var styles_1 = require("@mui/material/styles");
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var Root_1 = __importDefault(require("./Root"));
 var AiReport = (0, react_1.forwardRef)(function (props, ref) {
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledEngineProvider, __assign({ injectFirst: true }, { children: (0, jsx_runtime_1.jsx)(hox_1.HoxRoot, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }) })) }));
+    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
 });
 AiReport.displayName = 'AiReport';
 exports.default = (0, react_1.memo)(AiReport);

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

@@ -9,6 +9,15 @@ export interface Question {
     desc: string;
     duration: number;
     type: number;
+    category: string[];
+}
+export interface Collection {
+    name: string;
+    weight: number;
+    score: number;
+    level: number;
+    rank: number;
+    total: number;
 }
 export interface AnalysisResult {
     text: string;
@@ -64,6 +73,7 @@ export interface FaceAnalysis {
 export interface AiInterviewReportList {
     orderToken: string;
     aiModel: AiModel;
+    collection: Collection[];
     faceUrl: string;
     faceAnalysis: FaceAnalysis;
     score: number;

package/lib/modules/ai-template/Root.d.ts

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

package/lib/modules/ai-template/Root.js

@@ -0,0 +1,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var ScrollDialogContent_1 = __importDefault(require("../../components/ScrollDialogContent"));
+var global_store_1 = require("../../store/ai-template/global-store");
+var TemplateHeader_1 = __importDefault(require("./components/TemplateHeader"));
+var TemplateMenu_1 = __importDefault(require("./components/TemplateMenu"));
+var TemplateList_1 = __importDefault(require("./components/TemplateList"));
+var CapabilityModel_1 = __importDefault(require("./components/CapabilityModel"));
+var QuestionList_1 = __importDefault(require("./components/QuestionList"));
+var AiTemplateDialog = (0, fbm_ui_1.styled)(fbm_ui_1.Dialog)({
+    '& .MuiPaper-root>.MuiBox-root>.MuiBox-root': {
+        marginBottom: 0,
+    },
+});
+var AiTemplateRoot = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = (0, global_store_1.useAiTemplateStore)(), open = _a.open, previewItem = _a.previewItem, updateProps = _a.updateProps, updateState = _a.updateState, handleIncrUse = _a.handleIncrUse;
+    var handleUseTemplate = (0, react_1.useCallback)(function () {
+        var _a;
+        (_a = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _a === void 0 ? void 0 : _a.call(props, previewItem === null || previewItem === void 0 ? void 0 : previewItem.list);
+        if (previewItem === null || previewItem === void 0 ? void 0 : previewItem.token) {
+            handleIncrUse(previewItem === null || previewItem === void 0 ? void 0 : previewItem.token);
+        }
+    }, [handleIncrUse, previewItem, props]);
+    (0, react_1.useEffect)(function () {
+        if (!props.open) {
+            updateState({ previewItem: undefined });
+        }
+        updateProps(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props]);
+    return ((0, jsx_runtime_1.jsx)(AiTemplateDialog, __assign({ open: open, size: "lg", header: function () { return ((0, jsx_runtime_1.jsx)(TemplateHeader_1.default, { name: (previewItem === null || previewItem === void 0 ? void 0 : previewItem.positionName) || (previewItem === null || previewItem === void 0 ? void 0 : previewItem.name), onClose: props.onClose, onBack: function () { return updateState({ previewItem: undefined }); }, onSearch: function () { } })); }, footer: function () {
+            return previewItem ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 0" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ onClick: handleUseTemplate }, { children: "\u4F7F\u7528\u8BE5\u6A21\u7248" })) }))) : null;
+        }, onClose: props.onClose }, { children: (0, jsx_runtime_1.jsxs)(ScrollDialogContent_1.default, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: previewItem ? 'flex' : 'none', flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(CapabilityModel_1.default, {}), (0, jsx_runtime_1.jsx)(QuestionList_1.default, {})] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: previewItem ? 'none' : 'flex' }, { children: [(0, jsx_runtime_1.jsx)(TemplateMenu_1.default, {}), (0, jsx_runtime_1.jsx)(TemplateList_1.default, {})] }))] }) })));
+});
+AiTemplateRoot.displayName = 'AiTemplateRoot';
+exports.default = (0, react_1.memo)(AiTemplateRoot);

package/lib/modules/ai-template/components/CapabilityModel/const.d.ts

@@ -0,0 +1,47 @@
+export declare const rosePieOptions: {
+    tooltip: {
+        trigger: string;
+        formatter: string;
+        backgroundColor: string;
+        textStyle: {
+            color: string;
+        };
+    };
+    visualMap: {
+        show: boolean;
+        min: number;
+        max: number;
+        inRange: {
+            color: string[];
+        };
+    };
+    series: {
+        type: string;
+        radius: string[];
+        center: string[];
+        data: {
+            value: number;
+            name: string;
+        }[];
+        roseType: string;
+        label: {
+            color: string;
+        };
+        labelLine: {
+            lineStyle: {
+                color: string;
+                cap: string;
+            };
+            smooth: number;
+            length: number;
+            length2: number;
+        };
+        itemStyle: {
+            shadowBlur: number;
+            shadowColor: string;
+        };
+        animationType: string;
+        animationEasing: string;
+        animationDelay: (idx: any) => number;
+    }[];
+};

package/lib/modules/ai-template/components/CapabilityModel/const.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rosePieOptions = void 0;
+exports.rosePieOptions = {
+    tooltip: {
+        trigger: 'item',
+        formatter: '{b}: {c}',
+        backgroundColor: 'rgba(0, 0, 0, 0.86)',
+        textStyle: {
+            color: '#fff',
+        },
+    },
+    visualMap: {
+        show: false,
+        min: 235,
+        max: 410,
+        inRange: {
+            color: ['rgba(0, 217, 157, 0.2)', 'rgba(0, 217, 157, 0.4)', 'rgba(0, 217, 157, 0.6)', 'rgba(0, 217, 157, 0.8)', 'rgba(0, 217, 157, 1)'],
+        },
+    },
+    series: [
+        {
+            type: 'pie',
+            radius: ['30%', '70%'],
+            center: ['50%', '50%'],
+            data: [
+                { value: 335, name: 'Direct' },
+                { value: 310, name: 'Email' },
+                { value: 274, name: 'Union Ads' },
+                { value: 235, name: 'Video Ads' },
+                { value: 410, name: 'Search Engine' },
+            ].sort(function (a, b) {
+                return a.value - b.value;
+            }),
+            roseType: 'radius',
+            label: {
+                color: 'rgba(0, 0, 0, 0.86)',
+            },
+            labelLine: {
+                lineStyle: {
+                    color: 'rgba(76, 175, 80, 0.3)',
+                    cap: 'square',
+                },
+                smooth: 0.2,
+                length: 10,
+                length2: 20,
+            },
+            itemStyle: {
+                shadowBlur: 4,
+                shadowColor: 'rgb(26, 180, 138)',
+            },
+            animationType: 'scale',
+            animationEasing: 'elasticOut',
+            animationDelay: function (idx) {
+                return Math.random() * 200;
+            },
+        },
+    ],
+};

package/lib/modules/ai-template/components/CapabilityModel/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CapabilityModel: React.FC;
+export default CapabilityModel;

package/lib/modules/ai-template/components/CapabilityModel/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var global_store_1 = require("../../../../store/ai-template/global-store");
+var TemplatePie_1 = __importDefault(require("../../../../components/Charts/TemplatePie"));
+var ScoreBigBall_1 = __importDefault(require("../../../../components/ScoreBigBall"));
+var CapabilityModel = function () {
+    var _a, _b;
+    var _c = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.menuId, store.previewItem]; }), menuId = _c.menuId, previewItem = _c.previewItem;
+    var totalScore = ((_a = previewItem === null || previewItem === void 0 ? void 0 : previewItem.collection) === null || _a === void 0 ? void 0 : _a.map(function (_a) {
+        var weight = _a.weight;
+        return weight;
+    }).reduce(function (p, c) { return p + c; }, 0)) || 0;
+    var isHistoryPatterns = menuId === 'historyPatterns';
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: isHistoryPatterns ? '能力模型' : '岗位能力模型' })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", bgcolor: "rgb(255, 152, 0)", color: "#fff", borderRadius: "9px", pl: 1, pr: 1, ml: 0.5 }, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.recom_reason }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ height: 300 }, { children: [(0, jsx_runtime_1.jsx)(TemplatePie_1.default, { id: new Date().getTime().toString(), source: (previewItem === null || previewItem === void 0 ? void 0 : previewItem.collection) || [] }), ((_b = previewItem === null || previewItem === void 0 ? void 0 : previewItem.collection) === null || _b === void 0 ? void 0 : _b.length) && (0, jsx_runtime_1.jsx)(ScoreBigBall_1.default, { width: 95, height: 95, score: totalScore, status: 3 })] })), !isHistoryPatterns && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 588, p: 2, borderRadius: "8px", bgcolor: "rgba(76, 175, 80, 0.06)", margin: "0 auto" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "rgba(0, 0, 0, 0.56)", sx: { wordBreak: 'break-all' } }, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.intro })) })))] })));
+};
+exports.default = CapabilityModel;

package/lib/modules/ai-template/components/QuestionList/Item.d.ts

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

package/lib/modules/ai-template/components/QuestionList/Item.js

@@ -0,0 +1,26 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var icons_material_1 = require("@mui/icons-material");
+var global_store_1 = require("../../../../store/ai-template/global-store");
+var QuestionItem = function (_a) {
+    var item = _a.item, index = _a.index;
+    var name = item.name, desc = item.desc, category = item.category, weight = item.weight, originToken = item.originToken;
+    var _b = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.currentSteps, store.onUseTemplate]; }), currentSteps = _b.currentSteps, onUseTemplate = _b.onUseTemplate;
+    console.log(currentSteps);
+    var isUsed = currentSteps === null || currentSteps === void 0 ? void 0 : currentSteps.find(function (step) { return step.originToken === originToken; });
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ border: isUsed ? '1px solid rgb(76, 175, 80)' : '1px solid rgba(0,0,0, 0.08)', borderRadius: "6px", mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ borderBottom: "1px solid rgba(0,0,0, 0.08)", p: 2, display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: [index + 1, ".", name] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: desc }))] }), isUsed && (0, jsx_runtime_1.jsx)(icons_material_1.Done, { color: "primary" }, "icon")] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between", padding: "8px 8px 8px 16px" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [category === null || category === void 0 ? void 0 : category.map(function (label) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label }, label)); }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", ml: 2 }, { children: ["\u6743\u91CD\u5360\u6BD4\uFF1A", weight, "%"] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate([item]); } }, { children: "\u4F7F\u7528" }))] }))] })));
+};
+exports.default = QuestionItem;

package/lib/modules/ai-template/components/QuestionList/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const QuestionList: React.FC;
+export default QuestionList;

package/lib/modules/ai-template/components/QuestionList/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var global_store_1 = require("../../../../store/ai-template/global-store");
+var Item_1 = __importDefault(require("./Item"));
+var QuestionList = function () {
+    var previewItem = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.previewItem]; }).previewItem;
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flexDirection: "column", mt: 3 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: "\u9898\u76EE\u5217\u8868" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.list.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(Item_1.default, { item: item, index: index }, item.token)); }) })] })));
+};
+exports.default = QuestionList;

package/lib/modules/ai-template/components/QuestionList/interface.d.ts

@@ -0,0 +1,5 @@
+import { QuestionList } from '@/modules/ai-template/interface';
+export interface QuestionListProps {
+    item: QuestionList;
+    index: number;
+}

package/lib/modules/ai-template/components/QuestionList/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });