flowstudio 0.0.4 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowstudio",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "private": false,
   "description": "Enterprise Flow Designer",
   "license": "MIT",
@@ -10,8 +10,9 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc",
-    "prepublishOnly": "npm run build"
+    "build": "rm -rf dist && tsc --emitDeclarationOnly false",
+    "prepublishOnly": "npm run build",
+    "clean": "rm -rf dist"
   },
   "devDependencies": {
     "@hookform/resolvers": "latest",
@@ -42,5 +43,9 @@
     "bot",
     "chatbot"
   ],
-  "packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
+  "packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0",
+  "dependencies": {
+    "build": "^0.1.4",
+    "flowstudio": "^0.0.4"
+  }
 }

package/dist/components/app_layout.d.ts

@@ -1,3 +0,0 @@
-import '@radix-ui/themes/styles.css';
-import '@xyflow/react/dist/style.css';
-export default function AppLayout({ theme, accent, children }: any): import("react").JSX.Element;

package/dist/components/app_layout.jsx

@@ -1,15 +0,0 @@
-import { Theme } from '@radix-ui/themes';
-import '@radix-ui/themes/styles.css';
-// import '../styles/sheet.css'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import '@xyflow/react/dist/style.css';
-import { useConfigStore } from '../zustand/store';
-export default function AppLayout({ theme = 'system', accent = 'purple', children }) {
-    const { appTheme } = useConfigStore();
-    const queryClient = new QueryClient();
-    return (<Theme appearance={theme} accentColor={accent}>
-            <QueryClientProvider client={queryClient}>
-            {children}
-            </QueryClientProvider>
-        </Theme>);
-}

package/dist/components/app_settings/data_sources.d.ts

@@ -1 +0,0 @@
-export default function DataSources({ open, setOpen, projectIdentifier }: any): import("react").JSX.Element;

package/dist/components/app_settings/data_sources.jsx

