@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/cjs/builtin/async/ai-runtime/components/form/ParameterFormDialog.js

@@ -1,66 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parameterFormDialogState = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@iconify/react");
-const material_1 = require("@mui/material");
-const react_hook_form_1 = require("react-hook-form");
-const zustand_1 = require("zustand");
-const immer_1 = require("zustand/middleware/immer");
-const locale_1 = require("../../../../locale");
-const assistant_1 = require("../../state/assistant");
-const session_1 = require("../../state/session");
-const LoadingButton_1 = __importDefault(require("../LoadingButton"));
-const ParameterFormFields_1 = __importDefault(require("./ParameterFormFields"));
-function ParameterFormDialog({ assistantId, sessionId, DialogProps, }) {
-    const { t } = (0, locale_1.useLocaleContext)();
-    const theme = (0, material_1.useTheme)();
-    const fullScreen = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
-    const dialogState = (0, exports.parameterFormDialogState)();
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
-    const { parameters } = assistant;
-    const [session, sessionState] = (0, session_1.useSessionState)({ sessionId, required: true });
-    const form = (0, react_hook_form_1.useForm)({ defaultValues: Object.assign({}, session.parameters) });
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        yield sessionState.updateSession({ parameters });
-        dialogState.close();
-    });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({}, DialogProps, { open: dialogState.isOpen, onClose: dialogState.close, fullScreen: fullScreen, maxWidth: "sm", fullWidth: true, component: "form", onSubmit: form.handleSubmit(onSubmit), sx: {
-            zIndex: (theme) => theme.zIndex.modal + 1,
-        }, children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1, children: t('parameters') }), (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { minWidth: 28, minHeight: 28 }, onClick: dialogState.close, children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "ic:round-close", fontSize: 24, color: "rgba(75, 85, 99, 1)" }) })] }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { dividers: true, children: (0, jsx_runtime_1.jsx)(ParameterFormFields_1.default, { parameters: parameters, form: form }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", 
-                        // @ts-ignore
-                        color: "black", size: "small", onClick: dialogState.close, children: t('cancel') }), (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "contained", color: "black", type: "submit", size: "small", loading: form.formState.isSubmitting, children: t('save') })] })] })));
-}
-exports.default = ParameterFormDialog;
-exports.parameterFormDialogState = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
-    isOpen: false,
-    callback: undefined,
-    open() {
-        return new Promise((resolve) => {
-            set((state) => {
-                state.isOpen = true;
-                state.callback = resolve;
-            });
-        });
-    },
-    close() {
-        var _a, _b;
-        (_b = (_a = get()).callback) === null || _b === void 0 ? void 0 : _b.call(_a);
-        set((state) => {
-            state.isOpen = false;
-            state.callback = undefined;
-        });
-    },
-})));

package/lib/cjs/builtin/async/ai-runtime/components/form/ParameterFormFields.js

@@ -1,61 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SUPPORTED_PARAMETER_TYPES = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_hook_form_1 = require("react-hook-form");
-const parameters_1 = __importDefault(require("../parameters"));
-exports.SUPPORTED_PARAMETER_TYPES = ['string', 'number', 'select', 'language'];
-function ParameterFormFields(_a) {
-    var { autoFocus, disabled, readOnly, parameters, form } = _a, props = __rest(_a, ["autoFocus", "disabled", "readOnly", "parameters", "form"]);
-    let isFirstParameterRendered = false;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ gap: 1 }, props, { children: parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter) => {
-            const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
-            if (!key || !exports.SUPPORTED_PARAMETER_TYPES.includes(parameter.type || 'string'))
-                return null;
-            const isFirstParameter = !isFirstParameterRendered;
-            isFirstParameterRendered = true;
-            return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { disabled: disabled, control: form.control, name: key, rules: {
-                        required,
-                        min: parameter.type === 'number' && typeof parameter.min === 'number'
-                            ? { value: parameter.min, message: '' }
-                            : undefined,
-                        max: parameter.type === 'number' && typeof parameter.max === 'number'
-                            ? { value: parameter.max, message: '' }
-                            : undefined,
-                        minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
-                            ? { value: parameter.minLength, message: '' }
-                            : undefined,
-                        maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
-                            ? { value: parameter.maxLength, message: '' }
-                            : undefined,
-                    }, render: ({ field, fieldState }) => {
-                        var _a;
-                        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", sx: {
-                                        lineHeight: '24px',
-                                        mb: 0.5,
-                                        fontWeight: 500,
-                                        color: 'rgba(18, 22, 24, 1)',
-                                    }, children: (parameter === null || parameter === void 0 ? void 0 : parameter.label) || parameter.key }), (0, jsx_runtime_1.jsx)(parameters_1.default, { inputRef: field.ref, autoFocus: autoFocus && isFirstParameter, readOnly: readOnly, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), sx: {
-                                        '& .MuiInputBase-root': {
-                                            bgcolor: 'background.paper',
-                                        },
-                                    } })] }));
-                    } }) }, parameter.id));
-        }) })));
-}
-exports.default = ParameterFormFields;

