eli-video-interview 1.2.29-beta.1 → 1.2.29-beta.2

package/esm/assets/icons/AI.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><defs><linearGradient id="a" x1="36.62%" x2="71.052%" y1="76.01%" y2="4.425%"><stop offset="0%" stop-color="#00B768"/><stop offset="39%" stop-color="#00AF62"/><stop offset="100%" stop-color="#009953"/><stop offset="100%" stop-color="#009953"/></linearGradient></defs><g fill="none" transform="translate(3 7.16)"><rect width="3.109" height="8.176" x="18.116" y="4.824" fill="#00D97C" rx="1.554"/><path fill="#00D97C" d="M21.4330891 1.95993177 21.4367129 1.93267091C21.4403366 1.90483003 21.4433564 1.87466908 21.4457722 1.84798824L21.4457722 1.82072738C21.4457722 1.78476624 21.4500001 1.74822509 21.4500001 1.71168394L21.4500001 1.71168394C21.4502442 1.01957447 21.0163106.395484118 20.3505677.130462712 19.6848249-.134558695 18.9184003.0116886167 18.4087228.50100097 17.8990452.990313327 17.7465029 1.72631363 18.0222352 2.36576189 18.2979675 3.00521015 18.947665 3.42215785 19.6683358 3.42215789L19.6683358 3.42215789 19.6683358 4.1645813C19.8960264 4.05611788 21.1945274 3.17855021 21.4167824 2.03997429 21.4236272 2.01329345 21.4290628 1.98661261 21.4330891 1.95993177ZM15.4605889 10.719948 9.60706759.98260094C9.24145617.374932483 8.56614784.000646522375 7.83536873.000646522375 7.10458966.000646522375 6.42928134.374932483 6.06366994.98260094L5.39026133 2.1037763 5.39026133 2.1037763 4.64920987 3.33515515C4.92547127 2.86174873 5.4452855 2.56740188 6.01035444 2.56440169 6.57542336 2.5614015 7.09859463 2.8502107 7.3802895 3.32065469L7.3802895 3.32065469 12.7367568 12.2303157C13.0172603 12.6974945 13.5359784 12.9854694 14.0975151 12.9857635 14.6590517 12.9860566 15.178096 12.6986244 15.4591292 12.2317392 15.7401622 11.7648541 15.7404885 11.1894469 15.4599849 10.7222681L15.4605889 10.719948Z"/><path fill="url(#a)" d="M7.37968551,3.32065469 C7.09841787,2.85095068 6.57638695,2.56226386 6.01219476,2.56439864 C5.44800258,2.56658124 4.92838341,2.85925359 4.65102173,3.33109501 L1.83840835,8.01126263 C1.83808295,8.0127936 1.83808295,8.01437187 1.83840835,8.01590276 L0.210148599,10.719948 C-0.0703549557,11.1871269 -0.0700287417,11.762534 0.21100436,12.2294192 C0.49203746,12.6963044 1.01108183,12.9837366 1.57261848,12.9834434 C2.13415513,12.9831493 2.65287327,12.6951745 2.9333768,12.2279956 L7.83506677,4.07409845 L7.38089343,3.32007467 L7.37968551,3.32065469 Z"/></g></svg>

package/esm/assets/icons/free.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z"/></svg>

package/esm/assets/icons/video.svg

@@ -0,0 +1 @@
+<svg width="51" height="32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="0%" y1="55.987%" x2="100%" y2="55.987%" id="a"><stop stop-color="#4BB051" offset="0%"/><stop stop-color="#71D376" offset="100%"/></linearGradient></defs><path d="M34 0a4 4 0 014 4v24a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4h30zm16.88 7.172a2 2 0 01.12.683v16.29a2 2 0 01-2.683 1.88l-7-2.546A2 2 0 0140 21.599V10.401a2 2 0 011.317-1.88l7-2.545a2 2 0 012.563 1.196zM16.5 11.069a1 1 0 00-.993.883l-.007.117v8.881a1 1 0 001.44.898l.102-.058 6.782-4.377a1 1 0 00.104-1.603l-.093-.07-6.782-4.504a1 1 0 00-.553-.167z" fill="url(#a)" fill-rule="evenodd"/></svg>

package/esm/components/AiHeaderTitle/index.d.ts

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

