@peers-app/peers-ui 0.13.5 → 0.14.0

package/src/components/router.tsx

@@ -10,22 +10,14 @@ import { ToolTestDetails } from "../screens/tools/tool-test-details";
 import { WorkflowDetails } from "../screens/workflows/workflow-details";
 import { WorkflowList } from "../screens/workflows/workflow-list";
 import { ChannelMessages } from "./messages/channel-view";
-import { PeerEventList } from "../screens/events/event-list";
-import { PeerEventDetails } from "../screens/events/event-details";
 import { SettingsPage } from "../screens/settings/settings-page";
 import { PackageDetails } from "../screens/packages/package-details";
 import { PackageList } from "../screens/packages/package-list";
 import { PackageNewLocal } from "../screens/packages/package-new-local";
 import { VariableList } from "../screens/variables/variable-list";
 import { VariableDetails } from "../screens/variables/variable-details";
-import { KnowledgeFrameList } from "../screens/knowledge/knowledge-frame-list";
-import { KnowledgeFrameDetails } from "../screens/knowledge/knowledge-frame-details";
 import { PeerTypeLists } from "../screens/peer-types/peer-type-list";
 import { PeerTypeDetails } from "../screens/peer-types/peer-type-details";
-import { PredicateList } from "../screens/predicates/predicate-list";
-import { PredicateDetails } from "../screens/predicates/predicate-details";
-import { KnowledgeValueList } from "../screens/knowledge/knowledge-value-list";
-import { KnowledgeValueDetails } from "../screens/knowledge/knowledge-value-details";
 import { UIRouter } from "../ui-router/ui-loader";
 import { useObservable } from "../hooks";
 import { ThreadMessageList } from "./messages/thread-message-list";
@@ -126,16 +118,6 @@ export function Router({ path: providedPath }: { path?: string } = {}) {
       return <ToolDetails toolId={toolId} />;
     }
 