package/lib/cjs/builtin/async/ai-runtime/components/form/QuestionField.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@iconify/react");
-const material_1 = require("@mui/material");
-const react_2 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const locale_1 = require("../../../../locale");
-const LoadingButton_1 = __importDefault(require("../LoadingButton"));
-const SettingButton_1 = __importDefault(require("./SettingButton"));
-function QuestionField({ page, assistant, showSettingButton, form, isSubmitting, autoFocus, readOnly, disabled, submitButtonTitle, }) {
-    const { t } = (0, locale_1.useLocaleContext)();
-    const defaultPlaceholder = t('questionPlaceholder');
-    const placeholder = (0, react_2.useMemo)(() => { var _a, _b; return ((_b = (_a = assistant.parameters) === null || _a === void 0 ? void 0 : _a.find((i) => i.key === 'question')) === null || _b === void 0 ? void 0 : _b.placeholder) || defaultPlaceholder; }, [submitButtonTitle, assistant, defaultPlaceholder]);
-    const submitRef = (0, react_2.useRef)(null);
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: form.control, name: "question", rules: { required: true }, render: ({ field }) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, inputRef: field.ref, id: "question-input", size: "small", multiline: true, fullWidth: true, variant: "outlined", autoFocus: autoFocus, placeholder: placeholder, value: field.value || '', onChange: (e) => field.onChange(e), onKeyDownCapture: (e) => {
-                var _a;
-                // NOTE: Pressing Enter in the IME will trigger the 229 event
-                if (e.keyCode === 229)
-                    return;
-                if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault();
-                    (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                }
-            }, InputProps: {
-                readOnly,
-                sx: { p: 1, bgcolor: 'white', borderRadius: 1 },
-                startAdornment: showSettingButton && page.page === 'session' && ((0, jsx_runtime_1.jsx)(SettingButton_1.default, { form: form, page: page, sx: { minWidth: 32, minHeight: 32 }, tabIndex: -1 })),
-                className: 'ai-chat-question-field',
-                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { disabled: disabled, id: "question-submit", ref: submitRef, type: "submit", variant: "contained", 
-                            // @ts-ignore
-                            color: "black", sx: {
-                                alignSelf: 'flex-end',
-                                ml: 1,
-                                p: 0.25,
-                                minWidth: 32,
-                                minHeight: 32,
-                            }, loading: form.formState.isSubmitting || isSubmitting, children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:arrow-up", fontSize: 26 }) }) }) })),
-            } })) }));
-}
-exports.default = QuestionField;

package/lib/cjs/builtin/async/ai-runtime/components/form/SettingButton.js