package/esm/components/AiHeaderTitle/index.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import SvgIcon from "../SvgIcon";
+import { Box, Typography } from 'fbm-ui';
+var AiHeaderTitle = function (_a) {
+    var name = _a.name;
+    return (_jsxs(Box, __assign({ display: "inline-flex" }, { children: [_jsx(SvgIcon, { name: "AI" }), _jsx(Typography, __assign({ variant: "h6", fontWeight: "medium", sx: { fontWeight: 500 }, ml: 1 }, { children: name }))] })));
+};
+export default AiHeaderTitle;

package/esm/components/AiHeaderTitle/interface.d.ts

@@ -0,0 +1,4 @@
+export interface AiHeaderProps {
+    name: string;
+    style?: any;
+}

package/esm/components/AiHeaderTitle/interface.js

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

package/esm/components/BigBallSvg/index.d.ts

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

package/esm/components/BigBallSvg/index.js

@@ -0,0 +1,17 @@
+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 { SvgGRoot, SvgRoot } from './styled';
+var BigBallSvg = function () {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: "\n        @keyframes move-forever {\n          0% {\n            transform: translate3d(-90px, 0, 0); }\n          100% {\n            transform: translate3d(85px, 0, 0); }\n        }\n        " }), _jsxs(SvgRoot, __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 24 150 28", preserveAspectRatio: "none", shapeRendering: "auto" }, { children: [_jsx("defs", { children: _jsx("path", { id: "gentle-wave", d: "M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" }) }), _jsxs(SvgGRoot, { children: [_jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "0", fill: "rgba(59, 203, 120, 0.2)" }), _jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "3", fill: "rgba(59, 203, 120, 0.2)" }), _jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "5", fill: "rgba(59, 203, 120, 0.2)" }), _jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "7", fill: "rgba(59, 203, 120, 0.2)" })] })] }))] }));
+};
+export default BigBallSvg;

package/esm/components/BigBallSvg/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;

package/esm/components/BigBallSvg/styled.js

@@ -0,0 +1,28 @@
+import { styled } from 'fbm-ui';
+export var SvgRoot = styled('svg')({
+    position: 'absolute',
+    bottom: 0,
+    width: '200%',
+    height: '50%',
+});
+export var SvgGRoot = styled('g')({
+    '& use': {
+        animation: 'move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite',
+        '&:nth-child(1)': {
+            animationDelay: '-2s',
+            animationDuration: '7s',
+        },
+        '&:nth-child(2)': {
+            animationDelay: '-3s',
+            animationDuration: '10s',
+        },
+        '&:nth-child(3)': {
+            animationDelay: '-4s',
+            animationDuration: '13s',
+        },
+        '&:nth-child(4)': {
+            animationDelay: '-5s',
+            animationDuration: '20s',
+        },
+    },
+});

package/esm/components/Charts/Chart.d.ts

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

