@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/components/messages/message-display.js

@@ -1,56 +1,22 @@
 "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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageDisplay = void 0;
-const react_1 = __importStar(require("react"));
-const avatar_1 = require("./avatar");
+const jsx_runtime_1 = require("react/jsx-runtime");
 // import { FileListDisplay } from './file-list-display';
 const peers_sdk_1 = require("@peers-app/peers-sdk");
 const moment_1 = __importDefault(require("moment"));
+const react_1 = require("react");
 const globals_1 = require("../../globals");
 const hooks_1 = require("../../hooks");
 const markdown_with_mentions_1 = require("../markdown-with-mentions");
 const message_logs_1 = require("../message-logs/message-logs");
+const avatar_1 = require("./avatar");
 const MessageDisplay = (props) => {
     const { message, messageAbove, isThreadParent } = props;
     const [messageId, setMessageId] = (0, react_1.useState)(message.messageId);
-    (0, hooks_1.useSubscription)(globals_1.openThreads, () => {
-    });
     const [user, setUser] = (0, react_1.useState)();
     const [messageChangedTime, setMessageChangedTime] = (0, react_1.useState)(0);
     const assistant = (0, hooks_1.usePromise)(async () => {
@@ -58,7 +24,11 @@ const MessageDisplay = (props) => {
             return (0, peers_sdk_1.Assistants)().get(message.assistantId);
         }
     }, undefined, [message.assistantId]);
-    const countReplies = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.Messages)().count({ messageParentId: messageId }), 1, [messageId, messageChangedTime]);
+    const countReplies = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.Messages)().count({ messageParentId: messageId }), 0, [
+        messageId,
+        messageChangedTime,
+    ]);
+    const replyCount = countReplies ?? 0;
     const [showMenu] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(false));
     (0, react_1.useEffect)(() => {
         setMessageId(message.messageId);
@@ -71,11 +41,11 @@ const MessageDisplay = (props) => {
         return () => {
             sub.unsubscribe();
         };
-    }, [message]);
+    }, [message, messageId]);
     // calculate short time string
     const messageDate = new Date(message.createdAt);
     let hour = messageDate.getHours();