@@ -1,119 +0,0 @@
-import { Card, Text, Select, Button, Separator, Table, TextArea, Flex, TextField } from "@radix-ui/themes";
-import { useState } from "react";
-import { FaDatabase, FaTimes } from "react-icons/fa";
-import * as Yup from 'yup';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from "@hookform/resolvers/yup";
-import { useQuery } from "@tanstack/react-query";
-import * as Form from '@radix-ui/react-form';
-import ComboBox from "../combo_box";
-export default function DataSources({ open, setOpen, projectIdentifier }) {
-    const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
-        queryKey: [`project_${projectIdentifier}`], queryFn: async () => {
-            const res = await fetch(`/api/projects/${projectIdentifier}`);
-            return res?.json();
-        }, ...{ enabled: !!projectIdentifier }
-    });
-    const dataSourceFormSchema = Yup.object().shape({
-        database_type: Yup.string().required('Database Type is required'),
-        connection_string: Yup.string().url('This has to be a URL').required('Connection String is required'),
-    });
-    const { register: registerInput, handleSubmit: handleFormSubmit, reset: resetForm, formState: { errors, isSubmitting }, } = useForm({
-        resolver: yupResolver(dataSourceFormSchema),
-    });
-    const handleSubmit = async (data) => {
-        try {
-            const post_data = JSON.stringify({
-                database_type: data.database_type,
-                connection_string: data.connection_string
-            });
-            const response = await fetch('/api/providers', { method: 'POST', body: post_data });
-            if (await response) {
-                const data = await response.json();
-                if (response.ok) {
-                }
-            }
-        }
-        catch (err) {
-            console.log(err);
-        }
-    };
-    const functions_list = [
-        { identifier: 1, name: 'Source Finder' },
-        { identifier: 2, name: 'Whitelist Checker' },
-        { identifier: 3, name: 'Request Serializer' },
-        { identifier: 4, name: 'Account Checker' },
-        { identifier: 5, name: 'Session GET' },
-        { identifier: 6, name: 'Menu Finder' },
-        { identifier: 1, name: 'Paginator' },
-        { identifier: 1, name: 'Session SET' },
-        { identifier: 1, name: 'Response Serializer' }
-    ];
-    const [getFunctionsList, setFunctionsList] = useState(functions_list?.map((val) => { return { value: val.identifier, label: val.name }; }));
-    return (<>
-        <Flex direction={'column'} height={'100%'} width={'100%'} gap={'5'}>
-              
-
-                  <Form.Root onSubmit={handleFormSubmit(handleSubmit)}>            
-                      <Flex width={'100%'} align={'center'} mb={'3'}>
-                        <Flex flexGrow={'1'}>
-                          <Text>Database Type:</Text>
-                          {/* <FormLabel htmlFor='database_type'>Database Type:</FormLabel> */}
-                        </Flex>
-                        <Flex flexShrink={'0'} direction={'column'}>
-                        <Form.Field name={'connection_string'} serverInvalid={errors.connection_string != null}>
-                          <Select.Root {...registerInput('database_type')} size={'1'}>
-                            <Select.Trigger placeholder="Select Type"/>
-                            <Select.Content position={'popper'}>
-                              <Select.Item value={'oracle'}>Oracle</Select.Item>
-                              <Select.Item value={'postgres'}>PostgreSQL</Select.Item>
-                              <Select.Item value={'mssql'}>Microsoft SQL Server</Select.Item>
-                              <Select.Item value={'mysql'}>MySQL</Select.Item>
-                              <Select.Item value={'mariadb'}>MariaDB</Select.Item>
-                              <Select.Item value={'mongo'}>MongoDB</Select.Item>
-                              <Select.Item value={'cockroachdb'}>Cockroach DB</Select.Item>
-                              <Select.Item value={'sap'}>SAP HANA</Select.Item>
-                              <Select.Item value={'sqljs'}>SQLJS</Select.Item>
-                              <Select.Item value={'aurora-mysql'}>Aurora MySQL</Select.Item>
-                            </Select.Content>
-                          </Select.Root>
-                          {errors.database_type?.message && <Form.Message>{errors.database_type?.message}</Form.Message>}
-                          </Form.Field>
-                        </Flex>
-
-                      </Flex>
-                   
-
-                    <Form.Field name={'connection_string'} serverInvalid={errors.connection_string != null}>
-                      <Form.Label htmlFor='connection_string'>Database Connection String</Form.Label>
-                      <TextField.Root type={'url'} size={'1'} id={'connection_string'} placeholder={'Data Source URL'} {...registerInput('connection_string')}/>
-                      {errors.connection_string?.message && <Form.Message>{errors.connection_string?.message}</Form.Message>}
-                      <Text mt={'1'} size={'1'} color={'gray'}>This is a single database connection string that will be your primary source of data</Text>
-                    </Form.Field>
-
-    <Flex gap={'3'}>
-                    <Button color={'teal'} size={'1'} type={'submit'} variant={'soft'} loading={isSubmitting}><FaDatabase /> Connect</Button>
-                    <Button color={'red'} size={'1'} type={'button'} variant={'soft'} loading={isSubmitting}><FaTimes /> Disconnect</Button>
-                    </Flex>
-                  </Form.Root>
-
-               
-                <Separator size={'4'}/>
-
-                  <Flex direction={'column'} mb={'3'}>
-                    <Text>Functions List</Text>
-                    <ComboBox placeholder={'Select Warehouses'} value={''} onValueChange={() => { }} items={getFunctionsList} isMulti/>
-                  </Flex>
-
-                <Separator size={'4'}/>
-
-                <Text mb={'3'}>Templates Setup</Text>
-                <Card>
-                <Table.Root>
-                  <Table.Header><Table.Row><Table.ColumnHeaderCell>Name</Table.ColumnHeaderCell><Table.ColumnHeaderCell>SQL Statement</Table.ColumnHeaderCell></Table.Row></Table.Header>
-                  <Table.Body><Table.Row><Table.Cell><TextField.Root type={'text'}/></Table.Cell><Table.Cell><TextArea rows={3}></TextArea></Table.Cell></Table.Row></Table.Body>
-                </Table.Root>
-                </Card>
-                </Flex>   
-      </>);
-}