package/esm/components/Charts/Chart.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as echarts from 'echarts';
+import { useEffect, useRef } from 'react';
+var charts = {};
+var Chart = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? '' : _b, options = _a.options;
+    var currentId = useRef('');
+    var target = useRef(null);
+    useEffect(function () {
+        // if (id && !charts[id] && options) {
+        currentId.current = id;
+        charts[id] = echarts.init(target.current);
+        charts[id].resize();
+        charts[id].setOption(options, true);
+        // }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id, options]);
+    useEffect(function () {
+        return function () {
+            if (charts[currentId.current]) {
+                charts[currentId.current].dispose();
+                charts[currentId.current] = null;
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (_jsx("div", { id: id, ref: target, style: {
+            width: '100%',
+            height: '100%',
+        } }));
+};
+export default Chart;

package/esm/components/Charts/ReportPie.d.ts

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

package/esm/components/Charts/ReportPie.js

@@ -0,0 +1,142 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { levelMapping } from './const';
+import Chart from "./Chart";
+var formateTitle = function (originalTitle) {
+    var regex = /(\d+?)[.](.+)/;
+    if (!regex.test(originalTitle))
+        return originalTitle;
+    var _a = originalTitle.match(regex), no = _a[1];
+    return "\u7B2C".concat(no, "\u9898");
+};
+var ReportPie = function (props) {
+    var id = props.id, _a = props.source, source = _a === void 0 ? [] : _a;
+    var scores = source.map(function (_a) {
+        var score = _a.score;
+        return score;
+    });
+    var isLevel = source.map(function (_a) {
+        var level = _a.level;
+        return level;
+    }).includes(0);
+    var min = Math.min.apply(Math, scores);
+    var max = Math.max.apply(Math, scores);
+    var data = source
+        .map(function (_a) {
+        var name = _a.name, score = _a.score, params = __rest(_a, ["name", "score"]);
+        return (__assign({ name: formateTitle(name), originalName: name, value: score }, params));
+    })
+        .sort(function (a, b) {
+        return a.value - b.value;
+    });
+    var options = {
+        tooltip: {
+            trigger: 'item',
+            formatter: function (_a) {
+                var value = _a.value, _b = _a.data, rank = _b.rank, total = _b.total, originalName = _b.originalName;
+                return "".concat(originalName, "<br />\u5F97\u5206\uFF1A").concat(value, "\u5206").concat(total > 0 ? "<br />\u6392\u540D\uFF1A".concat(rank, "/").concat(total) : '');
+            },
+            backgroundColor: 'rgba(0, 0, 0, 0.86)',
+            textStyle: {
+                color: '#fff',
+            },
+        },
+        series: [
+            {
+                type: 'pie',
+                radius: [45, 100],
+                center: ['50%', '50%'],
+                data: data,
+                roseType: 'radius',
+                label: {
+                    color: 'rgba(0, 0, 0, 0.86)',
+                    fontWeight: 500,
+                    formatter: function (_a) {
+                        var _b;
+                        var name = _a.name, value = _a.value, level = _a.data.level;
+                        return "".concat(name, ": {").concat(level, "|").concat(((_b = levelMapping[level]) === null || _b === void 0 ? void 0 : _b.text) || "".concat(value, "\u5206"), "}");
+                    },
+                    rich: __assign({}, levelMapping),
+                },
+                labelLine: {
+                    lineStyle: {
+                        color: 'rgba(76, 175, 80, 0.3)',
+                        cap: 'square',
+                    },
+                    length: 30,
+                    length2: 30,
+                },
+                itemStyle: {
+                    color: function (_a) {
+                        var _b;
+                        var level = _a.data.level;
+                        return (_b = levelMapping[level]) === null || _b === void 0 ? void 0 : _b.itemColor;
+                    },
+                    shadowBlur: 4,
+                    shadowColor: 'rgba(0, 0, 0, 0.16)',
+                },
+            },
+            {
+                type: 'pie',
+                radius: [45, 100],
+                center: ['50%', '50%'],
+                data: data,
+                roseType: 'radius',
+                label: {
+                    position: 'inner',
+                    color: '#fff',
+                    fontWeight: 500,
+                    formatter: "{c}",
+                    fontSize: 14,
+                },
+                itemStyle: {
+                    color: function (_a) {
+                        var _b;
+                        var level = _a.data.level;
+                        return (_b = levelMapping[level]) === null || _b === void 0 ? void 0 : _b.itemColor;
+                    },
+                    shadowBlur: 4,
+                    shadowColor: 'rgba(0, 0, 0, 0.16)',
+                },
+            },
+        ],
+    };
+    return (_jsx(Chart, { id: id, options: __assign(__assign({}, options), { visualMap: isLevel
+                ? {
+                    show: false,
+                    min: min,
+                    max: max,
+                    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)',
+                        ],
+                    },
+                }
+                : null }) }));
+};
+export default ReportPie;

package/esm/components/Charts/TemplatePie.d.ts

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

package/esm/components/Charts/TemplatePie.js

@@ -0,0 +1,81 @@
+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 Chart from "./Chart";
+var TemplatePie = function (props) {
+    var id = props.id, _a = props.source, source = _a === void 0 ? [] : _a, _b = props.isShowTooltip, isShowTooltip = _b === void 0 ? true : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? true : _c;
+    var weights = source.map(function (_a) {
+        var weight = _a.weight;
+        return weight;
+    });
+    var min = Math.min.apply(Math, weights);
+    var max = Math.max.apply(Math, weights);
+    var data = source
+        .map(function (_a) {
+        var name = _a.name, weight = _a.weight;
+        return ({ name: name, value: weight });
+    })
+        .sort(function (a, b) {
+        return a.value - b.value;
+    });
+    var options = {
+        tooltip: {
+            show: isShowTooltip,
+            trigger: 'item',
+            formatter: '{b}: {c}',
+            backgroundColor: 'rgba(0, 0, 0, 0.86)',
+            textStyle: {
+                color: '#fff',
+            },
+        },
+        visualMap: {
+            show: false,
+            min: min,
+            max: max,
+            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: ['40%', '80%'],
+                center: ['50%', '50%'],
+                top: isShowLabel ? 16 : 0,
+                bottom: isShowLabel ? 16 : 0,
+                data: data,
+                roseType: 'radius',
+                label: {
+                    show: isShowLabel,
+                    position: 'outside',
+                    color: 'rgba(0, 0, 0, 0.86)',
+                    formatter: '{b}: {c}分',
+                    fontSize: 14,
+                },
+                labelLine: {
+                    lineStyle: {
+                        color: 'rgba(76, 175, 80, 0.3)',
+                        cap: 'square',
+                    },
+                    length: 30,
+                    length2: 30,
+                },
+                itemStyle: {
+                    shadowBlur: 4,
+                    shadowColor: 'rgb(26, 180, 138)',
+                },
+            },
+        ],
+    };
+    return (_jsx(Chart, { id: id, options: __assign({}, options) }));
+};
+export default TemplatePie;

package/esm/components/Charts/const.d.ts

@@ -0,0 +1,17 @@
+export declare const levelMapping: {
+    3: {
+        text: string;
+        itemColor: string;
+        color: string;
+    };
+    2: {
+        text: string;
+        itemColor: string;
+        color: string;
+    };
+    1: {
+        text: string;
+        itemColor: string;
+        color: string;
+    };
+};

package/esm/components/Charts/const.js

@@ -0,0 +1,17 @@
+export var levelMapping = {
+    3: {
+        text: '优秀',
+        itemColor: 'rgb(0, 217, 157)',
+        color: 'rgb(0, 217, 157)',
+    },
+    2: {
+        text: '适中',
+        itemColor: 'rgb(166, 234, 193)',
+        color: 'rgba(0, 0, 0, 0.86)',
+    },
+    1: {
+        text: '欠佳',
+        itemColor: 'rgb(239, 154, 154)',
+        color: 'rgb(255, 108, 108)',
+    },
+};

package/esm/components/Charts/interface.d.ts

@@ -0,0 +1,18 @@
+import { Collection } from '@/modules/ai-report/interface';
+export interface ChartProps {
+    id: string;
+    options: any;
+}
+export interface TemplatePieProps {
+    id: string;
+    source: Array<{
+        name: string;
+        weight: number;
+    }>;
+    isShowTooltip?: boolean;
+    isShowLabel?: boolean;
+}
+export interface ReportPieProps {
+    id: string;
+    source: Collection[];
+}

package/esm/components/Charts/interface.js

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

package/esm/components/RootProvider/index.d.ts

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

package/esm/components/RootProvider/index.js

@@ -0,0 +1,27 @@
+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 { ThemeProvider } from 'fbm-ui';
+import { StyledEngineProvider } from 'fbm-ui/lib/mui';
+import { HoxRoot } from 'hox';
+import { createGenerateClassName, StylesProvider } from '@mui/styles';
+var AnyStylesProvider = StylesProvider;
+var generateClassName = createGenerateClassName({
+    seed: 'eli-video-interview',
+    productionPrefix: 'eli-video-interview',
+    disableGlobal: true,
+});
+var RootProvider = function (_a) {
+    var children = _a.children;
+    return (_jsx(AnyStylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, { children: _jsx(StyledEngineProvider, __assign({ injectFirst: true }, { children: _jsx(HoxRoot, { children: children }) })) }) })));
+};
+export default RootProvider;