@@ -1,88 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@iconify/react");
-const material_1 = require("@mui/material");
-const react_2 = require("react");
-const locale_1 = require("../../../../locale");
-const session_1 = require("../../api/session");
-const loading_1 = require("../../state/loading");
-const LoadingListItemButton_1 = __importDefault(require("../LoadingListItemButton"));
-function SettingButton(_a) {
-    var { page, form } = _a, props = __rest(_a, ["page", "form"]);
-    const { t } = (0, locale_1.useLocaleContext)();
-    const [openSetting, setOpenSetting] = (0, react_2.useState)(false);
-    const settingOptions = [
-        // {
-        //   key: 'parametersSetting',
-        //   label: t('parametersSetting'),
-        //   onClick: () => parametersDialogOpen(),
-        //   icon: 'tabler:adjustments-horizontal',
-        //   sx: {
-        //     color: 'rgba(3, 7, 18, 1)',
-        //   },
-        // },
-        {
-            key: 'newSession',
-            label: t('newObject', { object: t('session') }),
-            onClick: () => __awaiter(this, void 0, void 0, function* () {
-                form.setFocus('question');
-                yield loading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
-                    const { created: session } = yield (0, session_1.createSession)({
-                        assistantId: page.assistantId,
-                    });
-                    page.navigate({
-                        page: 'session',
-                        assistantId: page.assistantId,
-                        sessionId: session.id,
-                    });
-                }));
-            }),
-            icon: 'tabler:plus',
-            sx: {
-                color: 'rgba(225, 29, 72, 1)',
-            },
-        },
-    ];
-    return [
-        (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ id: "setting-button", onClick: () => setOpenSetting(!openSetting) }, props, { sx: Object.assign({ minWidth: 40, minHeight: 40, p: 0, mr: 1, alignSelf: 'flex-end' }, props.sx), children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: "tabler:menu-2", sx: { fontSize: 24, color: 'black.main' } }) }), "setting-button"),
-        (0, jsx_runtime_1.jsx)(material_1.Popper, { anchorEl: document.getElementById('setting-button'), open: openSetting, placement: "top-start", sx: { zIndex: (theme) => theme.zIndex.modal + 1 }, children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setOpenSetting(false);
-                }, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { sx: {
-                        py: 0.5,
-                        boxShadow: '0px 8px 16px 0px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08)',
-                    }, children: settingOptions.map((option) => {
-                        const { key, label, onClick, icon, sx } = option;
-                        return ((0, jsx_runtime_1.jsxs)(LoadingListItemButton_1.default, { onClick: () => __awaiter(this, void 0, void 0, function* () {
-                                yield onClick();
-                                setOpenSetting(false);
-                            }), sx: Object.assign({ fontSize: 13, lineHeight: '22px', py: 0.75, px: 1.5, fontWeight: 400 }, sx), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: icon, sx: { fontSize: 16, mr: 1 } }), label] }, key));
-                    }) }) }) }, "setting-popper"),
-    ];
-}
-exports.default = SettingButton;

package/lib/cjs/builtin/async/ai-runtime/components/lottie/index.js

@@ -1,34 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-function Lottie({ src }) {
-    (0, react_1.useEffect)(() => {
-        Promise.resolve().then(() => __importStar(require('@lottiefiles/lottie-player')));
-    }, []);
-    return (0, jsx_runtime_1.jsx)("lottie-player", { autoplay: true, loop: true, mode: "normal", src: src }, src);
-}
-exports.default = Lottie;

package/lib/cjs/builtin/async/ai-runtime/components/message/MessageErrorView.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const locale_1 = require("../../../../locale");
-const auth_1 = require("../../hooks/auth");
-const subscribe_1 = require("../../hooks/subscribe");
-const assistant_1 = require("../../state/assistant");
-const MarkdownRenderer_1 = __importDefault(require("../MarkdownRenderer"));
-function MessageErrorView({ page, error }) {
-    var _a, _b, _c;
-    const { t } = (0, locale_1.useLocaleContext)();
-    const [assistant] = (0, assistant_1.useAssistantState)(page);
-    const { subscribeLink } = (0, subscribe_1.useSubscribeLink)(page);
-    const login = (0, auth_1.useLogin)({ page });
-    if (!error)
-        return null;
-    if (error.type === 'InvalidSubscriptionError') {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: "ai-chat-message-error", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: "message-response", children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: t('requireNewSubscription', {
-                            price: (_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.price,
-                        }) }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 1, children: subscribeLink ? (
-                    // @ts-ignore
-                    (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "black", href: subscribeLink, children: t('subscribeNow') })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { className: "message-response", children: t('thanksForSubscription') })) })] }));
-    }
-    if (error.status === 401) {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: "ai-chat-message-error", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: "message-response", children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: t('requireLogin') }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", 
-                        // @ts-ignore
-                        color: "black", onClick: login, children: t('loginNow') }) })] }));
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.Alert, { className: "ai-chat-message-error", severity: "error", sx: { mr: 5 }, children: (error.type === 'ReachMaxRoundLimitError' && ((_c = assistant === null || assistant === void 0 ? void 0 : assistant.release) === null || _c === void 0 ? void 0 : _c.reachMaxRoundLimitTip)) || error.message }));
-}
-exports.default = MessageErrorView;

package/lib/cjs/builtin/async/ai-runtime/components/message/MessageItemView.js