-    if (path === 'events') {
-      return <PeerEventList />;
-    }
-    if (path.match(/^events\//)) {
-      const parts = path.split('/');
-      parts.shift();
-      const id = parts[0];
-      return <PeerEventDetails peerEventTypeId={id} />;
-    }
-
     if (path === 'packages') {
       return <PackageList />;
     }
@@ -159,26 +141,6 @@ export function Router({ path: providedPath }: { path?: string } = {}) {
       return <VariableDetails persistentVarId={id} />;
     }
 
-    if (path === 'knowledge-values') {
-      return <KnowledgeValueList />;
-    }
-    if (path.match(/^knowledge-values\/([a-zA-Z0-9]{25})/)) {
-      const parts = path.split('/');
-      parts.shift();
-      const id = parts[0];
-      return <KnowledgeValueDetails knowledgeValueId={id} />;
-    }
-
-    if (path === 'knowledge-frames') {
-      return <KnowledgeFrameList />;
-    }
-    if (path.match(/^knowledge-frames\//)) {
-      const parts = path.split('/');
-      parts.shift();
-      const id = parts[0];
-      return <KnowledgeFrameDetails knowledgeFrameId={id} />;
-    }
-
     if (path === 'peer-types') {
       return <PeerTypeLists />;
     }
@@ -189,16 +151,6 @@ export function Router({ path: providedPath }: { path?: string } = {}) {
       return <PeerTypeDetails peerTypeId={id} />;
     }
 
-    if (path === 'predicates') {
-      return <PredicateList />;
-    }
-    if (path.match(/^predicates\//)) {
-      const parts = path.split('/');
-      parts.shift();
-      const id = parts[0];
-      return <PredicateDetails predicateId={id} />;
-    }
-
     if (path.match(/^threads\//)) {
       const parts = path.split('/');
       parts.shift();

package/src/index.tsx

@@ -1,5 +1,4 @@
 export * from "./hooks";
-export * from "./screens/events/cron";
 
 export * from "./tabs-layout/tabs-layout";
 export { activeTabId, activeTabs, TabState, updateActiveTabTitle, closeCurrentTab, goToTabPath } from "./tabs-layout/tabs-state";
@@ -10,4 +9,5 @@ export * from "./components/sortable-list";
 export * from "./components/tabs";
 export * from "./components/inverse-lazy-list";
 export * from "./components/markdown-editor/editor-inline";
-export * from "./components/markdown-editor/editor";
+export * from "./components/markdown-editor/editor";
+export * from "./components/markdown-with-mentions";

package/src/mention-configs.ts

@@ -1,4 +1,4 @@
-import { Assistants, IMentionData, PeerEventTypes, PeerTypes, Predicates, rpcClientCalls, Tools, Users, Workflows } from "@peers-app/peers-sdk";
+import { Assistants, IMentionData, PeerTypes, rpcClientCalls, Tools, Users, Workflows } from "@peers-app/peers-sdk";
 // import { MENTIONS_MAX_RESULTS } from "../client/components/markdown-editor/mentions-plugin";
 
 const MENTIONS_MAX_RESULTS = 10;
@@ -89,43 +89,6 @@ export const workflowMentionConfig: IMentionConfig = {
   }),
 };
 
-export const peerEventTypeMentionConfig: IMentionConfig = {
-  kind: 'event',
-  iconClass: 'bi bi-lightning-charge-fill',
-  styleClass: 'mention-event',
-  query: async (search: string) => {
-    return PeerEventTypes().list({ name: { $matchWords: search } }, { pageSize: MENTIONS_MAX_RESULTS })
-    .then((events) => events.map((event) => ({
-      kind: 'event' as const,
-      id: event.peerEventTypeId,
-      name: event.name,
-    })));
-  },
-  getById: id => PeerEventTypes().get(id).then(item => item && {
-    kind: 'event',
-    id: item.peerEventTypeId,
-    name: item.name
-  }),
-};
-
-export const predicateMentionConfig: IMentionConfig = {
-  kind: 'predicate',
-  iconClass: 'bi bi-node-plus-fill',
-  query: async (search: string) => {
-    const results = await Predicates().list({ name: { $matchWords: search } }, { pageSize: MENTIONS_MAX_RESULTS });
-    return results.map(p => ({
-      kind: 'predicate',
-      id: p.predicateId,
-      name: p.name
-    }));
-  },
-  getById: id => Predicates().get(id).then(item => item && {
-    kind: 'predicate',
-    id: item.predicateId,
-    name: item.name
-  }),
-};
-
 export const valueTypeMentionConfig: IMentionConfig = {
   kind: 'type',
   iconClass: 'bi bi-code-square',
@@ -160,7 +123,5 @@ export const mentionConfigs = [
   userMentionConfig,
   assistantMentionConfig,
   workflowMentionConfig,
-  peerEventTypeMentionConfig,
-  predicateMentionConfig,
   valueTypeMentionConfig,
 ];

package/src/screens/groups/group-details.tsx

@@ -1,4 +1,4 @@
-import { getIconClassName, getUserContext, Groups, IDoc, IGroup, Observable, generateGroupShare, checkQRCodeCompatibility, copyToClipboard, sleep } from "@peers-app/peers-sdk";
+import { getIconClassName, getUserContext, Groups, IDoc, IGroup, Observable, generateGroupShare, checkQRCodeCompatibility, copyToClipboard, rpcServerCalls, sleep } from "@peers-app/peers-sdk";
 import React, { useState } from "react";
 import { Checkbox } from "../../components/checkbox";
 import { Input } from "../../components/input";
@@ -40,6 +40,7 @@ export const GroupDetails = (props: IProps) => {
       const deleteResult = await originalDelete();
       userContext.defaultDataContext(userContext.userDataContext);
       await sleep(100);
+      await rpcServerCalls.flushDatabases();
       window.location.reload();
       return deleteResult;
     }

package/src/screens/search/global-search.tsx

@@ -7,8 +7,6 @@ import {
   userMentionConfig, 
   assistantMentionConfig, 
   workflowMentionConfig, 
-  peerEventTypeMentionConfig, 
-  predicateMentionConfig, 
   valueTypeMentionConfig,
   IMentionConfig 
 } from '../../mention-configs';
@@ -55,8 +53,6 @@ export function GlobalSearch() {
     { config: toolMentionConfig, category: 'Tools', navigationPath: 'tools' },
     { config: assistantMentionConfig, category: 'Assistants', navigationPath: 'assistants' },
     { config: workflowMentionConfig, category: 'Workflows', navigationPath: 'workflows' },
-    { config: peerEventTypeMentionConfig, category: 'Events', navigationPath: 'events' },
-    { config: predicateMentionConfig, category: 'Predicates', navigationPath: 'predicates' },
     { config: valueTypeMentionConfig, category: 'Types', navigationPath: 'peer-types' },
     { config: userMentionConfig, category: 'Users', navigationPath: 'profile' },
   ];
@@ -191,7 +187,7 @@ export function GlobalSearch() {
             ref={inputRef}
             type="text"
             className={`form-control form-control-lg ${isDark ? 'bg-dark text-light border-secondary' : ''}`}
-            placeholder="Search across apps, tools, assistants, workflows, events, and more..."
+            placeholder="Search across apps, tools, assistants, workflows, and more..."
             value={searchQuery}
             onChange={(e) => setSearchQuery(e.target.value)}
             style={{
@@ -372,7 +368,7 @@ export function GlobalSearch() {
           <i className="bi-search mb-3 d-block text-muted" style={{ fontSize: '64px' }} />
           <h3 className="text-muted mb-3">Search across everything</h3>
           <p className="text-muted mb-4" style={{ maxWidth: '400px', margin: '0 auto' }}>
-            Find apps, tools, assistants, workflows, events, predicates, types, and users all in one place.
+            Find apps, tools, assistants, workflows, types, and users all in one place.
           </p>
           <div className="d-flex flex-wrap justify-content-center gap-2">
             {searchConfigs.map(({ config, category }) => (

package/src/screens/workflows/workflow-details.tsx

@@ -1,5 +1,5 @@
-import { defaultAssistantId, getAllAssistantIdsMentioned, IPeerEventHandler, IWorkflow, observable, PeerEventHandlers, runWorkflow, Workflows } from "@peers-app/peers-sdk";
-import React, { useState } from "react";
+import { defaultAssistantId, getAllAssistantIdsMentioned, IWorkflow, runWorkflow, Workflows } from "@peers-app/peers-sdk";
+import React from "react";
 import { Input } from "../../components/input";
 import { LoadingIndicator } from "../../components/loading-indicator";
 import { SaveButton } from "../../components/save-button";
@@ -9,7 +9,6 @@ import { usePromise } from "../../hooks";
 import { updateActiveTabTitle } from "../../tabs-layout/tabs-state";
 import { WorkflowInfo } from "./workflow-info";
 import { WorkflowInstructions } from "./workflow-instructions";
-import { WorkflowEventSubscriptions } from "./workflow-subscriptions";
 
 interface IProps {
   workflowId: string;
@@ -26,18 +25,7 @@ export const WorkflowDetails = (props: IProps) => {
     return Workflows().initDoc(workflow);
   }, undefined, [props.workflowId]);
 
-  const [handlers] = useState(() => observable([] as IPeerEventHandler[]));
-
-  const handlersLoaded = usePromise(async () => {
-    if (!workflow) return false;
-    const _handlers = await PeerEventHandlers().list({ handlerWorkflowId: workflow.workflowId });
-    handlers(_handlers);
-    return true;
-  }, false, [workflow]);
-
-  const allLoaded = !!(workflow && handlersLoaded);
-
-  if (!allLoaded) {
+  if (!workflow) {
     return <LoadingIndicator />;
   }
 
@@ -47,13 +35,6 @@ export const WorkflowDetails = (props: IProps) => {
     const assistantsMentioned = await getAllAssistantIdsMentioned(workflow.instructions[0].markdown ?? '');
     workflow.defaultAssistantId = assistantsMentioned[0] || defaultAssistantId;
     workflow.save();
-    const oldHandlers = await PeerEventHandlers().list({ handlerWorkflowId: workflow.workflowId });
-    for (const oldHandler of oldHandlers) {
-      await PeerEventHandlers().delete(oldHandler.peerEventHandlerId);
-    }
-    for (const handler of handlers()) {
-      PeerEventHandlers().save(handler, { restoreIfDeleted: true });
-    }
   }
 
   return (
@@ -107,12 +88,6 @@ export const WorkflowDetails = (props: IProps) => {
                 <WorkflowInstructions workflow={workflow} />
               </ScreenTabBody>
           },
-          {
-            name: 'Subscriptions', content:
-              <ScreenTabBody>
-                <WorkflowEventSubscriptions workflow={workflow} eventSubscriptions={handlers} />
-              </ScreenTabBody>
-          },
         ]}
       />
     </div>

package/src/system-apps/index.ts

@@ -5,14 +5,10 @@ export { searchApp } from './search.app';
 export { assistantsApp } from './assistants.app';
 export { toolsApp } from './tools.app';
 export { workflowsApp } from './workflows.app';
-export { eventsApp } from './events.app';
 export { variablesApp } from './variables.app';
 export { typesApp } from './types.app';
 export { packagesApp } from './packages.app';
 export { threadsApp } from './threads.app';
-export { knowledgeValuesApp } from './knowledge-values.app';
-export { knowledgeFramesApp } from './knowledge-frames.app';
-export { predicatesApp } from './predicates.app';
 export { settingsApp } from './settings.app';
 export { groupsApp } from './groups.app';
 export { joinGroupApp } from './join-group.app';
@@ -27,14 +23,10 @@ import { searchApp } from './search.app';
 import { assistantsApp } from './assistants.app';
 import { toolsApp } from './tools.app';
 import { workflowsApp } from './workflows.app';
-import { eventsApp } from './events.app';
 import { variablesApp } from './variables.app';
 import { typesApp } from './types.app';
 import { packagesApp } from './packages.app';
 import { threadsApp } from './threads.app';
-import { knowledgeValuesApp } from './knowledge-values.app';
-import { knowledgeFramesApp } from './knowledge-frames.app';
-import { predicatesApp } from './predicates.app';
 import { settingsApp } from './settings.app';
 import { groupsApp } from './groups.app';
 import { joinGroupApp } from './join-group.app';
@@ -55,18 +47,12 @@ export const systemApps: IAppNav[] = [
   searchApp,
   threadsApp,
 
-  // Knowledge & Data
-  knowledgeValuesApp,
-  knowledgeFramesApp,
-  predicatesApp,
-
   // Core Management Apps
   variablesApp,
   typesApp,
   assistantsApp,
   toolsApp,
   workflowsApp,
-  eventsApp,
   packagesApp,
   groupsApp,
   joinGroupApp,

package/src/tabs-layout/tabs-layout.tsx

@@ -1,4 +1,4 @@
-import { getUserContext, hasShownWelcomeModal, IAppNav, rpcServerCalls, setDefaultClientUserContext, sleep, Subscription } from "@peers-app/peers-sdk";
+import { getUserContext, hasShownWelcomeModal, IAppNav, rpcServerCalls, setDefaultClientUserContext, Subscription } from "@peers-app/peers-sdk";
 import React, { Component, useEffect, useState } from 'react';
 import { openCommandPalette } from '../command-palette/command-palette';
 import { CommandPaletteOverlay } from '../command-palette/command-palette-ui';
@@ -132,6 +132,7 @@ function TabsLayoutInternal() {
   const [tabs] = useObservable(activeTabs);
   const [activeTab] = useObservable(activeTabId);
   const [currentlyActiveGroupId, setCurrentlyActiveGroupId] = useState('');
+  const [switchingGroup, setSwitchingGroup] = useState(false);
   
   useEffect(() => {
     let sub: Subscription;
@@ -139,8 +140,9 @@ function TabsLayoutInternal() {
       setCurrentlyActiveGroupId(userContext.currentlyActiveGroupId() || userContext.userId)
       sub = userContext.currentlyActiveGroupId.subscribe(async groupId => {
         setCurrentlyActiveGroupId(userContext.currentlyActiveGroupId() || userContext.userId);
-        // below reloading logic is a kludge to deal with different groups having different packages installed
-        await sleep(250);
+        setSwitchingGroup(true);
+        await userContext.waitForActiveGroupPersistence();
+        await rpcServerCalls.flushDatabases();
         window.location.reload();
       });
     });
@@ -184,6 +186,18 @@ function TabsLayoutInternal() {
     <div
       key={currentlyActiveGroupId}
       className="d-flex flex-column" style={{ height: 'calc(100vh - 25px)', overflow: 'hidden' }}>
+      {switchingGroup && (
+        <div style={{
+          position: 'fixed', inset: 0, zIndex: 9999,
+          display: 'flex', alignItems: 'center', justifyContent: 'center',
+          backgroundColor: _colorMode === 'light' ? 'rgba(255,255,255,0.85)' : 'rgba(0,0,0,0.85)',
+        }}>
+          <div className="text-center">
+            <div className="spinner-border text-secondary mb-3" role="status" />
+            <div className={`small ${_colorMode === 'light' ? 'text-muted' : 'text-secondary'}`}>Switching group...</div>
+          </div>
+        </div>
+      )}
       {/* Tabs Header */}
       <div
         className={`border-bottom ${_colorMode === 'light' ? 'bg-light' : 'bg-dark'}`}

package/src/ui-defaults/index.ts

@@ -1,4 +1,3 @@
 
-import './notes-editor'
 import './list-screen'
 import './markdown-field'

package/src/ui-defaults/list-screen.tsx

@@ -15,7 +15,6 @@ export const DefaultListScreen = (props: IProps) => {
   const path = mainContentPath().toLowerCase().trim().split('?')[0].split('#').pop()?.split('/')[0] || '';
   const fuzzyTableName = ({
     variables: 'persistent_vars',
-    "events": 'peer_event_types',
   }[path] || path).replace(/[_-]/g, '').trim();
 
   const allTables = getAllTables();

package/dist/screens/events/cron.d.ts

@@ -1,3 +0,0 @@
-export declare function getCronErrors(cronExpression: string): string | false;
-export declare function getCronExplanation(cronExpression: string): string;
-export declare function getNextCronDate(cronExpression: string): Date;

package/dist/screens/events/cron.js

@@ -1,77 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCronErrors = getCronErrors;
-exports.getCronExplanation = getCronExplanation;
-exports.getNextCronDate = getNextCronDate;
-const cron_validate_1 = __importDefault(require("cron-validate"));
-const moment_timezone_1 = __importDefault(require("moment-timezone"));
-const cron_parser_1 = require("cron-parser");
-function getCronErrors(cronExpression) {
-    const validationResult = (0, cron_validate_1.default)(cronExpression);
-    if (validationResult.isError()) {
-        const errors = validationResult.getError();
-        const errorMarkdown = ['Validation errors:', ...errors].join('\n- ');
-        return errorMarkdown;
-    }
-    let parseError = '';
-    try {
-        (0, cron_parser_1.parseExpression)(cronExpression);
-    }
-    catch (e) {
-        parseError = e.message;
-    }
-    if (parseError) {
-        return 'Validation error: ' + parseError;
-    }
-    return false;
-}
-function getCronExplanation(cronExpression) {
-    if (!cronExpression) {
-        return '';
-    }
-    function formatDate(date) {
-        // let dtStr = moment
-        return (0, moment_timezone_1.default)(date).calendar(null, {
-            sameDay: '[Today at] LT',
-            nextDay: '[Tomorrow at] LT',
-            nextWeek: 'dddd [at] LT',
-            lastDay: '[Yesterday at] LT',
-            lastWeek: '[Last] dddd [at] LT',
-            sameElse: 'L [at] LT'
-        }) + `\n  - \`${date.toISOString().replace(':00.000Z', 'Z')}\``;
-    }
-    let parsed = (0, cron_parser_1.parseExpression)(cronExpression);
-    const strDates = [];
-    let i = 1;
-    while (true) {
-        const dt = parsed.prev().toString();
-        strDates.push(`- ${formatDate(new Date(dt))}`);
-        i++;
-        if (i > 3)
-            break;
-    }
-    strDates.push('Prior three dates:');
-    strDates.reverse();
-    strDates.push('\nNext three dates:');
-    i = 1;
-    parsed = (0, cron_parser_1.parseExpression)(cronExpression);
-    while (true) {
-        const dt = parsed.next().toString();
-        strDates.push(`- ${formatDate(new Date(dt))}`);
-        i++;
-        if (i > 3)
-            break;
-    }
-    return strDates.join('\n');
-}
-function getNextCronDate(cronExpression) {
-    const errors = getCronErrors(cronExpression);
-    if (errors) {
-        throw new Error(errors);
-    }
-    const parsed = (0, cron_parser_1.parseExpression)(cronExpression);
-    return new Date(parsed.next().toString());
-}

package/dist/screens/events/event-details.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface IProps {
-    peerEventTypeId: string;
-}
-export declare const PeerEventDetails: (props: IProps) => React.JSX.Element;
-export {};

package/dist/screens/events/event-details.js

@@ -1,112 +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 () {
-    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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PeerEventDetails = void 0;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
-const input_1 = require("../../components/input");
-const io_schema_1 = require("../../components/io-schema");
-const loading_indicator_1 = require("../../components/loading-indicator");
-const save_button_1 = require("../../components/save-button");
-const tabs_1 = require("../../components/tabs");
-const hooks_1 = require("../../hooks");
-const tabs_state_1 = require("../../tabs-layout/tabs-state");
-const event_handlers_1 = require("./event-handlers");
-const event_info_1 = require("./event-info");
-const event_schedule_1 = require("./event-schedule");
-const PeerEventDetails = (props) => {
-    const peerEventType = (0, hooks_1.usePromise)(async () => {
-        const peerEvent = await (0, peers_sdk_1.PeerEventTypes)().get(props.peerEventTypeId);
-        if (!peerEvent) {
-            throw new Error('Workflow not found');
-        }
-        const doc = (0, peers_sdk_1.PeerEventTypes)().initDoc(peerEvent);
-        (0, tabs_state_1.updateActiveTabTitle)(doc.name || "Event");
-        return doc;
-    }, undefined, [props.peerEventTypeId]);
-    const [handlers] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)([]));
-    const handlersLoaded = (0, hooks_1.usePromise)(async () => {
-        if (!peerEventType)
-            return false;
-        const _handlers = await (0, peers_sdk_1.PeerEventHandlers)().list({ peerEventTypeId: peerEventType?.peerEventTypeId });
-        handlers(_handlers);
-        return true;
-    }, false, [peerEventType]);
-    const allLoaded = !!(peerEventType && handlersLoaded);
-    if (!allLoaded) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
-    }
-    async function saveChanges() {
-        if (!peerEventType)
-            return;
-        await peerEventType.save();
-        const oldHandlers = await (0, peers_sdk_1.PeerEventHandlers)().list({ peerEventTypeId: peerEventType.peerEventTypeId });
-        for (const oldHandler of oldHandlers) {
-            await (0, peers_sdk_1.PeerEventHandlers)().delete(oldHandler.peerEventHandlerId);
-        }
-        for (const handler of handlers()) {
-            (0, peers_sdk_1.PeerEventHandlers)().save(handler, { restoreIfDeleted: true });
-        }
-    }
-    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
-        react_1.default.createElement("div", { className: "d-flex" },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement("i", { className: "bi bi-lightning-charge-fill me-2" }))),
-            react_1.default.createElement("div", { className: "flex-grow-1" },
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement(input_1.Input, { key: peerEventType.peerEventTypeId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: peerEventType.qs.name }))),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(save_button_1.SaveButton, { key: peerEventType.peerEventTypeId, onClick: saveChanges, doc: peerEventType }))),
-        react_1.default.createElement(tabs_1.Tabs, { key: peerEventType.peerEventTypeId, tabs: [
-                {
-                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(event_info_1.PeerEventInfo, { peerEventType: peerEventType }))
-                },
-                {
-                    name: 'Schema', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(io_schema_1.IOSchemaEditor, { ioSchema: peerEventType.qs.schema, simpleValueName: "Event" }))
-                },
-                {
-                    name: 'Triggers', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(event_schedule_1.PeerEventSchedule, { peerEventType: peerEventType }))
-                },
-                {
-                    name: 'Handlers', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(event_handlers_1.PeerEventHandlersUI, { peerEventType: peerEventType, handlers: handlers }))
-                },
-            ] })));
-};
-exports.PeerEventDetails = PeerEventDetails;

package/dist/screens/events/event-handlers.d.ts

@@ -1,7 +0,0 @@
-import { Observable } from "@peers-app/peers-sdk";
-import React from "react";
-import { IDoc, IPeerEventHandler, IPeerEventType } from "@peers-app/peers-sdk";
-export declare const PeerEventHandlersUI: (props: {
-    peerEventType: IDoc<IPeerEventType>;
-    handlers: Observable<IPeerEventHandler[]>;
-}) => React.JSX.Element;