package/esm/components/ScoreBigBall/index.d.ts

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

package/esm/components/ScoreBigBall/index.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import BigBallSvg from "../BigBallSvg";
+import { formatScore } from "../../utils/utils";
+import { ScoreBigBallRoot } from './styled';
+var ScoreBigBall = function (_a) {
+    var score = _a.score, status = _a.status, _b = _a.width, width = _b === void 0 ? 80 : _b, _c = _a.height, height = _c === void 0 ? 80 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 20 : _d;
+    return (_jsxs(_Fragment, { children: [_jsxs(ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && _jsx(BigBallSvg, {}), status === 1 && (_jsx("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: _jsx("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && (_jsx("div", __assign({ style: { color: '#40be47' } }, { children: _jsx("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && (_jsxs("div", __assign({ style: { color: '#40be47' } }, { children: [_jsx("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: fontSize, fontWeight: 'bold' } }, { children: formatScore(score) > 100 ? 100 : formatScore(score) })), _jsx("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && (_jsx("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0,
+                } }))] }));
+};
+export default ScoreBigBall;

package/esm/components/ScoreBigBall/interface.d.ts

@@ -0,0 +1,7 @@
+export interface ScoreBigBallProps {
+    score: number;
+    status?: number;
+    width?: number;
+    height?: number;
+    fontSize?: number;
+}

package/esm/components/ScoreBigBall/interface.js

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

package/esm/components/ScoreBigBall/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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/components/ScoreBigBall/styled.js

@@ -0,0 +1,12 @@
+import { Box, styled } from 'fbm-ui';
+export var ScoreBigBallRoot = styled(Box)({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    borderRadius: '50%',
+    overflow: 'hidden',
+});

package/esm/components/ScrollDialogContent/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const ScrollDialogContent: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export default ScrollDialogContent;

package/esm/components/ScrollDialogContent/index.js

@@ -0,0 +1,6 @@
+import { Box, styled } from 'fbm-ui';
+var ScrollDialogContent = styled(Box)({
+    maxHeight: 'calc(100vh - 150px)',
+    overflow: 'auto',
+});
+export default ScrollDialogContent;

package/esm/components/SvgIcon/index.d.ts

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

package/esm/components/SvgIcon/index.js

@@ -0,0 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ReactSVG } from 'react-svg';
+var Icon = function (_a) {
+    var name = _a.name, props = __rest(_a, ["name"]);
+    var _b = useState(''), src = _b[0], setSrc = _b[1];
+    import("../../assets/icons/".concat(name, ".svg")).then(function (v) { return setSrc(v.default); });
+    return _jsx(ReactSVG, __assign({ src: src }, props));
+};
+export default Icon;

