- Missed a few files that needed to be .jsx

- seperated out package locks per package

packages/ui/package.json

@@ -19,7 +19,6 @@
         "axios": "^0.27.2",
         "clsx": "^1.1.1",
         "dotenv": "^16.0.0",
-        "find-up": "^7.0.0",
         "flowise-embed": "*",
         "flowise-embed-react": "*",
         "flowise-react-json-view": "*",
@@ -61,7 +60,9 @@
     "scripts": {
         "preinstall": "npx only-allow pnpm",
         "dev": "vite",
-        "build": "vite build"
+        "build": "vite build",
+        "clean": "rimraf build",
+        "nuke": "rimraf build node_modules"
     },
     "babel": {
         "presets": [
@@ -88,6 +89,7 @@
         "@testing-library/user-event": "^12.8.3",
         "pretty-quick": "^3.1.3",
         "react-scripts": "^5.0.1",
+        "rimraf": "^5.0.5",
         "sass": "^1.42.1",
         "typescript": "^4.8.4"
     }

packages/ui/src/ui-component/button/FlowListMenu.jsx

@@ -15,19 +15,19 @@ import Button from '@mui/material/Button'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 import { IconX } from '@tabler/icons'
 
-import chatflowsApi from 'api/chatflows'
+import chatflowsApi from '@/api/chatflows'
 
-import useApi from '../../hooks/useApi'
-import useConfirm from 'hooks/useConfirm'
-import { uiBaseURL } from '../../store/constant'
-import { closeSnackbar as closeSnackbarAction, enqueueSnackbar as enqueueSnackbarAction } from '../../store/actions'
+import useApi from '@/hooks/useApi'
+import useConfirm from '@/hooks/useConfirm'
+import { uiBaseURL } from '@/store/constant'
+import { closeSnackbar as closeSnackbarAction, enqueueSnackbar as enqueueSnackbarAction } from '@/store/actions'
 
-import ConfirmDialog from '../dialog/ConfirmDialog'
-import SaveChatflowDialog from '../dialog/SaveChatflowDialog'
-import TagDialog from '../dialog/TagDialog'
+import ConfirmDialog from '@/ui-component/dialog/ConfirmDialog'
+import SaveChatflowDialog from '@/ui-component/dialog/SaveChatflowDialog'
+import TagDialog from '@/ui-component/dialog/TagDialog'
 
-import { generateExportFlowData } from '../../utils/genericHelper'
-import useNotifier from '../../utils/useNotifier'
+import { generateExportFlowData } from '@/utils/genericHelper'
+import useNotifier from '@/utils/useNotifier'
 
 const StyledMenu = styled((props) => (
     <Menu

packages/ui/src/ui-component/dialog/ViewMessagesDialog.jsx

@@ -53,7 +53,7 @@ import { baseURL } from '@/store/constant'
 
 import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from '@/store/actions'
 
-import 'views/chatmessage/ChatMessage.css'
+import '@/views/chatmessage/ChatMessage.css'
 import 'react-datepicker/dist/react-datepicker.css'
 
 const DatePickerCustomInput = forwardRef(function DatePickerCustomInput({ value, onClick }, ref) {

packages/ui/src/views/apikey/index.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from 'store/actions'
+import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from '@/store/actions'
 
 // material-ui
 import {
@@ -55,7 +55,7 @@ import {
     IconEye,
     IconEyeOff
 } from '@tabler/icons'
-import APIEmptySVG from 'assets/images/api_empty.svg'
+import APIEmptySVG from '@/assets/images/api_empty.svg'
 import * as PropTypes from 'prop-types'
 import moment from 'moment/moment'
 

packages/ui/src/views/assistants/DeleteConfirmDialog.jsx

@@ -1,7 +1,7 @@
 import { createPortal } from 'react-dom'
 import PropTypes from 'prop-types'
 import { Button, Dialog, DialogContent, DialogTitle } from '@mui/material'
-import { StyledButton } from 'ui-component/button/StyledButton'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 
 const DeleteConfirmDialog = ({ show, dialogProps, onCancel, onDelete, onDeleteBoth }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/views/credentials/index.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from 'store/actions'
+import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from '@/store/actions'
 import moment from 'moment'
 
 // material-ui