{
addFilter(selectedCategory)
}}
/>
: null}
{currTab === 2 ? null :
}
{
/*
if (data.image === undefined || data.image === null || data.image === "" && !loadingWorkflows.includes(data.id)) {
sideloadWorkflow(data.id, false)
loadingWorkflows.push(data.id)
}
*/
}}
title={
{parsedName}
{appGroup.length > 0 ?
{currTab !== 2 && appGroup.map((data, index) => {
return (
:
{actions}
}
{triggers}
{
if (subflows === 0) {
toast("No subflows for " + data.name);
return;
}
var newWorkflows = [data];
for (var key in data.triggers) {
const trigger = data.triggers[key];
if (trigger.app_name !== "Shuffle Workflow") {
continue;
}
if (
trigger.parameters !== undefined &&
trigger.parameters !== null &&
trigger.parameters.length > 0 &&
trigger.parameters[0].name === "workflow"
) {
const newWorkflow = workflows.find(
(item) => item.id === trigger.parameters[0].value
);
if (newWorkflow !== null && newWorkflow !== undefined) {
newWorkflows.push(newWorkflow);
continue;
}
}
}
setFilters(["Subflows of " + data.name]);
setFilteredWorkflows(newWorkflows);
}}
>
{subflows}
{data.tags !== undefined && data.tags !== null
? data.tags.map((tag, index) => {
if (index >= 3) {
return null;
}
return (
{data.actions !== undefined && data.actions !== null && type !== "public" ? (
{workflowMenuButtons}
) : null}
{(data.sharing !== undefined && data.sharing !== null && data.sharing === "form") || (data?.form_control?.input_markdown !== undefined && data?.form_control?.input_markdown !== null && data?.form_control?.input_markdown !== "") && type !== "public" ?
{
navigate(`/forms/${data.id}`)
}}
style={{ padding: "0px", color: "#979797" }}
>
: null}
{(data?.validation?.validation_ran === true && data?.validation?.valid === false && data?.validation?.errors?.length > 0 ) ?
{
window.open(`/admin?admin_tab=notifications&workflow=${data.id}`, "_blank")
}}
style={{
padding: "0px",
color: "#979797",
}}
>
: null}
)
}
// Can create and set workflows
const setNewWorkflow = (
name,
description,
tags,
defaultReturnValue,
editingWorkflow,
redirect,
currentUsecases,
inputblogpost,
inputstatus,
) => {
var method = "POST";
var extraData = "";
var workflowdata = {};
if (editingWorkflow.id !== undefined) {
console.log("Building original workflow");
method = "PUT";
//extraData = "/" + editingWorkflow.id + "?skip_save=true";
extraData = "/" + editingWorkflow.id + "?skip_save=true";
workflowdata = editingWorkflow;
console.log("REMOVING OWNER");
workflowdata["owner"] = "";
workflowdata["org"] = [];
workflowdata["org_id"] = "";
workflowdata["execution_org"] = {};
workflowdata["previously_saved"] = false;
// FIXME: Loop triggers and turn them off?
}
workflowdata["name"] = name;
workflowdata["description"] = description;
if (tags !== undefined) {
workflowdata["tags"] = tags;
}
workflowdata["blogpost"] = inputblogpost
workflowdata["status"] = inputstatus
if (defaultReturnValue !== undefined) {
workflowdata["default_return_value"] = defaultReturnValue;
}
if (currentUsecases !== undefined && currentUsecases !== null) {
workflowdata["usecase_ids"] = currentUsecases
//workflows[0].category = ["detect"]
//workflows[0].usecase_ids = ["Correlate tickets"]
}
const new_url = `${globalUrl}/api/v1/workflows${extraData}`
return fetch(new_url, {
method: method,
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
body: JSON.stringify(workflowdata),
credentials: "include",
})
.then((response) => {
if (response.status !== 200) {
console.log("Status not 200 for workflows :O!");
return;
}
setSubmitLoading(false);
return response.json();
})
.then((responseJson) => {
if (responseJson.success === false) {
if (responseJson.reason !== undefined) {
toast("Error setting workflow: ", responseJson.reason)
} else {
toast("Error setting workflow.")
}
return
}
if (redirect) {
//window.location.pathname = "/workflows/" + responseJson["id"];
navigate("/workflows/" + responseJson["id"])
//setModalOpen(false);
} else if (!redirect) {
// Update :)
setTimeout(() => {
getAvailableWorkflows();
}, 4000);
setSubmitLoading(false)
setModalOpen(false);
} else {
//toast("Successfully changed basic info for workflow");
setModalOpen(false);
}
return responseJson;
})
.catch((error) => {
toast(error.toString());
setSubmitLoading(false)
setModalOpen(false);
setSubmitLoading(false);
});
};
const importFiles = (event) => {
console.log("Importing!");
setSubmitLoading(true)
if (event.target.files.length > 0) {
console.log("Files: !", event.target.files.length);
for (var key in event.target.files) {
const file = event.target.files[key];
if (file.type !== "application/json") {
if (file.type !== undefined) {
toast("File has to contain valid json");
setSubmitLoading(false)
}
continue;
}
const reader = new FileReader();
var workflowids = []
// Waits for the read
reader.addEventListener("load", (event) => {
var data = reader.result;
try {
data = JSON.parse(reader.result);
} catch (e) {
toast("Invalid JSON: " + e);
setSubmitLoading(false)
return;
}
console.log("File being loaded: ", data.name);
// Initialize the workflow itself
setNewWorkflow(
data.name,
data.description,
data.tags,
data.default_return_value,
{},
false,
[],
"",
data.status,
)
.then((response) => {
if (response !== undefined) {
// SET THE FULL THING
data.id = response.id;
data.first_save = false;
data.previously_saved = false;
data.is_valid = false;
data.org_id = userdata.active_org.id
data.org = []
data.execution_org = {}
workflowids.push(data.id)
// Actually create it
setNewWorkflow(
data.name,
data.description,
data.tags,
data.default_return_value,
data,
false,
[],
"",
data.status,
).then((response) => {
if (response !== undefined) {
toast("Successfully imported " + data.name);
}
});
}
})
.catch((error) => {
toast("Import error: " + error.toString());
});
});
// Actually reads
reader.readAsText(file);
}
}
setLoadWorkflowsModalOpen(false);
if (workflowids.length > 0) {
setHighlightIds(workflowids)
}
};
const getWorkflowMeta = (data) => {
let triggers = 0;
let subflows = 0;
if (
data.triggers !== undefined &&
data.triggers !== null &&
data.triggers.length > 0
) {
triggers = data.triggers.length;
for (let key in data.triggers) {
if (data.triggers[key].app_name === "Shuffle Workflow") {
subflows += 1;
}
}
}
return [triggers, subflows];
};
const WorkflowListView = () => {
let workflowData = "";
if (workflows.length > 0) {
const columns = [
{
field: "image",
headerName: "Logo",
width: 50,
sortable: false,
renderCell: (params) => {
const data = params.row.record;
var boxColor = "#FECC00";
if (data.is_valid) {
boxColor = "#86c142";
}
if (!data.previously_saved) {
boxColor = "#f85a3e";
}
var image = "";
if (userdata.orgs !== undefined) {
const foundOrg = userdata.orgs.find(
(org) => org.id === data["org_id"]
);
if (foundOrg !== undefined && foundOrg !== null) {
//position: "absolute", bottom: 5, right: -5,
const imageStyle = {
width: imagesize + 7,
height: imagesize + 7,
pointerEvents: "none",
marginLeft:
data.creator_org !== undefined &&
data.creator_org.length > 0
? 20
: 0,
borderRadius: 10,
border:
foundOrg.id === userdata.active_org.id
? `3px solid ${boxColor}`
: null,
cursor: "pointer",
marginTop: 5,
};
// {
navigate("/admin")
}}
>
{image}
{(data?.image !== undefined || (data?.image_url !== undefined && data?.image_url.length > 0)) ? (
) : null}
Edit: {data.name}
{(isDistributed || hasSuborgs) && (
This is a parentorg-controlled workflow
)}
} placement="right">
{
addFilter(data.app_name);
}}
>
)
})}
{
currTab === 2 && appGroup.map((data, index) => {
return (
{
addFilter(data.app_name);
}}
>
)
})}
{image}
;
},
},
{
field: "title",
headerName: "Title",
width: 330,
renderCell: (params) => {
const data = params.row.record;
return (
{appGroup.length > 0 ?
{appGroup.map((data, index) => {
return (
:
{actions}
}
{triggers}
{
if (subflows === 0) {
toast("No subflows for " + data.name);
return;
}
var newWorkflows = [data];
for (var key in data.triggers) {
const trigger = data.triggers[key];
if (trigger.app_name !== "Shuffle Workflow") {
continue;
}
if (
trigger.parameters !== undefined &&
trigger.parameters !== null &&
trigger.parameters.length > 0 &&
trigger.parameters[0].name === "workflow"
) {
const newWorkflow = workflows.find(
(item) => item.id === trigger.parameters[0].value
);
if (
newWorkflow !== null &&
newWorkflow !== undefined
) {
newWorkflows.push(newWorkflow);
continue;
}
}
}
setFilters(["Subflows of " + data.name]);
setFilteredWorkflows(newWorkflows);
}}
>
{subflows}
{
addFilter(data.app_name);
}}
>
)
})}
{hits.map((data, index) => {
return
)
)
};
const SearchBox = ({ refine, searchQuery, setSearchQuery }) => {
const inputRef = useRef(null);
const [localQuery, setLocalQuery] = useState(searchQuery);
const location = useLocation();
useEffect(() => {
if (searchQuery) {
setLocalQuery(searchQuery);
refine(searchQuery);
}
}, [searchQuery, refine]);
// Debounced function to refine search
const debouncedRefine = useRef(
debounce((value) => {
setSearchQuery(value);
removeQuery("q");
refine(value);
}, 300)
).current;
useEffect(() => {
const urlSearchParams = new URLSearchParams(window.location.search);
const params = Object.fromEntries(urlSearchParams.entries());
const foundQuery = params["q"];
if (foundQuery) {
setLocalQuery(foundQuery);
debouncedRefine(foundQuery);
}
}, [debouncedRefine]);
useEffect(() => {
if (searchQuery === "") {
return;
}
if (inputRef.current) {
inputRef.current.focus();
}
}, [searchQuery]);
const handleChange = (event) => {
const value = event.target.value;
setLocalQuery(value);
debouncedRefine(value);
};
return (
{currTab === 2 ? (
//
navigate("/workflows/debug")}
disabled={currTab === 2}
>
{
const newView = view === "grid" ? "list" : "grid";
localStorage.setItem("workflowView", newView);
setView(newView);
}}
disabled={currTab === 2}
>
{view === "grid" ?
upload.click()}
disabled={currTab === 2}
>
{submitLoading ?
(upload = ref)}
onChange={importFiles}
/>
exportAllWorkflows(workflows)}
>
}
>
Create Workflow
{
(isLoadingWorkflow && currTab !== 2) ? (
{currTab === 0 && orgWorkflows.map((data, index) => {
// Shouldn't be a part of this list
if (data.public === true) {
return null
}
// if (firstLoad) {
// workflowDelay += 75
// } else {
// return */}
*/}
)
})}
{
currTab === 1 && myWorkflows.map((data, index) => {
if (data.public === true) {
return null
}
// if (firstLoad) {
// workflowDelay += 75
// } else {
// return */}
*/}
)
})
}
) : (
currTab !== 2 && setClicked(true)}
>
{doneIcon} {index + 1}. {item.name}
{clicked ?
{item.description}
:
null
}
)
}
const gettingStartedDrawer = true == true ? null :
{gettingStartedItems.map((item, index) => {
return (
{/*
*/}
{
setDrawerOpen(true)
localStorage.setItem(sidebarKey, "open");
}}>
: null*/}
{isMobile ? null : gettingStartedDrawer}
{videoView}
{modalOpen === true ?
Need assistance? Ask our support team (it's free!).
*/}
) : (
{loadedCheck}
;
};
export default Workflows2;