package/dist/components/app_settings/deploy.d.ts

@@ -1 +0,0 @@
-export default function Deploy({ open, setOpen, projectIdentifier }: any): import("react").JSX.Element;

package/dist/components/app_settings/deploy.jsx

@@ -1,22 +0,0 @@
-import { Text, Button, Flex } from "@radix-ui/themes";
-import { useQuery } from "@tanstack/react-query";
-import { BiPlay } from "react-icons/bi";
-export default function Deploy({ open, setOpen, projectIdentifier }) {
-    const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
-        queryKey: [`project_${projectIdentifier}`], queryFn: async () => {
-            const res = await fetch(`/api/projects/${projectIdentifier}`);
-            return res?.json();
-        }, ...{ enabled: !!projectIdentifier }
-    });
-    return (<>
-            {/* <Sheet title={'Deployment'} open={open} setOpen={setOpen} size={'lg'} placement='right' maxWidth={'350px'}> */}
-                <Flex direction={'column'} gap={'3'} height={'100%'}>
-                    
-                    <Text color={'gray'} size={'2'}>Are you sure you want to Deploy Live? NB: This would replace the current state of the project.</Text>                           
-                    <Text color={'gray'} size={'2'}>This process would take some seconds</Text>                           
-                    <Button color={'teal'} type={'submit'}><BiPlay /> Deploy Live</Button>
-                
-                </Flex>
-            {/* </Sheet> */}
-        </>);
-}

package/dist/components/app_settings/index.d.ts

@@ -1 +0,0 @@
-export default function AppSettings(): import("react").JSX.Element;

package/dist/components/app_settings/index.jsx

@@ -1,41 +0,0 @@
-'use client';
-import { Button, Flex, Tabs } from "@radix-ui/themes";
-import { useState } from "react";
-import { IoIosCog } from "react-icons/io";
-import Sheet from "../sheet";
-import DataSources from "./data_sources";
-import ServiceProviders from "./service_providers";
-import Simulator from "./simulator";
-import Deploy from "./deploy";
-export default function AppSettings() {
-    const [open, setOpen] = useState(false);
-    return (<>
-        <Button aria-label='Settings' variant={'soft'} onClick={() => { setOpen(true); }}><IoIosCog /></Button>
-
-        <Sheet title={'Settings'} open={open} setOpen={setOpen} maxWidth={'550px'}>
-        <Flex direction={'column'} gap={'5'} height={'100%'} width={'100%'}>
-        <Tabs.Root defaultValue="data_sources" style={{ width: "100%", height: "100%" }}>
-          <Tabs.List mb={"3"}>
-            <Tabs.Trigger value={"data_sources"}>Data Sources</Tabs.Trigger>
-            
-            <Tabs.Trigger value={"service_providers"}>Service Providers</Tabs.Trigger>
-            <Tabs.Trigger value={"simulator"}>Simulator</Tabs.Trigger>
-            <Tabs.Trigger value={"deployment"}>Deployment</Tabs.Trigger>
-          </Tabs.List>
-          <Tabs.Content value={"data_sources"}>
-            <DataSources />
-            </Tabs.Content>
-            <Tabs.Content value={"service_providers"}>
-            <ServiceProviders />
-            </Tabs.Content>
-            <Tabs.Content value={"simulator"}>
-            <Simulator />
-            </Tabs.Content>
-            <Tabs.Content value={"deployment"}>
-            <Deploy />
-            </Tabs.Content>
-            </Tabs.Root>
-            </Flex>
-            </Sheet>
-        </>);
-}

package/dist/components/app_settings/service_providers.d.ts

@@ -1 +0,0 @@
-export default function ServiceProviders({ open, setOpen, projectIdentifier }: any): import("react").JSX.Element;

package/dist/components/app_settings/service_providers.jsx