@@ -1,177 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageItemWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const image_preview_1 = __importDefault(require("@blocklet/ai-kit/components/image-preview"));
-const css_1 = require("@emotion/css");
-const material_1 = require("@mui/material");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = __importStar(require("react"));
-const ux_1 = require("../../../../arcblock/ux");
-const session_1 = require("../../../../session");
-const assistant_1 = require("../../state/assistant");
-const common_1 = require("../common");
-const MarkdownRenderer_1 = __importDefault(require("../MarkdownRenderer"));
-const MessageActions_1 = __importDefault(require("./MessageActions"));
-const MessageErrorView_1 = __importDefault(require("./MessageErrorView"));
-function MessageItemView(_a) {
-    var _b, _c;
-    var { page, message, hideAvatar } = _a, props = __rest(_a, ["page", "message", "hideAvatar"]);
-    const [assistant] = (0, assistant_1.useAssistantState)(page);
-    const showUserMessage = ((_b = assistant.release) === null || _b === void 0 ? void 0 : _b.template) !== 'form' && !!((_c = message.parameters) === null || _c === void 0 ? void 0 : _c.question);
-    return ((0, jsx_runtime_1.jsxs)(MessageItemContainer, Object.assign({}, props, { className: (0, css_1.cx)('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && (0, jsx_runtime_1.jsx)(UserMessage, { message: message }), (0, jsx_runtime_1.jsx)(AgentMessage, { page: page, message: message, hideAvatar: hideAvatar })] })));
-}
-exports.default = MessageItemView;
-const MessageItemContainer = (0, material_1.styled)(material_1.Stack) `
-  gap: 2.5;
-  overflow: hidden;
-
-  .message-question {
-    position: relative;
-    border-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    border-top-right-radius: 2px;
-    padding: ${({ theme }) => theme.spacing(1, 2)};
-    margin-top: ${({ theme }) => theme.spacing(0.5)};
-    // without logo width
-    max-width: calc(100% - 40px);
-    background-color: rgba(239, 246, 255, 1);
-
-    &.hide-avatar {
-      border-top-right-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    }
-  }
-
-  .message-response {
-    position: relative;
-    border-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    border-top-left-radius: 2px;
-    padding: ${({ theme }) => theme.spacing(1, 2)};
-    margin-top: ${({ theme }) => theme.spacing(0.5)};
-    // without logo width
-    max-width: calc(100% - 40px);
-    background-color: rgba(229, 231, 235, 1);
-
-    &.hide-avatar {
-      border-top-left-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    }
-  }
-`;
-function UserMessage({ message }) {
-    var _a, _b, _c, _d;
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-user", direction: "row", gap: 1.5, sx: {
-            display: 'flex',
-            flexDirection: 'row-reverse',
-            textAlign: 'right',
-            justifyContent: 'flex-end',
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, src: (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.avatar, did: (_b = authSession.user) === null || _b === void 0 ? void 0 : _b.did, variant: "circle", shape: "circle" }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { flex: 1, overflow: "hidden", sx: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'flex-end',
-                }, children: [(0, jsx_runtime_1.jsxs)(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { className: "message-question", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left' }, children: (_d = message.parameters) === null || _d === void 0 ? void 0 : _d.question })] })] }));
-}
-function AgentMessage({ page, message, hideAvatar }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    const [assistant] = (0, assistant_1.useAssistantState)(page);
-    const showMainMessage = !!(((_a = message.result) === null || _a === void 0 ? void 0 : _a.content) || ((_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.messages) === null || _c === void 0 ? void 0 : _c.length));
-    const isMessageLoading = (message.loading || !message.result) && !message.error;
-    const theme = (0, material_1.useTheme)();
-    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
-    const isFormTemplate = ((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.template) === 'form';
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, did: (_e = globalThis.blocklet) === null || _e === void 0 ? void 0 : _e.appId, variant: "circle", shape: "circle", src: (_f = assistant.release) === null || _f === void 0 ? void 0 : _f.logo }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, width: 0, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [((_g = assistant.release) === null || _g === void 0 ? void 0 : _g.title) || assistant.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsxs)(react_1.default.Suspense, { children: [showMainMessage ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({}, (isFormTemplate && {
-                                open: true,
-                            }), { placement: "right-start", PopperProps: {
-                                    className: 'white-tooltip',
-                                }, slotProps: {
-                                    popper: {
-                                        modifiers: [
-                                            {
-                                                name: 'offset',
-                                                options: {
-                                                    offset: [-3, isMobile ? (!hideAvatar ? -18 : -8) : -6],
-                                                },
-                                            },
-                                        ],
-                                    },
-                                }, title: !isMessageLoading && ((_h = message.result) === null || _h === void 0 ? void 0 : _h.content) && (0, jsx_runtime_1.jsx)(MessageActions_1.default, { content: message.result.content }), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 1, className: "message-response", children: [(_k = (_j = message.result) === null || _j === void 0 ? void 0 : _j.messages) === null || _k === void 0 ? void 0 : _k.map((childMsg, index) => {
-                                            var _a, _b, _c, _d, _e, _f, _g;
-                                            return ((_a = childMsg.result) === null || _a === void 0 ? void 0 : _a.content) ? ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading &&
-                                                    !((_b = message.result) === null || _b === void 0 ? void 0 : _b.content) &&
-                                                    !((_d = (_c = message.result) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0 ? void 0 : _d.length) &&
-                                                    message.result.messages.length - 1 === index
-                                                    ? 'writing'
-                                                    : '', sx: childMsg.respondAs === 'systemMessage' ? { color: 'text.secondary' } : {}, children: (_e = childMsg.result) === null || _e === void 0 ? void 0 : _e.content }, childMsg.taskId)) : ((_g = (_f = childMsg.result) === null || _f === void 0 ? void 0 : _f.images) === null || _g === void 0 ? void 0 : _g.length) ? ((0, jsx_runtime_1.jsx)(image_preview_1.default, { itemWidth: 100, spacing: 1, dataSource: childMsg.result.images.map((i) => ({ src: i.url })) }, childMsg.taskId)) : null;
-                                        }), ((_l = message.result) === null || _l === void 0 ? void 0 : _l.content) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading ? 'writing' : '', children: message.result.content }))] }) }))) : (isMessageLoading && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
-                                // only response with loading
-                                className: "message-response" }))), !!((_o = (_m = message.result) === null || _m === void 0 ? void 0 : _m.objects) === null || _o === void 0 ? void 0 : _o.length) &&
-                                ((_q = (_p = message.result) === null || _p === void 0 ? void 0 : _p.objects) === null || _q === void 0 ? void 0 : _q.map((object) => ((0, jsx_runtime_1.jsx)(common_1.MessageMetadataRenderer, { object: object.data }, object.taskId)))), message.error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { page: page, error: message.error })] })] })] }));
-}
-function MessageItemWrapper(_a) {
-    var _b, _c, _d;
-    var { hideAvatar, assistant, agentMessage } = _a, props = __rest(_a, ["hideAvatar", "assistant", "agentMessage"]);
-    const [time] = (0, react_1.useState)(() => new Date().toISOString());
-    return ((0, jsx_runtime_1.jsx)(MessageItemContainer, Object.assign({}, props, { className: (0, css_1.cx)('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: agentMessage && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, variant: "circle", shape: "circle", src: (_c = assistant.release) === null || _c === void 0 ? void 0 : _c.logo }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, width: 0, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.title) || assistant.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: time })] })), agentMessage] })] })) })));
-}
-exports.MessageItemWrapper = MessageItemWrapper;
-function MessageUserName({ children }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", noWrap: true, sx: {
-            fontSize: 14,
-            lineHeight: '24px',
-            fontWeight: 500,
-            display: 'flex',
-            alignItems: 'center',
-            gap: 1,
-        }, children: children }));
-}
-function MessageTime({ time }) {
-    const t = (0, react_1.useMemo)(() => {
-        const date = (0, dayjs_1.default)(time);
-        if (!date.isValid())
-            return undefined;
-        return date.isSame((0, dayjs_1.default)(), 'date') ? date.format('HH:mm') : date.format('YYYY-MM-DD HH:mm');
-    }, [time]);
-    if (!t)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: {
-            fontSize: 12,
-            lineHeight: '24px',
-            color: 'text.secondary',
-        }, children: t }, "user-time"));
-}

package/lib/cjs/builtin/async/ai-runtime/components/message/MessageListView.js

@@ -1,48 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const assistant_1 = require("../../state/assistant");
-const session_1 = require("../../state/session");
-const MessageItemView_1 = __importDefault(require("./MessageItemView"));
-function MessageListView(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    const [assistant] = (0, assistant_1.useAssistantState)(page);
-    const [session, { messages = [] }] = (0, session_1.useSessionState)({ sessionId: page.sessionId, required: true });
-    const opener = (0, react_1.useMemo)(() => {
-        var _a;
-        const { openerMessage } = (_a = assistant.release) !== null && _a !== void 0 ? _a : {};
-        if (openerMessage) {
-            return {
-                taskId: '',
-                assistantId: assistant.id,
-                sessionId: session.id,
-                createdAt: session.createdAt,
-                updatedAt: session.createdAt,
-                result: { content: openerMessage },
-            };
-        }
-        return undefined;
-    }, [assistant.release]);
-    if (!session)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2.5 }, props, { children: [opener && (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { page: page, message: opener }), messages.map((message) => {
-                return (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { page: page, message: message }, message.taskId);
-            })] })));
-}
-exports.default = MessageListView;