package/esm/components/SvgIcon/interface.d.ts

@@ -0,0 +1,4 @@
+export interface IconProps {
+    name: string;
+    style?: any;
+}

package/esm/components/SvgIcon/interface.js

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

package/esm/components/VideoPreview/index.d.ts

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

package/esm/components/VideoPreview/index.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, IconButton, KeyboardArrowLeftIcon, KeyboardArrowRightIcon, Typography } from 'fbm-ui';
+import { FaceAnalysisRoot, PageTurningRoot, VideoPreviewRoot } from './styled';
+var VideoPreview = function (props) {
+    var url = props.url, width = props.width, faceAnalysis = props.faceAnalysis, _a = props.currentPage, currentPage = _a === void 0 ? 1 : _a, _b = props.totalPage, totalPage = _b === void 0 ? 1 : _b, _c = props.isShowPageTurning, isShowPageTurning = _c === void 0 ? true : _c, _d = props.disabledPrev, disabledPrev = _d === void 0 ? false : _d, _e = props.disabledNext, disabledNext = _e === void 0 ? false : _e, style = props.style, onPrev = props.onPrev, onNext = props.onNext;
+    return (_jsxs(VideoPreviewRoot, __assign({ style: __assign({ width: width }, style) }, { children: [faceAnalysis && (_jsxs(FaceAnalysisRoot, { children: [(faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.beauty) >= 0 && (_jsxs(Typography, __assign({ variant: "body2", color: "#fff" }, { children: ["AI\u989C\u503C\uFF1A", faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.beauty, "\u5206"] }))), (faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.age) >= 0 && (_jsxs(Typography, __assign({ variant: "body2", color: "#fff" }, { children: ["AI\u5E74\u9F84\uFF1A", faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.age, "\u5C81"] })))] })), _jsx("video", { src: url, height: 530, controls: true, controlsList: "nodownload noremoteplayback", disablePictureInPicture: true }), isShowPageTurning && (_jsxs(PageTurningRoot, { children: [_jsx(IconButton, __assign({ disabled: disabledPrev, onClick: onPrev }, { children: _jsx(KeyboardArrowLeftIcon, {}) })), _jsxs(Box, { children: [currentPage, "/", totalPage] }), _jsx(IconButton, __assign({ disabled: disabledNext, onClick: onNext }, { children: _jsx(KeyboardArrowRightIcon, {}) }))] }))] })));
+};
+export default VideoPreview;