@@ -1,84 +0,0 @@
-import { Card, Flex, Select, TextField, Text, Button, Separator, } from "@radix-ui/themes";
-import { useQuery } from "@tanstack/react-query";
-import { BiCopy } from "react-icons/bi";
-import { FaCog, FaSave, FaTimes } from 'react-icons/fa';
-const service_providers = require('../../service_providers.json');
-export default function ServiceProviders({ open, setOpen, projectIdentifier }) {
-    const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
-        queryKey: [`project_${projectIdentifier}`], queryFn: async () => {
-            const res = await fetch(`/api/projects/${projectIdentifier}`);
-            return res?.json();
-        }, ...{ enabled: !!projectIdentifier }
-    });
-    return (<>
-            {/* <Sheet title={'Service Providers'} open={open} setOpen={setOpen} maxWidth={'500px'}> */}
-                <Flex direction={'column'} height={'100%'} width={'100%'}>
-                        <Flex direction={'column'} gap={'1'}>
-                            {project?.providers?.map((val, ind) => (<Flex key={ind} align={'center'}>
-                                    <Flex flexGrow={'1'}>
-                                        <Text color={'gray'} size={'1'}>{val.name}</Text>
-                                    </Flex>
-                                    <Flex flexShrink={'0'} gap={'3'}>
-                                        <Select.Root size={'1'} defaultValue={val.type}>
-                                            <Select.Trigger placeholder="Select Type"/>
-                                            <Select.Content position={'popper'}>
-                                                <Select.Item value={'ussd'}>USSD</Select.Item>
-                                                <Select.Item value={'sms'}>SMS</Select.Item>
-                                                <Select.Item value={'payment'}>Payment</Select.Item>
-                                            </Select.Content>
-                                        </Select.Root>
-                                        <Select.Root size={'1'} defaultValue={val.identifier}>
-                                            <Select.Trigger placeholder="Select Provider"/>
-                                            <Select.Content position={'popper'}>
-                                                {service_providers?.map((prov_val, prov_ind) => (<Select.Item key={prov_ind} value={prov_val.identifier}>{prov_val.name}</Select.Item>))}
-                                            </Select.Content>
-                                        </Select.Root>
-                                        <Button size={'1'} aria-label={'Setting'} variant={'outline'}><FaCog /></Button>
-                                        <Button size={'1'} aria-label={'Remove'} color={'red'} variant={'soft'}><FaTimes /></Button>
-                                    </Flex>
-                                </Flex>))}
-                            <Flex align={'center'}>
-                                <Flex flexGrow={'1'}>
-                                    <Text color={'gray'} size={'1'}>New Provider</Text>
-                                </Flex>
-                                <Flex flexShrink={'0'} gap={'3'}>
-                                    <Select.Root size={'1'} defaultValue={''}>
-                                        <Select.Trigger placeholder="Select Type"/>
-                                        <Select.Content position={'popper'}>
-                                            <Select.Item value={'ussd'}>USSD</Select.Item>
-                                            <Select.Item value={'sms'}>SMS</Select.Item>
-                                            <Select.Item value={'payment'}>Payment</Select.Item>
-                                        </Select.Content>
-                                    </Select.Root>
-                                    <Select.Root size={'1'} defaultValue={''}>
-                                        <Select.Trigger placeholder="Select Provider"/>
-                                        <Select.Content position={'popper'}>
-                                            {service_providers?.map((prov_val, prov_ind) => (<Select.Item key={prov_ind} value={prov_val.identifier}>{prov_val.name}</Select.Item>))}
-                                        </Select.Content>
-                                    </Select.Root>
-                                    <Button size={'1'} aria-label={'Remove'} color={'teal'} variant={'soft'}><FaSave /></Button>
-                                </Flex>
-                            </Flex>
-                        </Flex>
-
-                        {/* USSD Callback */}
-
-                        <Separator my={'3'} size={'4'}/>
-                        
-                        <Card>
-                                <form>
-                                    <Flex direction={'column'} gap={'3'}>
-                                        <Text color={'gray'} size={'2'}>USSD Callback Endpoint</Text>
-                                        <TextField.Root readOnly type={'url'} placeholder={'URL'} autoComplete={'off'} defaultValue={'https://uxxd.osanim.com/api/123456789/callback?network=mtn&mode=start&msisdn=233241844442&sessionid=1234567&userdata=800*008&username=uxxd&trafficid=1234567&other=g4m&serviceCode=1234'}>
-                                            <TextField.Slot side={'right'} pr={'1'}>
-                                                <Button aria-label={'copy'} size={'1'} color={'teal'} variant={'soft'}><BiCopy /></Button>
-                                            </TextField.Slot>
-                                        </TextField.Root>
-                                        <Text color={'gray'} size={'1'}>This link should be shared with all your Providers (Itt helps them redirect all USSD requests from their end to you.)</Text>
-                                    </Flex>
-                                </form>
-                        </Card>
-                    </Flex>
-            {/* </Sheet> */}
-        </>);
-}

