+
+ {workflow.name}
+
+
+ This workflow is public and {
+ saveWorkflow()
+ }}>must be saved or exported before use.
+
+ {Object.getOwnPropertyNames(creatorProfile).length !== 0 && creatorProfile.github_avatar !== undefined && creatorProfile.github_avatar !== null ?
+
+
{
+ }}>
+
+
+ Shared by
+
+ : null}
+
+ {workflow.tags !== undefined && workflow.tags !== null && workflow.tags.length > 0 ?
+
+
+ Tags
+
+
+ {workflow.tags.map((tag, index) => {
+ if (index >= 3) {
+ return null;
+ }
+
+ return (
+
+
+ : null}
+
+ {workflow.blogpost !== undefined && workflow.blogpost !== null && workflow.blogpost.length > 0 ?
+
+ : null
+ }
+
+ {appGroup.length > 0 ?
+
+
+
+ Apps
+
+
+ {appGroup.map((data, index) => {
+ return (
+
+
+
+ : null}
+
+ {triggerGroup.length > 0 ?
+
+
+ Triggers
+
+
+ {triggerGroup.map((data, index) => {
+ return (
+
+
+ : null}
+
+ {/*
+
+
+ Mitre Att&ck:
+
+
+ TBD
+
+
+ */}
+
+ {/*
+
+
+ Related Workflows:
+
+
+ TBD
+
+
+ */}
+
+ {workflow.video !== undefined && workflow.video !== null && workflow.video.length > 0 ?
+
+
+ Video
+
+ {
+ workflow.video.includes("loom.com/share") && workflow.video.split("/").length > 4 ?
+
+
+
+ :
+ workflow.video.includes("youtube.com") && workflow.video.split("/").length > 3 && workflow.video.includes("v=")
+ ?
+
+ VIDEO
+
+ :
+
+ {workflow.video}
+
+ }
+
+ : null}
+
+ {workflow.description !== undefined && workflow.description !== null && workflow.description.length > 0 ?
+
+
+ Description
+
+
+ {workflow.description}
+
+
+ : null}
+
+ {/*
+
+ {
+ setSelectionOpen(true)
+ }}
+ >
+ Statistics
+
+
+ */}
+ {userdata.avatar !== undefined && (userdata.avatar === creatorProfile.github_avatar || allowList.includes(userdata.public_username)) ?
+
+
+ You can see these buttons because you may have the correct access rights as a creator to help modify this workflow.
+
+ {
+ // Further checks are being done on the backend
+ // Even if the user can "edit" a workflow on the frontend,
+ // that doesn't necessarily mean anything
+
+ //setEditWorkflowDetails(true)
+ workflow.public = false
+ setUserediting(true)
+ setWorkflow(workflow)
+
+ getAppAuthentication();
+ getEnvironments();
+ getWorkflowExecution(props.match.params.key, "");
+ getAvailableWorkflows(-1);
+ getSettings();
+ getFiles()
+
+ setUpdate(Math.random());
+ }}
+ >
+ Edit Workflow
+
+ {
+ // setEditWorkflowDetails(true)
+ // workflow.public = false
+ // setWorkflow(workflow)
+ // setUpdate(Math.random());
+ }}
+ >
+ Unpublish Workflow
+
+
+ : null}
+
{
+ setExecutionModalOpen(false)
+ }}
+ style={{ resize: "both", overflow: "auto", zIndex: 10005 }}
+ hideBackdrop={false}
+ variant="temporary"
+ BackdropProps={{
+ style: {
+ //backgroundColor: "transparent",
+ }
+ }}
+ PaperProps={{
+ style: {
+ resize: "both",
+ overflow: "auto",
+ minWidth: isMobile ? "100%" : 420,
+ maxWidth: isMobile ? "100%" : 420,
+ backgroundColor: "#1F2023",
+ color: "white",
+ fontSize: 18,
+ zIndex: 10005,
+ borderLeft: theme.palette.defaultBorder,
+ },
+ }}
+ >
+ {isMobile ?
+
+ {
+ e.preventDefault();
+ setExecutionModalOpen(false)
+ }}
+ >
+
+
+ : null}
+ {executionModalView === 0 ? (
+
+
+
+
+
+
{
+ getWorkflowExecution(props.match.params.key, "");
+ }}
+ color="primary"
+ >
+
+
+ {workflowExecutions.length > 0 ? (
+
+ {workflowExecutions.map((data, index) => {
+ executionDelay += 50
+
+ const statusColor =
+ data.status === "FINISHED"
+ ? green : data.status === "ABORTED" || data.status === "FAILED"
+ ? "red"
+ : yellow;
+ const resultsLength =
+ data.results !== undefined && data.results !== null
+ ? data.results.length
+ : 0;
+
+ const timestamp = new Date(data.started_at * 1000)
+ .toLocaleString("en-GB")
+ .split(".")[0]
+ .split("T")
+ .join(" ");
+
+ var calculatedResult =
+ data.workflow.actions !== undefined &&
+ data.workflow.actions !== null
+ ? data.workflow.actions.length
+ : 0;
+
+ if (data.workflow.triggers !== undefined && data.workflow.triggers !== null) {
+ for (let triggerkey in data.workflow.triggers) {
+ const trigger = data.workflow.triggers[triggerkey];
+ if (
+ (trigger.app_name === "User Input" &&
+ trigger.trigger_type === "USERINPUT") ||
+ (trigger.app_name === "Shuffle Workflow" &&
+ trigger.trigger_type === "SUBFLOW")
+ ) {
+ calculatedResult += 1;
+ }
+ }
+ }
+
+ return (
+
+
+
+ { }}
+ onMouseOut={() => { }}
+ onClick={() => {
+ if (
+ (data.result === undefined ||
+ data.result === null ||
+ data.result.length === 0) &&
+ data.status !== "FINISHED" &&
+ data.status !== "ABORTED"
+ ) {
+ start();
+ setExecutionRunning(true);
+ setExecutionRequestStarted(false);
+ }
+
+
+ // Ensuring we have the latest version of the result.
+ // Especially important IF the result is > 1 Mb in cloud
+ var checkStarted = false
+ if (data.results !== undefined && data.results !== null && data.results.length > 0) {
+
+ if (data.execution_argument !== undefined && data.execution_argument !== null && data.execution_argument.includes("too large")) {
+ setExecutionData({});
+ checkStarted = true
+ start();
+ setExecutionRunning(true);
+ setExecutionRequestStarted(false);
+ } else {
+ if (data.results !== undefined && data.results !== null) {
+ for (let resultkey in data.results) {
+ if (data.results[resultkey].status !== "SUCCESS") {
+ continue
+ }
+
+ if (data.results[resultkey].result.includes("too large")) {
+ setExecutionData({});
+ checkStarted = true
+ start();
+ setExecutionRunning(true);
+ setExecutionRequestStarted(false);
+ break
+ }
+ }
+ }
+ }
+ }
+
+ const cur_execution = {
+ execution_id: data.execution_id,
+ authorization: data.authorization,
+ };
+ setExecutionRequest(cur_execution);
+ setExecutionModalView(1);
+
+ if (!checkStarted) {
+ handleUpdateResults(data, cur_execution);
+
+ console.log("Clearing colors during click for: !", data)
+
+ if (cy !== undefined && cy !== null) {
+ cy.elements().removeClass("success-highlight failure-highlight executing-highlight");
+ for (let actionKey in data.workflow.actions) {
+ var actionitem = data.workflow.actions[actionKey];
+
+ handleColoring(actionitem.id, "", actionitem.label)
+ }
+
+ for (let resultKey in data.results) {
+ var item = data.results[resultKey];
+
+ handleColoring(item.action.id, item.status, item.action.label)
+ }
+ }
+
+ setExecutionData(data);
+ }
+ }}
+ >
+
+
+
+ {getExecutionSourceImage(data)}
+
+
+ {timestamp}
+
+ {data.workflow.actions !== null ? (
+
+
+ {resultsLength}/{calculatedResult}
+
+
+ ) : null}
+
+ {lastExecution === data.execution_id ? (
+
+
+
+
+ );
+ })}
+
+ ) : (
+
There are no executions yet, or they are not loaded.
+ )}
+
+
+ {
+ setExecutionRunning(false);
+ stop();
+ getWorkflowExecution(props.match.params.key, "");
+ setExecutionModalView(0);
+ setLastExecution(executionData.execution_id);
+ }}
+ >
+ { }}
+ >
+
+ { }}
+ >
+ See other Executions
+
+
+
+
+
+
Execution info
+
+
+ {
+ //console.log("DATA: ", executionData);
+ executeWorkflow(
+ executionData.execution_argument,
+ executionData.start,
+ lastSaved
+ )
+
+ if (executionText === undefined || executionText === null || executionText.length === 0) {
+ setExecutionText(executionData.execution_argument)
+ }
+
+ setExecutionModalOpen(false);
+ }}
+ >
+
+
+
+ {executionData.status === "EXECUTING" ? (
+
+
+ {
+ abortExecution();
+ }}
+ >
+
+
+
+ ) : null}
+
+ {executionData.status !== undefined &&
+ executionData.status.length > 0 ? (
+
+
+ Status
+
+
+ {executionData.status}
+
+
+ ) : null}
+ {executionData.execution_source !== undefined &&
+ executionData.execution_source !== null &&
+ executionData.execution_source.length > 0 &&
+ executionData.execution_source !== "default" ? (
+
+
+ Source
+
+
+ {executionData.execution_parent !== null &&
+ executionData.execution_parent !== undefined &&
+ executionData.execution_parent.length > 0 ? (
+ executionData.execution_source === props.match.params.key ? (
+ {
+ getWorkflowExecution(
+ props.match.params.key,
+ executionData.execution_parent
+ );
+ }}
+ >
+ Parent Execution
+
+ ) : (
+
+ Parent Workflow
+
+ )
+ ) : (
+ executionData.execution_source
+ )}
+
+
+ ) : null}
+ {executionData.started_at !== undefined ? (
+
+
+ Started
+
+
+ {new Date(executionData.started_at * 1000).toLocaleString("en-GB")}
+
+
+ ) : null}
+ {executionData.completed_at !== undefined &&
+ executionData.completed_at !== null &&
+ executionData.completed_at > 0 ? (
+
+ {
+ console.log(executionData)
+ }}>
+ Finished
+
+
+ {new Date(executionData.completed_at * 1000).toLocaleString("en-GB")}
+
+
+ ) : null}
+
+ {executionData.execution_argument !== undefined &&
+ executionData.execution_argument.length > 0
+ ? parsedExecutionArgument()
+ : null}
+
+ {executionData.results !== undefined &&
+ executionData.results !== null &&
+ executionData.results.length > 1 &&
+ executionData.results.find(
+ (result) =>
+ result.status === "SKIPPED"
+ ) ? (
+
+ Show skipped actions
+ {
+ setShowSkippedActions(!showSkippedActions);
+ }}
+ />
+ }
+ />
+ ) : null}
+
+
+ {executionData.status !== undefined &&
+ executionData.status !== "ABORTED" &&
+ executionData.status !== "FINISHED" &&
+ executionData.status !== "FAILURE" &&
+ executionData.status !== "WAITING" &&
+ !(executionData.results === undefined || executionData.results === null || (executionData.results.length === 0 && executionData.status === "EXECUTING")) ? (
+
+
{
+ console.log(environments, defaultEnvironmentIndex, nonskippedResults)
+ }} />
+
+ {environments.length > 0 && defaultEnvironmentIndex < environments.length && nonskippedResults.length === 0 && environments[defaultEnvironmentIndex].Name !== "Cloud" ?
+
+ No results yet. Is Orborus running for the "{environments[defaultEnvironmentIndex].Name}" environment? Learn more . If the Workflow doesn't start within 30 seconds with Orborus running, contact support: support@shuffler.io
+
+ : null}
+
+ ) : null}
+
+
+
+ {environments.length > 0 && defaultEnvironmentIndex < environments.length && nonskippedResults.length === 0 && environments[defaultEnvironmentIndex].Name !== "Cloud" ?
+
+ No results yet. Is Orborus running for the "{environments[defaultEnvironmentIndex].Name}" environment? Learn more . If the Workflow doesn't start within 30 seconds with Orborus running, contact support: support@shuffler.io
+
+ :
+ null}
+
+ {
+ navigate(`?execution_highlight=${parsed_url}`)
+ }}
+ >
+
+
+ }
+ }
+
+
+ return (
+ {
+ var currentnode = cy.getElementById(data.action.id);
+ if (currentnode !== undefined && currentnode !== null && currentnode.length !== 0) {
+ currentnode.addClass("shuffle-hover-highlight");
+ }
+
+ // Add a hover highlight
+
+ //var copyText = document.getElementById(
+ // "copy_element_shuffle"
+ //)
+ }}
+ onMouseOut={() => {
+ var currentnode = cy.getElementById(data.action.id);
+ if (currentnode.length !== 0) {
+ currentnode.removeClass("shuffle-hover-highlight");
+ }
+ }}
+ >
+
+
+
{
+ const oldstartnode = cy.getElementById(data.action.id);
+ console.log("FOUND NODe: ", oldstartnode)
+ if (oldstartnode !== undefined && oldstartnode !== null) {
+ const foundname = oldstartnode.data("label")
+ if (foundname !== undefined && foundname !== null) {
+ data.action.label = foundname
+ }
+ }
+
+ console.log("Click data: ", data)
+ //data.action.label = ""
+ setSelectedResult(data);
+ setCodeModalOpen(true);
+ }}
+ >
+
+
+
+ {actionimg}
+
+
+ {data.action.label}
+
+
+
+ {data.action.name}
+
+
+
+
+ {data.action.app_name === "shuffle-subflow" &&
+ validate.result.success !== undefined &&
+ validate.result.success === true ? (
+
+ {validate.valid &&
+ data.action.parameters !== undefined &&
+ data.action.parameters !== null &&
+ data.action.parameters.length > 0 ? (
+ data.action.parameters[0].value ===
+ props.match.params.key ? (
+ {
+ getWorkflowExecution(
+ props.match.params.key,
+ validate.result.execution_id
+ );
+ }}
+ >
+
+ ) : (
+ { }}
+ >
+
+ )
+ ) : (
+ ""
+ )}
+
+ ) : null}
+
+
+
+ Status
+
+
+ {data.status}
+
+ {similarActionsView}
+
+ {validate.valid ? (
+
+ {
+ handleReactJsonClipboard(copy);
+ }}
+ displayDataTypes={false}
+ onSelect={(select) => {
+ HandleJsonCopy(showResult, select, data.action.label);
+ console.log("SELECTED!: ", select);
+ }}
+ name={"Results for " + data.action.label}
+ />
+
+
+ ) : (
+
+
+ Result
+
+
+ {data.result}
+
+
+ )}
+
+ );
+
+ // This sucks :)
+ const curapp = !codeModalOpen
+ ? {}
+ : selectedResult.action.app_name === "shuffle-subflow"
+ ? triggers[2]
+ : selectedResult.action.app_name === "User Input"
+ ? triggers[3]
+ : apps.find(
+ (a) =>
+ a.name === selectedResult.action.app_name &&
+ a.app_version === selectedResult.action.app_version
+ );
+ const imgsize = 50;
+ const statusColor = !codeModalOpen
+ ? "red"
+ : selectedResult.status === "FINISHED" ||
+ selectedResult.status === "SUCCESS"
+ ? green
+ : selectedResult.status === "ABORTED" || selectedResult.status === "FAILURE"
+ ? "red"
+ : yellow;
+
+ const validate = !codeModalOpen
+ ? ""
+ : validateJson(selectedResult.result.trim());
+
+ if (validate.valid && typeof validate.result === "string") {
+ validate.result = JSON.parse(validate.result);
+ }
+
+ const AppResultVariable = ({ data }) => {
+ const [open, setOpen] = React.useState(false)
+ const showVariable = data.value.length < 60
+
+ return (
+
+ {newView}
+
+
+ {conditionsModal}
+ {authenticationModal}
+ {codePopoutModal}
+ {configureWorkflowModal}
+ {editWorkflowModal}
+
+ {editWorkflowModalOpen === true ?
+
+ : null}
+
+ {/*selectionOpen === true ?
+
+
+ {
+ setSelectionOpen(false)
+ }}
+ >
+
+
+
+
+ : null*/}
+
+ {showVideo !== undefined && showVideo.length > 0 ?
+
+ {
+ setShowVideo("")
+ }}
+ >
+
+
+
+ : null}
+
+
+
+ );
+
+ const color = trigger.is_valid ? green : yellow;
+ return (
+