- const loginTextBrowser = !isLoggedIn ? (
-
-
-
-
-
- About
-
-
-
-
- {!isLoaded ? null :
- userdata.chat_disabled === true ? null :
-
-
-
- }
-
-
-
-
-
- Login
-
-
-
-
-
-
- ) : (
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/*
-
-
- Dashboard
-
-
- */}
-
-
-
-
- Docs
-
-
-
- {/*
-
-
-
-
- Pricing
-
-
-
- */}
- {/*
-
-
- Configure
-
-
- */}
-
-
- {!isLoaded ? null :
- userdata.chat_disabled === true ? null :
-
-
-
- }
-
- {avatarMenu}
- {notificationMenu}
- {userdata === undefined ||
- userdata.admin === undefined ||
- userdata.admin === null ||
- !userdata.admin ? null : (
-
-
-
- )}
- {userdata === undefined ||
- userdata.orgs === undefined ||
- userdata.orgs === null ||
- userdata.orgs.length <= 1 ? null : (
-
- )}
-
-
- );
-
- //console.log("USR: ", userdata.orgs)
-
- const loginTextMobile = !isLoggedIn ? (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- About
-
-
-
-
-
- ) : (
-
-
-
-
-
-
- Shuffle
-
-
-
-
-
-
- Workflows
-
-
-
-
-
-
- Apps
-
-
-
- {/*
-
-
- Configure
-
-
- */}
-
-
-
- {avatarMenu}
-
-
- );
-
- //
- const loadedCheck = (
-
- {loginTextBrowser}
- {loginTextMobile}
-
- );
- //
- return (
-
- {loadedCheck}
-
- );
-};
-
-export default Header;
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index 975df6b7..49115072 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -1,6 +1,6 @@
import React, {useState} from 'react';
import {BrowserView, MobileView} from "react-device-detect";
-import { useTheme } from '@material-ui/core/styles';
+import theme from '../theme.jsx';
import {Link} from 'react-router-dom';
import ReactGA from 'react-ga4';
@@ -21,7 +21,7 @@ import {
IconButton,
Divider,
LinearProgress,
-} from '@material-ui/core'
+} from '@mui/material';
import {
MeetingRoom as MeetingRoomIcon,
@@ -34,12 +34,9 @@ import {
Description as DescriptionIcon,
EmojiObjects as EmojiObjectsIcon,
Business as BusinessIcon,
-} from '@material-ui/icons';
-
-import {
Analytics as AnalyticsIcon,
Lightbulb as LightbulbIcon,
-} from "@mui/icons-material";
+} from '@mui/icons-material';
import { useAlert } from "react-alert";
@@ -49,7 +46,6 @@ const hoverOutColor = "#e8eaf6"
const Header = props => {
const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, homePage, userdata, serverside, } = props;
- const theme = useTheme();
const alert = useAlert()
diff --git a/frontend/src/components/LandingpageUsecases.jsx b/frontend/src/components/LandingpageUsecases.jsx
index 9fd5d016..063e4a6b 100644
--- a/frontend/src/components/LandingpageUsecases.jsx
+++ b/frontend/src/components/LandingpageUsecases.jsx
@@ -4,7 +4,7 @@ import AppFramework, { usecases } from "../components/AppFramework.jsx";
import {Link} from 'react-router-dom';
import ReactGA from 'react-ga4';
-import { Button, LinearProgress, Typography } from '@material-ui/core';
+import { Button, LinearProgress, Typography } from '@mui/material';
export const securityFramework = [
{
diff --git a/frontend/src/components/LoginPopup.js b/frontend/src/components/LoginPopup.js
old mode 100644
new mode 100755
diff --git a/frontend/src/components/NestedMenu.jsx b/frontend/src/components/NestedMenu.jsx
old mode 100644
new mode 100755
diff --git a/frontend/src/components/Newsletter.jsx b/frontend/src/components/Newsletter.jsx
index ccadf77b..36a7519c 100644
--- a/frontend/src/components/Newsletter.jsx
+++ b/frontend/src/components/Newsletter.jsx
@@ -1,5 +1,5 @@
import React, {useState} from 'react';
-import { useTheme } from '@material-ui/core/styles';
+import theme from '../theme.jsx';
import {isMobile} from "react-device-detect";
import ReactGA from 'react-ga4';
@@ -8,7 +8,6 @@ import {TextField, Typography, Button} from '@material-ui/core';
const Newsletter = (props) => {
const { globalUrl, } = props;
- const theme = useTheme();
const [email, setEmail] = useState("");
const [msg, setMsg] = useState("");
const [buttonActive, setButtonActive] = useState(true);
diff --git a/frontend/src/components/Oauth2Auth.jsx b/frontend/src/components/Oauth2Auth.jsx
old mode 100644
new mode 100755
index c28f24c7..69b3a699
--- a/frontend/src/components/Oauth2Auth.jsx
+++ b/frontend/src/components/Oauth2Auth.jsx
@@ -1,7 +1,7 @@
import React, { useRef, useState, useEffect, useLayoutEffect } from "react";
import { useParams, useNavigate, Link } from "react-router-dom";
-import { useTheme } from "@material-ui/core/styles";
import theme from '../theme.jsx';
+import { useAlert } from "react-alert";
import { v4 as uuidv4 } from "uuid";
import {
@@ -37,7 +37,7 @@ import {
CircularProgress,
Switch,
Fade,
-} from "@material-ui/core";
+} from "@mui/material";
import {
LockOpen as LockOpenIcon,
SupervisorAccount as SupervisorAccountIcon,
@@ -97,6 +97,7 @@ const AuthenticationOauth2 = (props) => {
} = props;
let navigate = useNavigate();
+ const alert = useAlert()
//const [update, setUpdate] = React.useState("|")
const [defaultConfigSet, setDefaultConfigSet] = React.useState(
@@ -312,11 +313,31 @@ const AuthenticationOauth2 = (props) => {
const redirectUri = `${window.location.protocol}//${window.location.host}/set_authentication`;
const workflowId = workflow !== undefined ? workflow.id : "";
var state = `workflow_id%3D${workflowId}%26reference_action_id%3d${selectedAction.app_id}%26app_name%3d${selectedAction.app_name}%26app_id%3d${selectedAction.app_id}%26app_version%3d${selectedAction.app_version}%26authentication_url%3d${authentication_url}%26scope%3d${resources}%26client_id%3d${client_id}%26client_secret%3d${client_secret}`;
+
+
+ // This is to make sure authorization can be handled WITHOUT being logged in,
+ // kind of making it act like an api key
+ // https://shuffler.io/authorization -> 3rd party integration auth
+ const urlParams = new URLSearchParams(window.location.search);
+ const userAuth = urlParams.get("authorization");
+ if (userAuth !== undefined && userAuth !== null && userAuth.length > 0) {
+ console.log("Adding authorization from user side")
+ state += `%26authorization%3d${userAuth}`;
+ }
+
+ // Check for org_id
+ const orgId = urlParams.get("org_id");
+ if (orgId !== undefined && orgId !== null && orgId.length > 0) {
+ console.log("Adding org_id from user side")
+ state += `%26org_id%3d${orgId}`;
+ }
+
if (oauth_url !== undefined && oauth_url !== null && oauth_url.length > 0) {
state += `%26oauth_url%3d${oauth_url}`;
console.log("ADDING OAUTH2 URL: ", state);
}
+
if (
authenticationType.refresh_uri !== undefined &&
authenticationType.refresh_uri !== null &&
@@ -356,7 +377,7 @@ const AuthenticationOauth2 = (props) => {
// How can we get a callback properly realtime?
// How can we properly try-catch without breaks on error?
try {
- var newwin = window.open(url, "", "width=800,height=600");
+ var newwin = window.open(url, "", "width=582,height=700");
//console.log(newwin)
var open = true;
@@ -447,9 +468,8 @@ const AuthenticationOauth2 = (props) => {
] = "false";
} else {
alert.info(
- "Field " +
- selectedApp.authentication.parameters[key].name +
- " can't be empty"
+ "Field " + selectedApp.authentication.parameters[key].name.replace("_basic", "", -1).replace("_", " ", -1) + " can't be empty"
+
);
return;
}
diff --git a/frontend/src/components/OrgHeader.jsx b/frontend/src/components/OrgHeader.jsx
index 2f1b765e..354ec93b 100644
--- a/frontend/src/components/OrgHeader.jsx
+++ b/frontend/src/components/OrgHeader.jsx
@@ -1,5 +1,6 @@
import React, { useEffect } from "react";
-import { makeStyles } from "@material-ui/styles";
+import theme from '../theme.jsx';
+import { makeStyles } from "@mui/styles";
import { useTheme } from "@material-ui/core/styles";
import Tooltip from "@material-ui/core/Tooltip";
@@ -9,9 +10,12 @@ import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { useAlert } from "react-alert";
import IconButton from "@material-ui/core/IconButton";
-import ExpandLessIcon from "@material-ui/icons/ExpandLess";
-import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
-import SaveIcon from "@material-ui/icons/Save";
+
+import {
+ ExpandLess as ExpandLessIcon,
+ ExpandMore as ExpandMoreIcon,
+ Save as SaveIcon,
+} from "@mui/icons-material";
const useStyles = makeStyles({
notchedOutline: {
@@ -33,7 +37,6 @@ const OrgHeader = (props) => {
handleEditOrg,
} = props;
- const theme = useTheme();
const alert = useAlert();
const classes = useStyles();
diff --git a/frontend/src/components/OrgHeaderexpanded.jsx b/frontend/src/components/OrgHeaderexpanded.jsx
index f2691e54..6a508aa6 100644
--- a/frontend/src/components/OrgHeaderexpanded.jsx
+++ b/frontend/src/components/OrgHeaderexpanded.jsx
@@ -1,8 +1,8 @@
import React, { useEffect } from "react";
-import { makeStyles } from "@material-ui/styles";
-import { useTheme } from "@material-ui/core/styles";
+import { makeStyles } from "@mui/styles";
import { useAlert } from "react-alert";
+import theme from '../theme.jsx';
import {
FormControl,
@@ -23,12 +23,14 @@ import {
Tabs,
Tab,
Grid,
-} from "@material-ui/core";
+ IconButton,
+} from "@mui/material";
-import IconButton from "@material-ui/core/IconButton";
-import ExpandLessIcon from "@material-ui/icons/ExpandLess";
-import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
-import SaveIcon from "@material-ui/icons/Save";
+import {
+ ExpandLess as ExpandLessIcon,
+ ExpandMore as ExpandMoreIcon,
+ Save as SaveIcon,
+} from "@mui/icons-material";
const useStyles = makeStyles({
notchedOutline: {
@@ -46,7 +48,6 @@ const OrgHeaderexpanded = (props) => {
adminTab,
} = props;
- const theme = useTheme();
const alert = useAlert();
const classes = useStyles();
const defaultBranch = "master";
@@ -699,4 +700,4 @@ const OrgHeaderexpanded = (props) => {
)
}
-export default OrgHeaderexpanded;
\ No newline at end of file
+export default OrgHeaderexpanded;
diff --git a/frontend/src/components/PaperComponent.jsx b/frontend/src/components/PaperComponent.jsx
index 76fb56ef..d1e2dc22 100644
--- a/frontend/src/components/PaperComponent.jsx
+++ b/frontend/src/components/PaperComponent.jsx
@@ -3,7 +3,7 @@ import React, {useState, useEffect, useLayoutEffect} from 'react';
import Draggable from "react-draggable";
import {
Paper
-} from "@material-ui/core";
+} from "@mui/material";
const PaperComponent = (props) => {
return (
diff --git a/frontend/src/components/ParsedAction.jsx b/frontend/src/components/ParsedAction.jsx
old mode 100644
new mode 100755
index 0ff30f85..45ad7dbd
--- a/frontend/src/components/ParsedAction.jsx
+++ b/frontend/src/components/ParsedAction.jsx
@@ -1,13 +1,14 @@
import React, { useState, useEffect, useLayoutEffect } from "react";
-import { makeStyles, createStyles } from "@material-ui/core/styles";
+import { makeStyles, createStyles } from "@mui/styles";
+import theme from '../theme.jsx';
+
import { validateJson, GetIconInfo } from "../views/Workflows.jsx";
import { GetParsedPaths } from "../views/Apps.jsx";
import { sortByKey } from "../views/AngularWorkflow.jsx";
-import { useTheme } from "@material-ui/core/styles";
-import NestedMenuItem from "material-ui-nested-menu-item";
+//import NestedMenuItem from "material-ui-nested-menu-item-v5";
+import { NestedMenuItem } from "mui-nested-menu";
import { useAlert } from "react-alert";
-import theme from '../theme.jsx';
import {
ButtonGroup,
@@ -43,11 +44,8 @@ import {
CircularProgress,
Switch,
Fade,
-} from "@material-ui/core";
-
-import {
Autocomplete
-} from "@material-ui/lab";
+} from "@mui/material";
import {
HelpOutline as HelpOutlineIcon,
@@ -172,7 +170,6 @@ const ParsedAction = (props) => {
//setExpansionModalOpen,
} = props;
- //const theme = useTheme();
const classes = useStyles();
const alert = useAlert()
@@ -1595,6 +1592,7 @@ const ParsedAction = (props) => {
maxWidth: "95%",
fontSize: "1em",
},
+ disableUnderline: true,
endAdornment: hideExtraTypes ? null : (
@@ -2958,6 +2956,7 @@ const ParsedAction = (props) => {
style={theme.palette.textFieldStyle}
InputProps={{
style: theme.palette.innerTextfieldStyle,
+ disableUnderline: true,
}}
fullWidth
color="primary"
@@ -3177,6 +3176,7 @@ const ParsedAction = (props) => {
}}
InputProps={{
style: theme.palette.innerTextfieldStyle,
+ disableUnderline: true,
}}
placeholder={selectedAction.execution_delay}
defaultValue={selectedAction.execution_delay}
@@ -3492,7 +3492,7 @@ const ParsedAction = (props) => {
)
}}
- options={selectedApp.actions.filter((a) => a.category_label !== undefined && a.category_label !== null && a.category_label.length > 0).concat(sortByKey(selectedApp.actions, "label"))}
+ options={selectedApp.actions === undefined || selectedApp.actions === null ? [] : selectedApp.actions.filter((a) => a.category_label !== undefined && a.category_label !== null && a.category_label.length > 0).concat(sortByKey(selectedApp.actions, "label"))}
ListboxProps={{
style: {
backgroundColor: theme.palette.inputColor,
diff --git a/frontend/src/components/Priorities.jsx b/frontend/src/components/Priorities.jsx
index 88bea907..6e0a872e 100644
--- a/frontend/src/components/Priorities.jsx
+++ b/frontend/src/components/Priorities.jsx
@@ -9,7 +9,7 @@ import {
Grid,
Card,
Switch,
-} from "@material-ui/core";
+} from "@mui/material";
import Priority from "../components/Priority.jsx";
import { useAlert } from "react-alert";
diff --git a/frontend/src/components/Priority.jsx b/frontend/src/components/Priority.jsx
index 0123b37d..8d571d79 100644
--- a/frontend/src/components/Priority.jsx
+++ b/frontend/src/components/Priority.jsx
@@ -9,7 +9,7 @@ import {
Button,
Grid,
Card,
-} from "@material-ui/core";
+} from "@mui/material";
// import magic wand icon from material ui icons
import {
diff --git a/frontend/src/components/RenderCytoscape.js b/frontend/src/components/RenderCytoscape.js
old mode 100644
new mode 100755
diff --git a/frontend/src/components/ScrollToTop.jsx b/frontend/src/components/ScrollToTop.jsx
old mode 100644
new mode 100755
diff --git a/frontend/src/components/Searchfield.js b/frontend/src/components/Searchfield.js
deleted file mode 100644
index 43fa7934..00000000
--- a/frontend/src/components/Searchfield.js
+++ /dev/null
@@ -1,648 +0,0 @@
-import React, {useState, useEffect, useRef} from 'react';
-
-import { useNavigate, Link, useParams } from "react-router-dom";
-import { useTheme } from '@material-ui/core/styles';
-import SearchIcon from '@material-ui/icons/Search';
-
-import {
- Chip,
- IconButton,
- TextField,
- InputAdornment,
- List,
- Card,
- ListItem,
- ListItemAvatar,
- ListItemText,
- Avatar,
- Typography,
- Tooltip,
-} from '@material-ui/core';
-
-import {
- AvatarGroup,
-} from "@mui/material"
-
-import {Close as CloseIcon, Folder as FolderIcon, Polymer as PolymerIcon, LibraryBooks as LibraryBooksIcon} from '@material-ui/icons'
-
-import algoliasearch from 'algoliasearch/lite';
-import aa from 'search-insights'
-import { InstantSearch, Configure, connectSearchBox, connectHits, Index } from 'react-instantsearch-dom';
-//import { InstantSearch, SearchBox, Hits, connectSearchBox, connectHits, Index } from 'react-instantsearch-dom';
-
-// https://www.algolia.com/doc/api-reference/widgets/search-box/react/
-const chipStyle = {
- backgroundColor: "#3d3f43", height: 30, marginRight: 5, paddingLeft: 5, paddingRight: 5, height: 28, cursor: "pointer", borderColor: "#3d3f43", color: "white",
-}
-
-const searchClient = algoliasearch("JNSS5CFDZZ", "db08e40265e2941b9a7d8f644b6e5240")
-const SearchField = props => {
- const { serverside, userdata } = props
-
- const theme = useTheme();
- let navigate = useNavigate();
- const borderRadius = 3
- const node = useRef()
- const [searchOpen, setSearchOpen] = useState(false)
- const [oldPath, setOldPath] = useState("")
-
- if (serverside === true) {
- return null
- }
-
- if (window !== undefined && window.location !== undefined && window.location.pathname === "/search") {
- return null
- }
-
- const isCloud = window.location.host === "localhost:3002" || window.location.host === "shuffler.io";
-
- if (window.location.pathname !== oldPath) {
- setSearchOpen(false)
- setOldPath(window.location.pathname)
- }
-
- //useEffect(() => {
- // if (searchOpen) {
- // var tarfield = document.getElementById("shuffle_search_field")
- // tarfield.focus()
- // }
- //}, searchOpen)
-
- const SearchBox = ({currentRefinement, refine, isSearchStalled, } ) => {
-
- /*
- endAdornment: (
- {
- event.preventDefault()
- }}>
- {
- setSearchOpen(false)
- }} />
-
- ),
- */
-
- return (
-
- ),
- }}
- autoComplete='off'
- type="search"
- color="primary"
- placeholder="Find Public Apps, Workflows, Documentation and more"
- value={currentRefinement}
- id="shuffle_search_field"
- onClick={(event) => {
- if (!searchOpen) {
- setSearchOpen(true)
- setTimeout(() => {
- var tarfield = document.getElementById("shuffle_search_field")
- //console.log("TARFIELD: ", tarfield)
- tarfield.focus()
- }, 100)
- }
- }}
- onBlur={(event) => {
- setTimeout(() => {
- setSearchOpen(false)
- }, 500)
- }}
- onChange={(event) => {
- //if (event.currentTarget.value.length > 0 && !searchOpen) {
- // setSearchOpen(true)
- //}
-
- refine(event.currentTarget.value)
- }}
- limit={5}
- />
- {/*isSearchStalled ? 'My search is stalled' : ''*/}
-
- )
- }
-
- const WorkflowHits = ({ hits }) => {
- const [mouseHoverIndex, setMouseHoverIndex] = useState(0)
-
- var tmp = searchOpen
- if (!searchOpen) {
- return null
- }
-
-
- const positionInfo = document.activeElement.getBoundingClientRect()
- const outerlistitemStyle = {
- width: "100%",
- overflowX: "hidden",
- overflowY: "hidden",
- borderBottom: "1px solid rgba(255,255,255,0.4)",
- }
-
- if (hits.length > 4) {
- hits = hits.slice(0, 4)
- }
-
- var type = "workflows"
- const baseImage =
-
- return (
-
-
- Workflows
-
-
-
- {hits.length === 0 ?
-
- console.log(hits)}>
-
-
-
-
-
-
- :
- hits.map((hit, index) => {
- const innerlistitemStyle = {
- width: positionInfo.width+35,
- overflowX: "hidden",
- overflowY: "hidden",
- borderBottom: "1px solid rgba(255,255,255,0.4)",
- backgroundColor: mouseHoverIndex === index ? "#1f2023" : "inherit",
- cursor: "pointer",
- marginLeft: 5,
- marginRight: 5,
- maxHeight: 75,
- minHeight: 75,
- maxWidth: 420,
- minWidth: "100%",
- }
-
- const name = hit.name === undefined ?
- hit.filename.charAt(0).toUpperCase() + hit.filename.slice(1).replaceAll("_", " ") + " - " + hit.title :
- (hit.name.charAt(0).toUpperCase()+hit.name.slice(1)).replaceAll("_", " ")
- const secondaryText = hit.description !== undefined && hit.description !== null && hit.description.length > 3 ? hit.description.slice(0, 40)+"..." : ""
- const appGroup = hit.action_references === undefined || hit.action_references === null ? [] : hit.action_references
- const avatar = baseImage
-
- var parsedUrl = isCloud ? `/workflows/${hit.objectID}` : `https://shuffler.io/workflows/${hit.objectID}`
- parsedUrl += `?queryID=${hit.__queryID}`
-
- //
- return (
- {
- //console.log("CLICK")
- setSearchOpen(true)
-
- aa('init', {
- appId: searchClient.appId,
- apiKey: searchClient.transporter.queryParameters["x-algolia-api-key"]
- })
-
- const timestamp = new Date().getTime()
- aa('sendEvents', [
- {
- eventType: 'click',
- eventName: 'Workflow Clicked',
- index: 'workflows',
- objectIDs: [hit.objectID],
- timestamp: timestamp,
- queryID: hit.__queryID,
- positions: [hit.__position],
- userToken: userdata === undefined || userdata === null || userdata.id === undefined ? "unauthenticated" : userdata.id,
- }
- ])
-
- if (!isCloud) {
- event.preventDefault()
- window.open(parsedUrl, '_blank');
- }
- }}>
- {
- setMouseHoverIndex(index)
- }}>
-
- {avatar}
-
-
-
-
- {appGroup.map((app, index) => {
- // Putting all this in secondary of ListItemText looked weird.
- return (
- {
- navigate("/apps/"+app.id)
- }}
- >
-
-
-
-
-
- {/*
-
-
-
- See all workflows
-
-
-
- */}
-
- )
- }
-
- const AppHits = ({ hits }) => {
- const [mouseHoverIndex, setMouseHoverIndex] = useState(0)
-
- var tmp = searchOpen
- if (!searchOpen) {
- return null
- }
-
- const positionInfo = document.activeElement.getBoundingClientRect()
- const outerlistitemStyle = {
- width: "100%",
- overflowX: "hidden",
- overflowY: "hidden",
- borderBottom: "1px solid rgba(255,255,255,0.4)",
- }
-
- if (hits.length > 4) {
- hits = hits.slice(0, 4)
- }
-
- var type = "app"
- const baseImage =
-
- return (
-
- {
- setSearchOpen(false)
- }}>
-
-
-
- Apps
-
-
-
- {hits.length === 0 ?
-
- console.log(hits)}>
-
-
-
-
-
-
- :
- hits.map((hit, index) => {
- const innerlistitemStyle = {
- width: positionInfo.width+35,
- overflowX: "hidden",
- overflowY: "hidden",
- borderBottom: "1px solid rgba(255,255,255,0.4)",
- backgroundColor: mouseHoverIndex === index ? "#1f2023" : "inherit",
- cursor: "pointer",
- marginLeft: 5,
- marginRight: 5,
- maxHeight: 75,
- minHeight: 75,
- maxWidth: 420,
- minWidth: "100%",
- }
-
- const name = hit.name === undefined ?
- hit.filename.charAt(0).toUpperCase() + hit.filename.slice(1).replaceAll("_", " ") + " - " + hit.title :
- (hit.name.charAt(0).toUpperCase()+hit.name.slice(1)).replaceAll("_", " ")
-
- var secondaryText = hit.data !== undefined ? hit.data.slice(0, 40)+"..." : ""
- const avatar = hit.image_url === undefined ?
- baseImage
- :
-
-
- //console.log(hit)
- if (hit.categories !== undefined && hit.categories !== null && hit.categories.length > 0) {
- secondaryText = hit.categories.slice(0,3).map((data, index) => {
- if (index === 0) {
- return data
- }
-
- return ", "+data
-
- /*
- {
- //handleChipClick
- }}
- variant="outlined"
- color="primary"
- />
- */
- })
- }
-
- var parsedUrl = isCloud ? `/apps/${hit.objectID}` : `https://shuffler.io/apps/${hit.objectID}`
- parsedUrl += `?queryID=${hit.__queryID}`
-
- return (
- {
- console.log("CLICK")
- setSearchOpen(true)
-
- aa('init', {
- appId: searchClient.appId,
- apiKey: searchClient.transporter.queryParameters["x-algolia-api-key"]
- })
-
- const timestamp = new Date().getTime()
- aa('sendEvents', [
- {
- eventType: 'click',
- eventName: 'App Clicked',
- index: 'appsearch',
- objectIDs: [hit.objectID],
- timestamp: timestamp,
- queryID: hit.__queryID,
- positions: [hit.__position],
- userToken: userdata === undefined || userdata === null || userdata.id === undefined ? "unauthenticated" : userdata.id,
- }
- ])
-
- if (!isCloud) {
- event.preventDefault()
- window.open(parsedUrl, '_blank');
- }
- }}>
- {
- setMouseHoverIndex(index)
- }}>
-
- {avatar}
-
-
- {/*
-
-
-
-
-
- */}
-
-
- )})
- }
-
-
-
-
- See more
-
-
-
-
- )
- }
-
- const DocHits = ({ hits }) => {
- const [mouseHoverIndex, setMouseHoverIndex] = useState(0)
-
- var tmp = searchOpen
- if (!searchOpen) {
- return null
- }
-
-
- const positionInfo = document.activeElement.getBoundingClientRect()
- const outerlistitemStyle = {
- width: "100%",
- overflowX: "hidden",
- overflowY: "hidden",
- borderBottom: "1px solid rgba(255,255,255,0.4)",
- }
-
- if (hits.length > 4) {
- hits = hits.slice(0, 4)
- }
-
- const type = "documentation"
- const baseImage =
-
- //console.log(type, hits.length, hits)
-
- return (
-
- {
- setSearchOpen(false)
- }}>
-
-
-
- Documentation
-
- {/*
- {
- setSearchOpen(false)
- }}>
-
-
- */}
-
- {hits.length === 0 ?
-
- console.log(hits)}>
-
-
-
-
-
-
- :
- hits.map((hit, index) => {
- const innerlistitemStyle = {
- width: positionInfo.width+35,
- overflowX: "hidden",
- overflowY: "hidden",
- borderBottom: "1px solid rgba(255,255,255,0.4)",
- backgroundColor: mouseHoverIndex === index ? "#1f2023" : "inherit",
- cursor: "pointer",
- marginLeft: 5,
- marginRight: 5,
- maxHeight: 75,
- minHeight: 75,
- maxWidth: 420,
- minWidth: "100%",
- }
-
- var name = hit.name === undefined ?
- hit.filename.charAt(0).toUpperCase() + hit.filename.slice(1).replaceAll("_", " ") + " - " + hit.title
- :
- (hit.name.charAt(0).toUpperCase()+hit.name.slice(1)).replaceAll("_", " ")
-
- if (name.length > 30) {
- name = name.slice(0, 30)+"..."
- }
- const secondaryText = hit.data !== undefined ? hit.data.slice(0, 40)+"..." : ""
- const avatar = hit.image_url === undefined ?
- baseImage
- :
-
-
- var parsedUrl = hit.urlpath !== undefined ? hit.urlpath : ""
- parsedUrl += `?queryID=${hit.__queryID}`
- if (parsedUrl.includes("/apps/")) {
- const extraHash = hit.url_hash === undefined ? "" : `#${hit.url_hash}`
-
- parsedUrl = `/apps/${hit.filename}?tab=docs&queryID=${hit.__queryID}${extraHash}`
- }
-
- return (
- {
- aa('init', {
- appId: searchClient.appId,
- apiKey: searchClient.transporter.queryParameters["x-algolia-api-key"]
- })
-
- const timestamp = new Date().getTime()
- aa('sendEvents', [
- {
- eventType: 'click',
- eventName: 'Document Clicked',
- index: 'documentation',
- objectIDs: [hit.objectID],
- timestamp: timestamp,
- queryID: hit.__queryID,
- positions: [hit.__position],
- userToken: userdata === undefined || userdata === null || userdata.id === undefined ? "unauthenticated" : userdata.id,
- }
- ])
-
- console.log("CLICK")
- setSearchOpen(true)
- }}>
- {
- setMouseHoverIndex(index)
- }}>
-
- {avatar}
-
-
- {/*
-
-
-
-
-
- */}
-
-
- )})
- }
-
- {type === "documentation" ?
-
-
- Search by
-
-
- ![Algolia logo]({"/images/logo-algolia-nebula-blue-full.svg"})
-
-
- : null}
-
- )
- }
-
- const CustomSearchBox = connectSearchBox(SearchBox)
- const CustomAppHits = connectHits(AppHits)
- const CustomWorkflowHits = connectHits(WorkflowHits)
- const CustomDocHits = connectHits(DocHits)
-
- return (
-
- {
- console.log("CLICKED")
- }}>
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default SearchField;
diff --git a/frontend/src/components/Searchfield.jsx b/frontend/src/components/Searchfield.jsx
index 37e44bd5..9c5e6674 100644
--- a/frontend/src/components/Searchfield.jsx
+++ b/frontend/src/components/Searchfield.jsx
@@ -1,8 +1,7 @@
import React, {useState, useEffect, useRef} from 'react';
+import theme from '../theme.jsx';
import { useNavigate, Link, useParams } from "react-router-dom";
-import { useTheme } from '@material-ui/core/styles';
-import SearchIcon from '@material-ui/icons/Search';
import {
Chip,
@@ -17,13 +16,13 @@ import {
Avatar,
Typography,
Tooltip,
-} from '@material-ui/core';
+} from '@mui/material';
import {
AvatarGroup,
} from "@mui/material"
-import {Close as CloseIcon, Folder as FolderIcon, Polymer as PolymerIcon, LibraryBooks as LibraryBooksIcon} from '@material-ui/icons'
+import {Search as SearchIcon, Close as CloseIcon, Folder as FolderIcon, Code as CodeIcon, LibraryBooks as LibraryBooksIcon} from '@mui/icons-material'
import algoliasearch from 'algoliasearch/lite';
import aa from 'search-insights'
@@ -39,7 +38,6 @@ const searchClient = algoliasearch("JNSS5CFDZZ", "db08e40265e2941b9a7d8f644b6e52
const SearchField = props => {
const { serverside, userdata } = props
- const theme = useTheme();
let navigate = useNavigate();
const borderRadius = 3
const node = useRef()
@@ -162,7 +160,7 @@ const SearchField = props => {
}
var type = "workflows"
- const baseImage =
+ const baseImage =
return (
diff --git a/frontend/src/components/SecurityFramework.jsx b/frontend/src/components/SecurityFramework.jsx
index 9e3a7b90..139dbed1 100644
--- a/frontend/src/components/SecurityFramework.jsx
+++ b/frontend/src/components/SecurityFramework.jsx
@@ -4,7 +4,7 @@ import AppFramework, { usecases } from "../components/AppFramework.jsx";
import {Link} from 'react-router-dom';
import ReactGA from 'react-ga4';
-import { Button, LinearProgress, Typography } from '@material-ui/core';
+import { Button, LinearProgress, Typography } from '@mui/material';
export const securityFramework = [
{
diff --git a/frontend/src/components/SettingsPopup.js b/frontend/src/components/SettingsPopup.js
old mode 100644
new mode 100755
diff --git a/frontend/src/components/ShuffleCodeEditor.jsx b/frontend/src/components/ShuffleCodeEditor.jsx
index 1e0aeeb0..56e9b3c6 100644
--- a/frontend/src/components/ShuffleCodeEditor.jsx
+++ b/frontend/src/components/ShuffleCodeEditor.jsx
@@ -12,13 +12,13 @@ import {
Menu,
MenuItem,
Button,
-} from '@material-ui/core';
+} from '@mui/material';
import theme from '../theme.jsx';
import Checkbox from '@mui/material/Checkbox';
import { orange } from '@mui/material/colors';
import { isMobile } from "react-device-detect"
-import NestedMenuItem from "material-ui-nested-menu-item";
+import { NestedMenuItem } from "mui-nested-menu"
import { GetParsedPaths, FindJsonPath } from "../views/Apps.jsx";
import { SetJsonDotnotation } from "../views/AngularWorkflow.jsx";
@@ -1694,20 +1694,29 @@ const CodeEditor = (props) => {
cursor: "pointer"
}}
onClick={(event) => {
+ // Take localcodedata through the Shuffle JSON parser just in case
+ // This is to make it so we don't need to handle these fixes on the
+ // backend by itself
+ var fixedcodedata = localcodedata
+ const valid = validateJson(localcodedata, true)
+ if (valid.valid) {
+ fixedcodedata = JSON.stringify(valid.result, null, 2)
+ }
+
// console.log(codedata)
// console.log(fieldCount)
if (isFileEditor === true){
- runUpdateText(localcodedata);
- setcodedata(localcodedata);
+ runUpdateText(fixedcodedata);
+ setcodedata(fixedcodedata);
setExpansionModalOpen(false)
+ } else {
+ changeActionParameterCodeMirror(event, fieldCount, fixedcodedata)
+ setExpansionModalOpen(false)
+ setcodedata(fixedcodedata)
}
- else {
- changeActionParameterCodeMirror(event, fieldCount, localcodedata)
- setExpansionModalOpen(false)
- setcodedata(localcodedata)}
}}
>
- Done
+ Submit
)
diff --git a/frontend/src/components/SuggestedWorkflows.jsx b/frontend/src/components/SuggestedWorkflows.jsx
index 1b9148f1..1f01529a 100644
--- a/frontend/src/components/SuggestedWorkflows.jsx
+++ b/frontend/src/components/SuggestedWorkflows.jsx
@@ -13,7 +13,7 @@ import {
CircularProgress,
Tooltip,
Dialog,
-} from "@material-ui/core";
+} from "@mui/material";
import {
Close as CloseIcon,
diff --git a/frontend/src/components/UsecaseSearch.jsx b/frontend/src/components/UsecaseSearch.jsx
index 03fd619f..ba8a98a1 100644
--- a/frontend/src/components/UsecaseSearch.jsx
+++ b/frontend/src/components/UsecaseSearch.jsx
@@ -25,7 +25,7 @@ import {
CircularProgress,
Tooltip,
Divider,
-} from "@material-ui/core";
+} from "@mui/material";
const defaultValue = {"id": "", "name": "Build your own",
"source": {"text": "No trigger selected", "error": ""},
diff --git a/frontend/src/components/WelcomeForm2.jsx b/frontend/src/components/WelcomeForm2.jsx
index da66fb08..b8966a74 100644
--- a/frontend/src/components/WelcomeForm2.jsx
+++ b/frontend/src/components/WelcomeForm2.jsx
@@ -1,6 +1,5 @@
import React, { useState, useEffect } from "react";
import ReactGA from 'react-ga4';
-import Button from "@material-ui/core/Button";
import Checkbox from '@mui/material/Checkbox';
import AliceCarousel from 'react-alice-carousel';
@@ -16,6 +15,7 @@ import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
import theme from '../theme.jsx';
import {
+ Button,
Fade,
IconButton,
FormGroup,
@@ -37,7 +37,7 @@ import {
Tooltip,
Chip,
ButtonGroup,
-} from "@material-ui/core";
+} from "@mui/material";
import { useAlert } from "react-alert";
import { useNavigate, Link } from "react-router-dom";
diff --git a/frontend/src/components/WorkflowGrid.jsx b/frontend/src/components/WorkflowGrid.jsx
index c086790d..e4542e06 100644
--- a/frontend/src/components/WorkflowGrid.jsx
+++ b/frontend/src/components/WorkflowGrid.jsx
@@ -1,9 +1,9 @@
import React, { useEffect, useState } from 'react';
-import { useTheme } from '@material-ui/core/styles';
import {Link} from 'react-router-dom';
+import theme from '../theme.jsx';
-import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@material-ui/icons';
+import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@mui/icons-material';
import algoliasearch from 'algoliasearch/lite';
import { InstantSearch, Configure, connectSearchBox, connectHits } from 'react-instantsearch-dom';
@@ -18,7 +18,7 @@ import {
Tooltip,
Zoom,
Chip,
-} from '@material-ui/core';
+} from '@mui/material';
import WorkflowPaper from "../components/WorkflowPaper.jsx"
import WorkflowPaperNew from "../components/WorkflowPaperNew.jsx"
@@ -33,7 +33,6 @@ const AppGrid = props => {
const rowHandler = maxRows === undefined || maxRows === null ? 50 : maxRows
const xs = parsedXs === undefined || parsedXs === null ? isMobile ? 6 : 4 : parsedXs
- const theme = useTheme();
//const [apps, setApps] = React.useState([]);
//const [filteredApps, setFilteredApps] = React.useState([]);
const [formMail, setFormMail] = React.useState("");
diff --git a/frontend/src/components/WorkflowPaper.jsx b/frontend/src/components/WorkflowPaper.jsx
index 516756d2..e07daca6 100644
--- a/frontend/src/components/WorkflowPaper.jsx
+++ b/frontend/src/components/WorkflowPaper.jsx
@@ -8,7 +8,7 @@ import {
Avatar,
Grid,
Tooltip,
-} from "@material-ui/core";
+} from "@mui/material";
import {
AvatarGroup,
@@ -19,7 +19,7 @@ import {
Edit as EditIcon,
BubbleChart as BubbleChartIcon,
MoreVert as MoreVertIcon,
-} from '@material-ui/icons';
+} from '@mui/icons-material';
import { useNavigate, Link, useParams } from "react-router-dom";
diff --git a/frontend/src/components/WorkflowPaperNew.jsx b/frontend/src/components/WorkflowPaperNew.jsx
index 3234bdee..9d59c2a0 100644
--- a/frontend/src/components/WorkflowPaperNew.jsx
+++ b/frontend/src/components/WorkflowPaperNew.jsx
@@ -9,7 +9,7 @@ import {
Grid,
Tooltip,
Button,
-} from "@material-ui/core";
+} from "@mui/material";
import {
AvatarGroup,
@@ -20,7 +20,7 @@ import {
Edit as EditIcon,
BubbleChart as BubbleChartIcon,
MoreVert as MoreVertIcon,
-} from '@material-ui/icons';
+} from '@mui/icons-material';
import { useNavigate, Link, useParams } from "react-router-dom";
diff --git a/frontend/src/components/Workflowsearch.jsx b/frontend/src/components/Workflowsearch.jsx
index 152fdd83..267face5 100644
--- a/frontend/src/components/Workflowsearch.jsx
+++ b/frontend/src/components/Workflowsearch.jsx
@@ -1,14 +1,14 @@
import React, { useState, useEffect } from 'react';
-import { useTheme } from '@material-ui/core/styles';
import {Link} from 'react-router-dom';
+import theme from '../theme.jsx';
-import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@material-ui/icons';
+import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@mui/icons-material';
//import algoliasearch from 'algoliasearch/lite';
import algoliasearch from 'algoliasearch';
import { InstantSearch, connectSearchBox, connectHits } from 'react-instantsearch-dom';
-import { Grid, Paper, TextField, ButtonBase, InputAdornment, Typography, Button, Tooltip} from '@material-ui/core';
+import { Grid, Paper, TextField, ButtonBase, InputAdornment, Typography, Button, Tooltip} from '@mui/material';
const searchClient = algoliasearch("JNSS5CFDZZ", "db08e40265e2941b9a7d8f644b6e5240")
const WorkflowSearch = props => {
@@ -16,7 +16,6 @@ const WorkflowSearch = props => {
const rowHandler = maxRows === undefined || maxRows === null ? 50 : maxRows
const xs = parsedXs === undefined || parsedXs === null ? 12 : parsedXs
- const theme = useTheme();
//const [apps, setApps] = React.useState([]);
//const [filteredApps, setFilteredApps] = React.useState([]);
const [formMail, setFormMail] = React.useState("");
diff --git a/frontend/src/components/history.jsx b/frontend/src/components/history.jsx
old mode 100644
new mode 100755
diff --git a/frontend/src/css/font1.woff2 b/frontend/src/css/font1.woff2
old mode 100644
new mode 100755
diff --git a/frontend/src/css/font2.woff2 b/frontend/src/css/font2.woff2
old mode 100644
new mode 100755
diff --git a/frontend/src/css/font3.woff2 b/frontend/src/css/font3.woff2
old mode 100644
new mode 100755
diff --git a/frontend/src/css/font4.woff2 b/frontend/src/css/font4.woff2
old mode 100644
new mode 100755
diff --git a/frontend/src/css/font5.woff2 b/frontend/src/css/font5.woff2
old mode 100644
new mode 100755
diff --git a/frontend/src/css/nunito.css b/frontend/src/css/nunito.css
old mode 100644
new mode 100755
diff --git a/frontend/src/defaultCytoscapeStyle.js b/frontend/src/defaultCytoscapeStyle.js
old mode 100644
new mode 100755
diff --git a/frontend/src/index.css b/frontend/src/index.css
old mode 100644
new mode 100755
diff --git a/frontend/src/index.js b/frontend/src/index.js
old mode 100644
new mode 100755
index 781cb802..338dbe71
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -1,12 +1,16 @@
import React from "react";
-import ReactDOM from "react-dom";
-import "./index.css";
+import { createRoot } from "react-dom/client";
import App from "./App";
-import * as serviceWorker from "./serviceWorker";
-ReactDOM.render(
, document.getElementById("root"));
+//import "./index.css";
+//import reportWebVitals from "./reportWebVitals";
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: http://bit.ly/CRA-PWA
-serviceWorker.unregister();
+const rootElement = document.getElementById("root");
+const root = createRoot(rootElement);
+root.render(
+
+
+
+);
+
+//reportWebVitals();
diff --git a/frontend/src/serviceWorker.js b/frontend/src/serviceWorker.js
old mode 100644
new mode 100755
diff --git a/frontend/src/theme.js b/frontend/src/theme.js
old mode 100644
new mode 100755
index ad6ca44e..051cc846
--- a/frontend/src/theme.js
+++ b/frontend/src/theme.js
@@ -1,7 +1,7 @@
import React from "react";
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@mui/material/styles";
-const theme = createMuiTheme({
+const theme = createTheme({
palette: {
primary: {
main: "#f85a3e",
diff --git a/frontend/src/theme.jsx b/frontend/src/theme.jsx
index de75558c..9f1fa983 100644
--- a/frontend/src/theme.jsx
+++ b/frontend/src/theme.jsx
@@ -1,7 +1,7 @@
import React from "react";
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@mui/material/styles";
-const theme = createMuiTheme({
+const theme = createTheme({
palette: {
primary: {
main: "#F86743",
diff --git a/frontend/src/views/About.jsx b/frontend/src/views/About.jsx
old mode 100644
new mode 100755
diff --git a/frontend/src/views/Admin.jsx b/frontend/src/views/Admin.jsx
old mode 100644
new mode 100755
index b9ad4c8d..8361de43
--- a/frontend/src/views/Admin.jsx
+++ b/frontend/src/views/Admin.jsx
@@ -1,15 +1,13 @@
import React, { useState, useEffect } from "react";
-import { makeStyles } from "@material-ui/styles";
+import { makeStyles } from "@mui/styles";
import { useNavigate, Link } from "react-router-dom";
import countries from "../components/Countries.jsx";
import CodeEditor from "../components/ShuffleCodeEditor.jsx";
import getLocalCodeData from "../components/ShuffleCodeEditor.jsx";
import CacheView from "../components/CacheView.jsx";
import theme from "../theme.jsx";
-import AddIcon from "@mui/icons-material/Add";
-import ClearIcon from '@mui/icons-material/Clear';
-import StorageIcon from '@mui/icons-material/Storage';
+
//import ToggleButton from '@mui/material/ToggleButton';
import {
FormControl,
@@ -46,7 +44,7 @@ import {
CircularProgress,
Box,
InputAdornment,
-} from "@material-ui/core";
+} from "@mui/material";
import { Autocomplete } from "@mui/material";
@@ -57,7 +55,7 @@ import {
OpenInNew as OpenInNewIcon,
CloudDownload as CloudDownloadIcon,
Description as DescriptionIcon,
- Polymer as PolymerIcon,
+ Code as CodeIcon,
CheckCircle as CheckCircleIcon,
Close as CloseIcon,
Apps as AppsIcon,
@@ -66,13 +64,15 @@ import {
Cached as CachedIcon,
AccessibilityNew as AccessibilityNewIcon,
Lock as LockIcon,
- Eco as EcoIcon,
Schedule as ScheduleIcon,
Cloud as CloudIcon,
Business as BusinessIcon,
- Visibility as VisibilityIcon,
- VisibilityOff as VisibilityOffIcon,
-} from "@material-ui/icons";
+ Visibility as VisibilityIcon,
+ VisibilityOff as VisibilityOffIcon,
+ Add as AddIcon,
+ Clear as ClearIcon,
+ Storage as StorageIcon,
+} from "@mui/icons-material";
import { useAlert } from "react-alert";
import Dropzone from "../components/Dropzone.jsx";
@@ -182,6 +182,11 @@ const Admin = (props) => {
const [billingInfo, setBillingInfo] = React.useState({});
const [selectedStatus, setSelectedStatus] = React.useState([]);
+ useEffect(() => {
+ getUsers()
+ }, []);
+
+
useEffect(() => {
if (isDropzone) {
//redirectOpenApi();
@@ -443,17 +448,17 @@ const Admin = (props) => {
// Get drift username from userdata.username before @ in email
const username = userdata.username.substring(0, userdata.username.indexOf("@"))
- var body = `Hey,%0D%0AI saw you trying to use Shuffle, and thought we may be able to help. Right now, it looks like you have ${workflow_amount} workflows made, but I'm not sure if you're getting the most out of Shuffle.%0D%0A%0D%0AIf you're interested, I'd love to set up a quick call to see if we can help you get more out of Shuffle. %0D%0A%0D%0A
+ var body = `Hey,%0D%0A%0D%0AI saw you trying to use Shuffle, and thought we may be able to help. Right now, it looks like you have ${workflow_amount} workflows made, but it still doesn't look like you are getting the most out of Shuffle. If you're interested, I'd love to set up a quick call to see if we can help you get more out of Shuffle. %0D%0A%0D%0A
Some of the things we can help with:%0D%0A
${your_apps}
-- Properly authenticating and custom building apps%0D%0A
+- Configuring and authenticating your apps%0D%0A
${usecases}
-- Creating special usecases%0D%0A%0D%0A
+- Creating special usecases and apps%0D%0A%0D%0A
Let me know if you're interested, or set up a call here: https://drift.me/${username}`
- return `mailto:${admins}?subject=${subject}&body=${body}`
+ return `mailto:${admins}?bcc=frikky@shuffler.io&subject=${subject}&body=${body}`
}
const deleteAuthentication = (data) => {
@@ -987,6 +992,10 @@ Let me know if you're interested, or set up a call here: https://drift.me/${user
leads.push("student")
}
+ if (responseJson.lead_info.internal) {
+ leads.push("internal")
+ }
+
setSelectedStatus(leads)
}
@@ -1485,10 +1494,6 @@ Let me know if you're interested, or set up a call here: https://drift.me/${user
});
};
- useEffect(() => {
- getUsers()
- }, []);
-
const getSettings = () => {
fetch(globalUrl + "/api/v1/getsettings", {
method: "GET",
@@ -2186,7 +2191,7 @@ Let me know if you're interested, or set up a call here: https://drift.me/${user
primary: "Workflows",
secondary: "",
active: true,
- icon:
,
+ icon:
,
},
{
primary: "Apps",
@@ -2386,7 +2391,7 @@ Let me know if you're interested, or set up a call here: https://drift.me/${user
renderValue={(selected) => selected.join(', ')}
MenuProps={MenuProps}
>
- {["contacted", "lead", "pov", "demo done", "customer", "student", ].map((name) => (
+ {["contacted", "lead", "pov", "demo done", "customer", "student", "internal"].map((name) => (
- {/*
= 0} style={{backgroundColor: inputColor, color: "white"}} onClick={() => {
- //copyWorkflow(data)
- //setOpen(false)
- }} key={"duplicate"}>
-
- {"Copy to Child Org"}
- */}