package/dist/components/app_settings/simulator.d.ts

@@ -1 +0,0 @@
-export default function Simulator({ open, setOpen, projectIdentifier }: any): import("react").JSX.Element;

package/dist/components/app_settings/simulator.jsx

@@ -1,55 +0,0 @@
-import { Text, Flex, TextField, Button, Card } from "@radix-ui/themes";
-import { useQuery } from "@tanstack/react-query";
-import { useEffect, useState } from "react";
-import { FaPlay } from "react-icons/fa";
-export default function Simulator({ open, setOpen, projectIdentifier }) {
-    const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
-        queryKey: [`project_${projectIdentifier}`], queryFn: async () => {
-            const res = await fetch(`/api/projects/${projectIdentifier}`);
-            return res?.json();
-        }, ...{ enabled: !!projectIdentifier }
-    });
-    const [getMessage, setMessage] = useState('');
-    useEffect(() => {
-        fetchCallback();
-    }, []);
-    const fetchCallback = async () => {
-        try {
-            const response = await fetch('/api/123456789/callback?network=mtn&mode=start&msisdn=233241844442&sessionid=1234567&userdata=800*008&username=uxxd&trafficid=1234567&other=g4m&serviceCode=1234');
-            if (await response) {
-                const data = await response.text();
-                if (response.ok) {
-                    setMessage(data);
-                }
-            }
-        }
-        catch (err) {
-            console.log(err);
-        }
-    };
-    const [loading, setLoading] = useState(false);
-    return (<>
-            {/* <Sheet title={'Simulator'} open={open} setOpen={setOpen} size={'1'} placement='right'> */}
-                <Flex direction={'column'} gap={'5'} width={'100%'} height={'100%'}>
-                        <Card>
-                            <Flex width={'100%'} height={'100%'} direction={'column'}>
-                                <Flex flexShrink={'0'} width={'100%'} justify={'between'} p={'2'} align={'center'}>
-                                    <Flex align={'center'}><Text>12:00PM</Text></Flex>
-                                    <Flex align={'center'}><Text>59%</Text></Flex>
-                                </Flex>
-                                <Flex flexGrow={'1'}>
-                                    <Text>
-                                        {/* {parse(getMessage)}  */}
-                                        {getMessage}
-                                        </Text>
-                                </Flex>
-                                <Flex flexShrink={'0'} gap={'2'}>
-                                    <Flex flexGrow={'1'}><TextField.Root size={'1'} type={'text'} placeholder={'Your Input'} style={{ width: '100%' }}/></Flex>
-                                    <Flex flexShrink={'0'}><Button loading={loading} size={'1'} onClick={() => { setLoading(true); }} color={'teal'} variant={'soft'}><FaPlay /> Send</Button></Flex>
-                                </Flex>
-                            </Flex>
-                        </Card>
-                    </Flex>
-            {/* </Sheet> */}
-        </>);
-}

package/dist/components/combo_box/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './style.css';
-export default function ComboBox({ type, value, onValueChange, placeholder, items, noItemsText, isMulti, width, ...rest }: any): React.JSX.Element;

package/dist/components/combo_box/index.jsx