-    const minute = messageDate.getMinutes().toString().padStart(2, '0');
+    const minute = messageDate.getMinutes().toString().padStart(2, "0");
     let ampm = "AM";
     if (hour > 11) {
         ampm = "PM";
@@ -84,69 +54,46 @@ const MessageDisplay = (props) => {
         hour = hour - 12;
     }
     let timeStr = `${hour || 12}:${minute} ${ampm}`;
-    const showDateDivider = messageAbove
-        && messageDate.toDateString() !== (new Date(messageAbove.createdAt)).toDateString();
-    const showUserInfo = showDateDivider
-        || !messageAbove || !message
-        || messageAbove.userId !== message.userId
-        || messageAbove.assistantId !== message.assistantId
-        || messageDate.getHours() !== (new Date(messageAbove.createdAt)).getHours()
-        || countReplies > 0;
+    const showDateDivider = messageAbove && messageDate.toDateString() !== new Date(messageAbove.createdAt).toDateString();
+    const showUserInfo = showDateDivider ||
+        !messageAbove ||
+        !message ||
+        messageAbove.userId !== message.userId ||
+        messageAbove.assistantId !== message.assistantId ||
+        messageDate.getHours() !== new Date(messageAbove.createdAt).getHours() ||
+        replyCount > 0;
     // // show time of this message if hour is different than last message
-    // const showTime = !showUserInfo 
-    //   && messageDate.getHours() !== (new Date(messageAbove.modified)).getHours(); 
+    // const showTime = !showUserInfo
+    //   && messageDate.getHours() !== (new Date(messageAbove.modified)).getHours();
     const isThreadView = isThreadParent || message.messageParentId;
-    const dateTimeStr = (0, moment_1.default)(message.createdAt).calendar().split(' at ')[0] + ' ' + timeStr;
+    const dateTimeStr = `${(0, moment_1.default)(message.createdAt).calendar().split(" at ")[0]} ${timeStr}`;
     if (isThreadParent) {
         timeStr = dateTimeStr;
     }
-    let messageParsed = message.message.trim();
-    return (react_1.default.createElement("div", { className: isThreadParent ? '' : `peers-message-container`, onMouseEnter: () => showMenu(true), onMouseLeave: () => showMenu(false) },
-        react_1.default.createElement(MessageMenu, { message: message, showMenu: showMenu, isThreadView: !!isThreadView }),
-        showDateDivider && (react_1.default.createElement("div", { style: { marginTop: `20px` } },
-            react_1.default.createElement("hr", null),
-            react_1.default.createElement("div", { className: "d-flex justify-content-center" },
-                react_1.default.createElement("span", { className: 'message-display-list-date', style: {
-                        position: 'relative',
-                        top: '-29px',
-                        paddingLeft: '11px',
-                        paddingRight: '11px',
-                        fontSize: '16px',
-                        borderRadius: '20px',
-                    } },
-                    react_1.default.createElement("strong", null, (0, moment_1.default)(message.createdAt).calendar().split(' at ')[0].replace('Last', '')))))),
-        showUserInfo && (react_1.default.createElement("div", { style: { marginTop: '15px' } })),
-        react_1.default.createElement("div", { className: "d-flex" },
-            react_1.default.createElement("div", { className: "p-0 flex-shrink-0 justify-content-center align-items-center", style: {
-                    width: '46px',
-                    height: '20px',
-                    overflow: 'visible',
-                    // zIndex: message.modified,
-                    position: 'relative',
-                    top: '4px',
-                    left: '3px',
-                } }, showUserInfo && react_1.default.createElement(avatar_1.Avatar, { userId: message.userId, assistantId: message.assistantId, setUser: setUser })),
-            react_1.default.createElement("div", { className: "p-1 flex-grow-1 justify-content-start text-break", style: {
-                    maxWidth: 'calc(100% - 50px)',
-                } },
-                showUserInfo && (react_1.default.createElement("div", { className: "peers-message" },
-                    react_1.default.createElement("span", { style: { fontSize: '9pt' } },
-                        react_1.default.createElement("b", null, assistant?.name || message?.assistantId || user?.name || message.userId)),
-                    react_1.default.createElement("span", { className: "text-muted sub-sup-font-size", style: { fontSize: '8pt' }, title: dateTimeStr },
-                        "\u00A0\u00A0",
-                        timeStr))),
-                messageParsed.length > 0 && (react_1.default.createElement("div", { className: "peers-message" },
-                    react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: messageParsed }))),
-                react_1.default.createElement(message_logs_1.MessageLogs, { key: messageId, messageId: messageId }),
-                !isThreadView && countReplies > 0 && (react_1.default.createElement("div", { className: "d-inline" },
-                    "\u00A0",
-                    react_1.default.createElement("button", { className: "btn btn-sm btn-link m-1", onClick: () => (0, globals_1.openThread)(message.messageParentId || messageId), tabIndex: props.index }, countReplies === 1 ? '1 reply' : countReplies + ' replies'))))),
-        message?.fileIds?.length && (react_1.default.createElement("div", { style: { marginLeft: '46px' } })) || undefined));
+    const messageParsed = message.message.trim();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: isThreadParent ? "" : `peers-message-container`, onMouseEnter: () => showMenu(true), onMouseLeave: () => showMenu(false), children: [(0, jsx_runtime_1.jsx)(MessageMenu, { message: message, showMenu: showMenu, isThreadView: !!isThreadView }), showDateDivider && ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: `20px` }, children: [(0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", children: (0, jsx_runtime_1.jsx)("span", { className: "message-display-list-date", style: {
+                                position: "relative",
+                                top: "-29px",
+                                paddingLeft: "11px",
+                                paddingRight: "11px",
+                                fontSize: "16px",
+                                borderRadius: "20px",
+                            }, children: (0, jsx_runtime_1.jsx)("strong", { children: (0, moment_1.default)(message.createdAt).calendar().split(" at ")[0].replace("Last", "") }) }) })] })), showUserInfo && (0, jsx_runtime_1.jsx)("div", { style: { marginTop: "15px" } }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-0 flex-shrink-0 justify-content-center align-items-center", style: {
+                            width: "46px",
+                            height: "20px",
+                            overflow: "visible",
+                            // zIndex: message.modified,
+                            position: "relative",
+                            top: "4px",
+                            left: "3px",
+                        }, children: showUserInfo && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { userId: message.userId, assistantId: message.assistantId, setUser: setUser })) }), (0, jsx_runtime_1.jsxs)("div", { className: "p-1 flex-grow-1 justify-content-start text-break", style: {
+                            maxWidth: "calc(100% - 50px)",
+                        }, children: [showUserInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "peers-message", children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: "9pt" }, children: (0, jsx_runtime_1.jsx)("b", { children: assistant?.name || message?.assistantId || user?.name || message.userId }) }), (0, jsx_runtime_1.jsxs)("span", { className: "text-muted sub-sup-font-size", style: { fontSize: "8pt" }, title: dateTimeStr, children: ["\u00A0\u00A0", timeStr] })] })), messageParsed.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "peers-message", children: (0, jsx_runtime_1.jsx)(markdown_with_mentions_1.MarkdownWithMentions, { content: messageParsed }) })), (0, jsx_runtime_1.jsx)(message_logs_1.MessageLogs, { messageId: messageId }, messageId), !isThreadView && replyCount > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "d-inline", children: ["\u00A0", (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-link m-1", onClick: () => (0, globals_1.openThread)(message.messageParentId || messageId), tabIndex: props.index, children: replyCount === 1 ? "1 reply" : `${replyCount} replies` })] }))] })] }), (message?.fileIds?.length && ((0, jsx_runtime_1.jsx)("div", { style: { marginLeft: "46px" } }))) ||
+                undefined] }));
 };
 exports.MessageDisplay = MessageDisplay;
 const MessageMenu = (props) => {
     const { message, isThreadView, showMenu } = props;
     (0, hooks_1.useObservable)(showMenu);
-    return (react_1.default.createElement(react_1.default.Fragment, null, showMenu() && !isThreadView && (react_1.default.createElement("div", { className: "message-hover-menu" },
-        react_1.default.createElement("button", { className: "btn btn-sm btn-link m-1", onClick: () => (0, globals_1.openThread)(message.messageParentId || message.messageId) }, "Reply")))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: showMenu() && !isThreadView && ((0, jsx_runtime_1.jsx)("div", { className: "message-hover-menu", children: (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-link m-1", onClick: () => (0, globals_1.openThread)(message.messageParentId || message.messageId), children: "Reply" }) })) }));
 };

package/dist/components/messages/thread-message-list.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-import { IMessage } from "@peers-app/peers-sdk";
+import { type IMessage } from "@peers-app/peers-sdk";
 interface IProps {
     threadId: string;
     effects?: {
-        pushMessage: (message: IMessage) => any;
+        pushMessage: (message: IMessage) => void;
     };
-    scrollChanged?: (isBottomInView: boolean) => any;
+    scrollChanged?: (isBottomInView: boolean) => void;
 }
-export declare const ThreadMessageList: (props: IProps) => false | React.JSX.Element;
+export declare const ThreadMessageList: (props: IProps) => false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/messages/thread-message-list.js

@@ -34,46 +34,50 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThreadMessageList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const peers_sdk_1 = require("@peers-app/peers-sdk");
 const lodash_1 = require("lodash");
 const react_1 = __importStar(require("react"));
-const peers_sdk_1 = require("@peers-app/peers-sdk");
 const globals_1 = require("../../globals");
+const hooks_1 = require("../../hooks");
 const message_compose_1 = require("./message-compose");
 const message_display_1 = require("./message-display");
-const hooks_1 = require("../../hooks");
 const ThreadMessageList = (props) => {
     const { threadId: messageParentId } = props;
     const [messages, setMessages] = (0, react_1.useState)([]);
     const messagesEndRef = react_1.default.useRef(null);
-    const messageParent = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.Messages)().get(messageParentId), undefined, [messageParentId]);
-    function scrollToBottom(behavior, delay = 100) {
+    const messageParent = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.Messages)().get(messageParentId), undefined, [
+        messageParentId,
+    ]);
+    const scrollToBottom = (0, react_1.useCallback)((behavior, delay = 100) => {
         setTimeout(() => {
             messagesEndRef.current?.scrollIntoView({ behavior });
         }, delay);
-    }
-    async function loadMessages() {
-        const messages = await (0, peers_sdk_1.Messages)().list({ messageParentId }, {
-            sortBy: ['createdAt', 'messageId'],
+    }, []);
+    const loadMessages = (0, react_1.useCallback)(async () => {
+        const loaded = await (0, peers_sdk_1.Messages)().list({ messageParentId }, {
+            sortBy: ["createdAt", "messageId"],
         });
-        setMessages(messages);
-        scrollToBottom('instant', 1);
-    }
+        setMessages(loaded);
+        scrollToBottom("instant", 1);
+    }, [messageParentId, scrollToBottom]);
     // first load
     (0, react_1.useEffect)(() => {
         loadMessages();
-    }, [messageParentId]);
+    }, [loadMessages]);
     // reload when messages change
     (0, react_1.useEffect)(() => {
         // subscribe to message changes
         const sub = (0, peers_sdk_1.Messages)().dataChanged.subscribe((evt) => {
-            if (evt.dataObject.messageParentId == messageParentId || evt.dataObject.messageId === messageParentId) {
+            if (evt.dataObject.messageParentId === messageParentId ||
+                evt.dataObject.messageId === messageParentId) {
                 loadMessages();
             }
         });
         return () => {
             sub.unsubscribe();
         };
-    }, [messageParentId]);
+    }, [messageParentId, loadMessages]);
     (0, react_1.useEffect)(() => {
         const observer = new IntersectionObserver(([entry]) => {
             props?.scrollChanged?.(entry.isIntersecting);
@@ -86,19 +90,22 @@ const ThreadMessageList = (props) => {
                 observer.unobserve(messagesEndRef.current);
             }
         };
-    }, []);
+    }, [props?.scrollChanged]);
+    // Shared-ref pattern: if a parent passes `effects`, we mutate `pushMessage` on that SAME
+    // reference so the parent can invoke it. Do NOT spread/clone (`{...props.effects}`).
+    // biome-ignore lint/style/noNonNullAssertion: initial `{}` is populated on this same render; the `!` placates TS for the optional `IProps["effects"]` shape.
     const [effects] = (0, react_1.useState)(() => props.effects || {});
     effects.pushMessage = (newMessage) => {
-        if (messages.find(m => m.messageId === newMessage.messageId)) {
+        if (messages.find((m) => m.messageId === newMessage.messageId)) {
             return;
         }
-        let _messages = (0, lodash_1.sortBy)([newMessage, ...messages], 'createdAt');
+        const _messages = (0, lodash_1.sortBy)([newMessage, ...messages], "createdAt");
         setMessages(_messages);
         if (newMessage.userId === globals_1.me.userId && !newMessage.assistantId) {
-            scrollToBottom('instant', 1);
+            scrollToBottom("instant", 1);
         }
         else {
-            scrollToBottom('smooth');
+            scrollToBottom("smooth");
         }
     };
     const sendMessage = (userMessage) => {
@@ -108,15 +115,8 @@ const ThreadMessageList = (props) => {
     if (!messageParent) {
         return false;
     }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        messageParent &&
-            react_1.default.createElement(message_display_1.MessageDisplay, { message: messageParent, isThreadParent: true }),
-        react_1.default.createElement("hr", null),
-        messages.map((message, index) => {
-            return react_1.default.createElement(message_display_1.MessageDisplay, { key: message.messageId, message: message, messageAbove: messages[index - 1] });
-        }),
-        react_1.default.createElement("div", { className: 'p-2' },
-            react_1.default.createElement(message_compose_1.MessageCompose, { channelId: messageParent.channelId, threadId: messageParentId, onMessageSubmit: sendMessage })),
-        react_1.default.createElement("div", { ref: messagesEndRef })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [messageParent && (0, jsx_runtime_1.jsx)(message_display_1.MessageDisplay, { message: messageParent, isThreadParent: true }), (0, jsx_runtime_1.jsx)("hr", {}), messages.map((message, index) => {
+                return ((0, jsx_runtime_1.jsx)(message_display_1.MessageDisplay, { message: message, messageAbove: messages[index - 1] }, message.messageId));
+            }), (0, jsx_runtime_1.jsx)("div", { className: "p-2", children: (0, jsx_runtime_1.jsx)(message_compose_1.MessageCompose, { channelId: messageParent.channelId ?? "", threadId: messageParentId, onMessageSubmit: sendMessage }) }), (0, jsx_runtime_1.jsx)("div", { ref: messagesEndRef })] }));
 };
 exports.ThreadMessageList = ThreadMessageList;