@@ -1,104 +0,0 @@
-'use client';
-import React, { useState, useEffect } from 'react';
-import { Flex, TextField, Text, ScrollArea, Popover, Button, Badge } from '@radix-ui/themes';
-import { ChevronsUpDown, Search } from 'lucide-react';
-import './style.css';
-import { IoMdClose } from 'react-icons/io';
-export default function ComboBox({ type = 'text', value, onValueChange, placeholder, items, noItemsText = 'No', isMulti = false, width = '100%', ...rest }) {
-    const [getSearchText, setSearchText] = useState('');
-    const [open, setOpen] = useState(false);
-    const [getSortedItems, setSortedItems] = useState([]);
-    const [getValue, setValue] = useState(isMulti ? [] : value);
-    // useEffect(()=>{
-    //   if(value){
-    //     setValue(value);
-    //   }else{
-    //    setValue(null)
-    //   }
-    // },[value])
-    useEffect(() => {
-        if (getValue?.length > 0) {
-            onValueChange(getValue);
-        }
-        else {
-            onValueChange(null);
-        }
-    }, [getValue]);
-    useEffect(() => {
-        if (items && getSearchText) {
-            setSortedItems(items?.filter((item) => item.text.toLowerCase().includes(getSearchText.toLowerCase())));
-        }
-        else {
-            setSortedItems(items);
-        }
-    }, [items, getSearchText]);
-    const handleSelectItem = (item) => {
-        if (!isMulti) {
-            setValue(item?.value);
-            setOpen(false);
-        }
-        else {
-            if (!getValue?.includes(item?.value)) {
-                setValue([...getValue, item?.value]);
-            }
-            setOpen(false);
-        }
-    };
-    const handleRemoveItem = (val) => {
-        setValue(getValue.filter((item) => item !== val));
-    };
-    return (<>
-  {/* {JSON.stringify(getValue)} */}
-     <Popover.Root open={open} onOpenChange={setOpen}>
-      <Popover.Trigger>
-        <Button variant={'outline'} style={{ width: width, height: 'auto', minHeight: 30, paddingTop: 5, paddingBottom: 5, justifyContent: 'space-between' }} {...rest}>
-          <Flex wrap={'wrap'} gap={'2'}>
-          {!isMulti && (<Text style={{
-                display: '-webkit-box',
-                WebkitBoxOrient: 'vertical',
-                WebkitLineClamp: 1,
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'normal'
-            }}>
-                  {items?.find((item) => item.value === getValue)?.text || placeholder}
-                </Text>)}
-              {isMulti && (<>
-                {getValue?.length > 0 ? <>
-                  {getValue?.map((val, ind) => (<Badge key={ind} variant="soft" highContrast>
-                      {items?.find((item) => item.value === val)?.text || placeholder}
-                      {/* <IoMdClose onClick={() => handleRemoveItem(val)} style={{ marginLeft: 5, cursor: 'pointer' }} /> */}
-                    </Badge>))}
-                  </> :
-                <Text style={{ display: '-webkit-box', WebkitBoxOrient: 'vertical', WebkitLineClamp: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'normal' }}>{placeholder}</Text>}
-                </>)}
-          </Flex>
-          <ChevronsUpDown size={'12'}/>
-          </Button>
-      </Popover.Trigger>
-      <Popover.Content maxWidth={'250px'} style={{ padding: 5, marginTop: 3 }}>
-        <Flex direction='column' p='1' gap={'2'}>
-          <TextField.Root placeholder='Search' value={getSearchText} onChange={(e) => { setSearchText(e.target.value); }}>
-            <TextField.Slot side='left'>
-              <Search size={16}/>
-            </TextField.Slot>
-            <TextField.Slot side='right' pr={'1'}>
-              <Button size={'1'} variant={'soft'} color={'red'} highContrast onClick={() => { setSearchText(''); setOpen(false); }}><IoMdClose /></Button>
-            </TextField.Slot>
-          </TextField.Root>
-
-          <ScrollArea type='auto' scrollbars='vertical' style={{ height: '200px' }}>
-            <Flex align='center' gap='2' className={'widget_item'} p={'2'} onClick={() => { setValue(isMulti ? [] : ''); setOpen(false); }}>
-              <Text size={'2'} color={'gray'} style={{ userSelect: 'none' }}>{noItemsText}</Text>
-            </Flex>
-            {/* {items?.length} */}
-            {getSortedItems?.map((item, ind) => (<Flex align='center' gap='2' className={'widget_item'} key={ind} p={'2'} onClick={() => handleSelectItem(item)}>
-                {item?.icon}
-                <Text size={'2'} color={'gray'} style={{ userSelect: 'none' }}>{item.text}</Text>
-              </Flex>))}
-          </ScrollArea>
-        </Flex>
-      </Popover.Content>
-    </Popover.Root>
-    </>);
-}

package/dist/components/context.d.ts

@@ -1 +0,0 @@
-export default function ContextMenu({ showMenu, setShowMenu, menuPosition }: any): import("react").JSX.Element;

package/dist/components/context.jsx

@@ -1,24 +0,0 @@
-import { Card, Flex, Button } from "@radix-ui/themes";
-import { BiMessage, BiTrash } from "react-icons/bi";
-import { FaMessage } from "react-icons/fa6";
-export default function ContextMenu({ showMenu, setShowMenu, menuPosition }) {
-    // const {showMenu, menuPosition} = useConfigStore()
-    const handleMenuItemClick = (action) => {
-        setShowMenu(false);
-        // Perform action based on the selected menu item
-        // console.log('Selected action:', action);
-    };
-    return (<Card onBlur={() => { setShowMenu(false); }} style={{
-            position: 'fixed',
-            top: menuPosition.y,
-            left: menuPosition.x,
-            zIndex: 1000,
-        }}>
-           <Flex direction={'column'} gap={'3'}>
-            {/* <Button variant={'ghost'} size={'1'} leftIcon={<FaPlus/>} justify={'start'} rounded={0} onClick={() => handleMenuItemClick('Action 1')} fontWeight={'thin'} >Start Node</Button> */}
-            <Button variant={'ghost'} size={'1'} onClick={() => handleMenuItemClick('Action 1')} style={{ justifyContent: 'start', width: '100%' }}><FaMessage /> Normal Node</Button>
-            <Button variant={'ghost'} size={'1'} onClick={() => handleMenuItemClick('Action 1')} style={{ justifyContent: 'start', width: '100%' }}><BiMessage /> End Node</Button>
-            <Button variant={'ghost'} size={'1'} onClick={() => handleMenuItemClick('Action 1')} color={'red'} style={{ justifyContent: 'start', width: '100%' }}><BiTrash /> Delete Node</Button>
-           </Flex>
-        </Card>);
-}

package/dist/components/dock_panel.d.ts

@@ -1,2 +0,0 @@
-declare const DockPanel: ({ projectIdentifier }: any) => import("react").JSX.Element;
-export default DockPanel;

package/dist/components/dock_panel.jsx