package/dist/components/router.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import "../screens/console-logs/console-logs-list";
 import "../screens/groups";
 import "../screens/contacts";
@@ -7,4 +6,4 @@ import "../screens/network-viewer";
 import "../screens/data-explorer";
 export declare function Router({ path: providedPath }?: {
     path?: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/router.js

@@ -32,35 +32,32 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Router = Router;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const globals = __importStar(require("../globals"));
+const hooks_1 = require("../hooks");
 const assistant_details_1 = require("../screens/assistants/assistant-details");
 const assistant_list_1 = require("../screens/assistants/assistant-list");
+const package_details_1 = require("../screens/packages/package-details");
+const package_list_1 = require("../screens/packages/package-list");
+const package_new_local_1 = require("../screens/packages/package-new-local");
+const peer_type_details_1 = require("../screens/peer-types/peer-type-details");
+const peer_type_list_1 = require("../screens/peer-types/peer-type-list");
+const global_search_1 = require("../screens/search/global-search");
+const settings_page_1 = require("../screens/settings/settings-page");
 // import { TaskDetails } from "../screens/tasks/task-details";
 // import { TaskList } from "../screens/tasks/task-list";
 const tool_details_1 = require("../screens/tools/tool-details");
 const tool_list_1 = require("../screens/tools/tool-list");
 const tool_test_details_1 = require("../screens/tools/tool-test-details");
+const variable_details_1 = require("../screens/variables/variable-details");
+const variable_list_1 = require("../screens/variables/variable-list");
 const workflow_details_1 = require("../screens/workflows/workflow-details");
 const workflow_list_1 = require("../screens/workflows/workflow-list");
-const channel_view_1 = require("./messages/channel-view");
-const settings_page_1 = require("../screens/settings/settings-page");
-const package_details_1 = require("../screens/packages/package-details");
-const package_list_1 = require("../screens/packages/package-list");
-const package_new_local_1 = require("../screens/packages/package-new-local");
-const variable_list_1 = require("../screens/variables/variable-list");
-const variable_details_1 = require("../screens/variables/variable-details");
-const peer_type_list_1 = require("../screens/peer-types/peer-type-list");
-const peer_type_details_1 = require("../screens/peer-types/peer-type-details");
 const ui_loader_1 = require("../ui-router/ui-loader");
-const hooks_1 = require("../hooks");
+const channel_view_1 = require("./messages/channel-view");
 const thread_message_list_1 = require("./messages/thread-message-list");
-const global_search_1 = require("../screens/search/global-search");
 require("../screens/console-logs/console-logs-list");
 require("../screens/groups");
 require("../screens/contacts");
@@ -68,49 +65,50 @@ require("../screens/join-group");
 require("../screens/network-viewer");
 require("../screens/data-explorer");
 function Router({ path: providedPath } = {}) {
+    // Hooks must run unconditionally (same order every render)
+    const [globalPath] = (0, hooks_1.useObservable)(globals.mainContentPath);
     try {
         // Use provided path or fall back to global mainContentPath
-        const [globalPath] = (0, hooks_1.useObservable)(globals.mainContentPath);
         let path = providedPath ?? globalPath;
         const originalPath = path;
         path = path.toLowerCase().trim();
-        path = path.split('?')[0]; // remove query string
+        path = path.split("?")[0]; // remove query string
         // remove leading '/'
-        if (path.startsWith('/')) {
+        if (path.startsWith("/")) {
             path = path.substring(1);
         }
         // remove trailing '/'
-        if (path.endsWith('/')) {
+        if (path.endsWith("/")) {
             path = path.substring(0, path.length - 1);
         }
-        if (path === 'search') {
-            return react_1.default.createElement(global_search_1.GlobalSearch, null);
+        if (path === "search") {
+            return (0, jsx_runtime_1.jsx)(global_search_1.GlobalSearch, {});
         }
-        if (path === 'settings' || path === 'profile') {
-            return react_1.default.createElement(settings_page_1.SettingsPage, null);
+        if (path === "settings" || path === "profile") {
+            return (0, jsx_runtime_1.jsx)(settings_page_1.SettingsPage, {});
         }
-        if (path === 'threads' || path === '') {
-            return react_1.default.createElement(channel_view_1.ChannelMessages, null);
+        if (path === "threads" || path === "") {
+            return (0, jsx_runtime_1.jsx)(channel_view_1.ChannelMessages, {});
         }
-        const ui = (0, ui_loader_1.UIRouter)({ path, props: {}, uiCategory: 'screen' });
+        const ui = (0, ui_loader_1.UIRouter)({ path, props: {}, uiCategory: "screen" });
         if (ui) {
             return ui;
         }
         if (path.match(/^channel\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const channelId = parts[0];
             // todo add additional params as props if they exist
-            return react_1.default.createElement(channel_view_1.ChannelMessages, { channelId: channelId });
+            return (0, jsx_runtime_1.jsx)(channel_view_1.ChannelMessages, { channelId: channelId });
         }
-        if (path === 'assistants') {
-            return react_1.default.createElement(assistant_list_1.AssistantList, null);
+        if (path === "assistants") {
+            return (0, jsx_runtime_1.jsx)(assistant_list_1.AssistantList, {});
         }
         if (path.match(/^assistants\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const id = parts[0];
-            return react_1.default.createElement(assistant_details_1.AssistantDetails, { assistantId: id });
+            return (0, jsx_runtime_1.jsx)(assistant_details_1.AssistantDetails, { assistantId: id });
         }
         // if (path === 'tasks') {
         //   return <TaskList />;
@@ -121,76 +119,70 @@ function Router({ path: providedPath } = {}) {
         //   const taskId = parts[0];
         //   return <TaskDetails taskId={taskId} />;
         // }
-        if (path === 'workflows') {
-            return react_1.default.createElement(workflow_list_1.WorkflowList, null);
+        if (path === "workflows") {
+            return (0, jsx_runtime_1.jsx)(workflow_list_1.WorkflowList, {});
         }
         if (path.match(/^workflows\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const workflowId = parts[0];
-            return react_1.default.createElement(workflow_details_1.WorkflowDetails, { workflowId: workflowId });
+            return (0, jsx_runtime_1.jsx)(workflow_details_1.WorkflowDetails, { workflowId: workflowId });
         }
-        if (path === 'tools') {
-            return react_1.default.createElement(tool_list_1.ToolList, null);
+        if (path === "tools") {
+            return (0, jsx_runtime_1.jsx)(tool_list_1.ToolList, {});
         }
         if (path.match(/^tools\/tests\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             parts.shift();
             const toolTestId = parts[0];
-            return react_1.default.createElement(tool_test_details_1.ToolTestDetails, { toolTestId: toolTestId });
+            return (0, jsx_runtime_1.jsx)(tool_test_details_1.ToolTestDetails, { toolTestId: toolTestId });
         }
         if (path.match(/^tools\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const toolId = parts[0];
-            return react_1.default.createElement(tool_details_1.ToolDetails, { toolId: toolId });
+            return (0, jsx_runtime_1.jsx)(tool_details_1.ToolDetails, { toolId: toolId });
         }
-        if (path === 'packages') {
-            return react_1.default.createElement(package_list_1.PackageList, null);
+        if (path === "packages") {
+            return (0, jsx_runtime_1.jsx)(package_list_1.PackageList, {});
         }
         if (path.match(/^packages\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const id = parts[0];
-            if (id.toLowerCase() === 'newlocal') {
-                return react_1.default.createElement(package_new_local_1.PackageNewLocal, null);
+            if (id.toLowerCase() === "newlocal") {
+                return (0, jsx_runtime_1.jsx)(package_new_local_1.PackageNewLocal, {});
             }
-            return react_1.default.createElement(package_details_1.PackageDetails, { packageId: id });
+            return (0, jsx_runtime_1.jsx)(package_details_1.PackageDetails, { packageId: id });
         }
-        if (path === 'variables') {
-            return react_1.default.createElement(variable_list_1.VariableList, null);
+        if (path === "variables") {
+            return (0, jsx_runtime_1.jsx)(variable_list_1.VariableList, {});
         }
         if (path.match(/^variables\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const id = parts[0];
-            return react_1.default.createElement(variable_details_1.VariableDetails, { persistentVarId: id });
+            return (0, jsx_runtime_1.jsx)(variable_details_1.VariableDetails, { persistentVarId: id });
         }
-        if (path === 'peer-types') {
-            return react_1.default.createElement(peer_type_list_1.PeerTypeLists, null);
+        if (path === "peer-types") {
+            return (0, jsx_runtime_1.jsx)(peer_type_list_1.PeerTypeLists, {});
         }
         if (path.match(/^peer-types\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const id = parts[0];
-            return react_1.default.createElement(peer_type_details_1.PeerTypeDetails, { peerTypeId: id });
+            return (0, jsx_runtime_1.jsx)(peer_type_details_1.PeerTypeDetails, { peerTypeId: id });
         }
         if (path.match(/^threads\//)) {
-            const parts = path.split('/');
+            const parts = path.split("/");
             parts.shift();
             const threadId = parts[0];
-            return react_1.default.createElement(thread_message_list_1.ThreadMessageList, { threadId: threadId });
+            return (0, jsx_runtime_1.jsx)(thread_message_list_1.ThreadMessageList, { threadId: threadId });
         }
-        throw new Error('Unrecognized route: ' + originalPath);
+        throw new Error(`Unrecognized route: ${originalPath}`);
     }
     catch (err) {
-        return (react_1.default.createElement("div", { className: "p-3" },
-            react_1.default.createElement("a", { href: '#threads' }, "Home"),
-            react_1.default.createElement("h3", null, "Error loading route"),
-            react_1.default.createElement("pre", null,
-                "route: ",
-                globals.mainContentPath() + '\n',
-                String(err))));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "p-3", children: [(0, jsx_runtime_1.jsx)("a", { href: "#threads", children: "Home" }), (0, jsx_runtime_1.jsx)("h3", { children: "Error loading route" }), (0, jsx_runtime_1.jsxs)("pre", { children: ["route: ", `${globals.mainContentPath()}\n`, String(err)] })] }));
     }
 }

package/dist/components/save-button.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { IDoc } from "@peers-app/peers-sdk";
+import type { IDoc } from "@peers-app/peers-sdk";
+import type React from "react";
 export interface ISaveButtonProps {
     doc: IDoc<any>;
     onClick?: () => void | Promise<void>;
@@ -10,4 +10,4 @@ export interface ISaveButtonProps {
     } | React.ReactNode)[];
     noBuiltInActions?: boolean;
 }
-export declare const SaveButton: (props: ISaveButtonProps) => React.JSX.Element;
+export declare const SaveButton: (props: ISaveButtonProps) => import("react/jsx-runtime").JSX.Element;