@@ -1,55 +0,0 @@
-import { Button, Card, Flex, SegmentedControl, TextField, Link } from "@radix-ui/themes";
-import { BiHome } from "react-icons/bi";
-// import { IoIosCog } from "react-icons/io";
-// import NextLink from 'next/link'
-// import DataSources from "./app_settings/data_sources";
-// import ServiceProviders from "./app_settings/service_providers";
-// import Simulator from "./app_settings/simulator";
-// import Deploy from "./app_settings/deploy";
-// import { FaDatabase } from "react-icons/fa";
-// import Link from "next/link";
-import { useState } from "react";
-import { useConfigStore } from "../zustand/store";
-import AppSettings from "./app_settings";
-import { IoSave } from "react-icons/io5";
-import { useQuery } from "@tanstack/react-query";
-const DockPanel = ({ projectIdentifier }) => {
-    const [dataSourcesOpen, setDataSourcesOpen] = useState(false);
-    const [serviceProvidersOpen, setServiceProvidersOpen] = useState(false);
-    const [simulatorOpen, setSimulatorOpen] = useState(false);
-    const [deployOpen, setDeployOpen] = useState(false);
-    const { stateType, setStateType } = useConfigStore();
-    // const { isOpen: isFunctionsDrawerOpen, onOpen: onFunctionsDrawerOpen, onClose: onFunctionsDrawerClose } = useDisclosure()
-    // const { isOpen: isServiceProvidersDrawerOpen, onOpen: onServiceProvidersDrawerOpen, onClose: onServiceProvidersDrawerClose } = useDisclosure()
-    // const { isOpen: isSimulatorDrawerOpen, onOpen: onSimulatorDrawerOpen, onClose: onSimulatorDrawerClose } = useDisclosure()
-    // const { isOpen: isDeployModalOpen, onOpen: onDeployModalOpen, onClose: onDeployModalClose } = useDisclosure()
-    const { data: project, status: projectStatus } = useQuery({
-        queryKey: [`project_${projectIdentifier}`, projectIdentifier],
-        queryFn: async () => {
-            const res = await fetch(`/api/projects/${projectIdentifier}`);
-            return res?.ok ? res.json() : [];
-        },
-        ...{ enabled: !!projectIdentifier },
-    });
-    return (<>            
-            <Flex width={'100%'} justify={'center'} align={'center'}>
-                <Card size={'1'} style={{ padding: 7 }}>                        
-                    <Flex gap={'2'}>
-                        <Link href={'/app'} aria-label='Home'><Button variant={'soft'}><BiHome /></Button></Link>
-                        <TextField.Root placeholder="Project Title" defaultValue={project?.title || ''}>
-                            <TextField.Slot side={'right'} pr={'1'}>
-                                <Button size={'1'} variant={'soft'}><IoSave /></Button>
-                            </TextField.Slot>
-                        </TextField.Root>                            
-                        <SegmentedControl.Root defaultValue="build" variant={'surface'}>
-                            <SegmentedControl.Item onClick={() => setStateType('build')} value="build">Build</SegmentedControl.Item>
-                            <SegmentedControl.Item onClick={() => setStateType('analytics')} value="analytics">Analytics</SegmentedControl.Item>
-                        </SegmentedControl.Root>
-                        <AppSettings />
-                    </Flex>
-                    
-                </Card>
-            </Flex>
-        </>);
-};
-export default DockPanel;

package/dist/components/end.d.ts

@@ -1 +0,0 @@
-export default function EndNode({ data }: any): import("react").JSX.Element;

package/dist/components/end.jsx

@@ -1,4 +0,0 @@
-import XNode from "./xnode";
-export default function EndNode({ data }) {
-    return (<XNode id={data.id} type={'end'} data={{ message: data.message }} inputs={data.inputs}/>);
-}

package/dist/components/input.d.ts

@@ -1 +0,0 @@
-export default function InputNode({ id, y, data }: any): import("react").JSX.Element;

package/dist/components/input.jsx

@@ -1,19 +0,0 @@
-import { Button, Flex, TextField, } from "@radix-ui/themes";
-import { useState } from "react";
-import { LiaTimesSolid } from "react-icons/lia";
-import { Handle, Position } from "@xyflow/react";
-export default function InputNode({ id = 'i', y = 100, data }) {
-    const [show, setShow] = useState(false);
-    const handleClick = () => setShow(!show);
-    return (<Flex position={'relative'}>
-            <TextField.Root type={'text'} id={'text_value'} placeholder={'Option Text'} autoComplete={'off'} className="nodrag">
-                <TextField.Slot>
-                    <Button aria-label={'close'} size={'1'} variant={'outline'} onClick={handleClick}><LiaTimesSolid /></Button>
-                </TextField.Slot>
-                
-            </TextField.Root>
-
-            {/* <Input size={'1'} type={'text'} textAlign={'end'} className="nodrag" placeholder={'Option Text'} /> */}
-            <Handle type="source" position={Position.Right} id={id} style={{ right: -15, background: '#009688', borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, position: 'absolute', top: 16 }}/>
-        </Flex>);
-}

package/dist/components/layouts/ThemeLayout.d.ts

@@ -1,2 +0,0 @@
-import "@radix-ui/themes/styles.css";
-export default function ThemeLayout({ children }: any): import("react").JSX.Element;