{
}
onBlur={(e) => {
console.log("IN BLUR: ", e.target.value);
- urlPathQueries[index].name = e.target.value.replaceAll(
- "=",
- ""
- );
-
+ urlPathQueries[queryIndex].name = e.target.value.replaceAll("=", "");
setUrlPathQueries(urlPathQueries);
}}
style={{flex: 3}}
@@ -2953,11 +3139,11 @@ const AppCreator = (defaultprops) => {
/>
{
- urlPathQueries[index].example = e.target.value.replaceAll(
+ urlPathQueries[queryIndex].example = e.target.value.replaceAll(
"=",
""
)
@@ -2975,19 +3161,19 @@ const AppCreator = (defaultprops) => {
{
- flipRequired(index);
+ flipRequired(queryIndex);
}}
>
Required:{" "}
- {data.required.toString()}
+ {query.required.toString()}
{
- deletePathQuery(index);
+ deletePathQuery(queryIndex);
}}
>
@@ -3007,1093 +3193,954 @@ const AppCreator = (defaultprops) => {
);
- const foundCategory = newWorkflowCategories !== undefined && newWorkflowCategories !== null && newWorkflowCategories.length > 0 ? categories.find((x) => x.name === newWorkflowCategories[0]) : undefined
- const actionLabels = foundCategory !== undefined && foundCategory !== null && foundCategory.action_labels.length > 0 ? ["No Label"].concat(foundCategory.action_labels) : []
-
- const loopActions =
- actions.length === 0 ? null : (
+ const SetExtraBodyField = (props) => {
+ const { extraBodyFields } = props;
+
+ if (extraBodyFields === undefined || extraBodyFields === null) {
+ return null;
+ }
+
+ //const parsedlist = extraBodyFields.join(", ")
+ //console.log("LIST: ", parsedlist)
+
+ return (
+
+ {extraBodyFields.map((data, index) => {
+ return ;
+ })}
+
+ );
+ };
+
+ const bodyInfo = actionBodyRequest.includes(currentActionMethod) ? (
+
+
Request Body:{" "}
+ {extraBodyFields.length > 0 ? (
+
+
+
+ ) : (
+
+ {`Add variables with \$\{ variable_name }`}
+
+ )}
+
{
+ setActionField("body", e.target.value);
+ findBodyParams(e.target.value);
+ }}
+ key={currentAction}
+ helperText={
+
+ Shows an example body to the user. ${} creates variables.
+
+ }
+ InputProps={{
+ classes: {
+ notchedOutline: classes.notchedOutline,
+ },
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+
+ ) : null;
+
+ const exampleResponse = fileDownloadEnabled ? null : (
+
+ Example success response
+ setActionField("example_response", e.target.value)}
+ helperText={
+
+ Helps with autocompletion and understanding of the endpoint
+
+ }
+ key={currentAction}
+ InputProps={{
+ style: {
+ color: "white",
+ },
+ }}
+ />
+
+ );
+
+ const addActionToView = (errors) => {
+ currentAction.errors = errors;
+ currentAction.queries = urlPathQueries;
+ setUrlPathQueries([]);
+
+ const actionIndex = actions.findIndex((data) => data.name === currentAction.name);
+
+ if (actionIndex < 0) {
+ actions.push(currentAction);
+ } else {
+ actions[actionIndex] = currentAction;
+ }
+
+ if (actions.length > actionAmount) {
+ setActionAmount(actions.length);
+ }
+
+ setActions(actions);
+ setFilteredActions(actions);
+ };
+
+ const getActionErrors = () => {
+ var errormessage = [];
+ if (currentAction.name === undefined || currentAction.name.length === 0) {
+ errormessage.push("Name can't be empty");
+ }
+
+ // Url verification
+ //if (currentAction.url.length === 0) {
+ // errormessage.push("URL path can't be empty.")
+ if (!currentAction.url.startsWith("/") && baseUrl.length > 0 && currentAction.url.length > 0) {
+ errormessage.push("URL must start with /");
+ }
+
+ const check = urlPathQueries.findIndex((data) => data.name.length === 0);
+ if (check >= 0) {
+ errormessage.push("All queries must have a value");
+ }
+
+ return errormessage;
+ };
+
+
+
+ const newActionModal = (
+
+ );
+
+
+ var error =
+ data.errors.length > 0 ? (
+
+
+
+ ) : (
+
+
+
+ );
+
+ var bgColor = "#61afee";
+ if (data.method === "POST") {
+ bgColor = "#49cc90";
+ } else if (data.method === "PUT") {
+ bgColor = "#fca130";
+ } else if (data.method === "PATCH") {
+ bgColor = "#50e3c2";
+ } else if (data.method === "DELETE") {
+ bgColor = "#f93e3e";
+ } else if (data.method === "HEAD") {
+ bgColor = "#9012fe";
+ }
+
+ const url = data.url;
+ const hasFile = (data["file_field"] !== undefined && data["file_field"] !== null && data["file_field"].length > 0) || data["example_response"] === "shuffle_file_download"
+
+
+ return (
+
+ {newActionModal}
+
+ {error}
+
+ {
+ console.log("Data: ", data)
+ if (hasFile) {
+ //setActionField("headers", "")
+ //console.log("It has a file: ", data["file_field"])
+
+ setFileUploadEnabled(true);
+ data.headers = ""
+ } else {
+ console.log("No file")
+ }
+
+ setCurrentAction(data);
+ setCurrentActionMethod(data.method);
+ setUrlPathQueries(data.queries);
+ setUrlPath(data.url);
+ setActionsModalOpen(true);
+
+ if (data["body"] !== undefined && data["body"] !== null && data["body"].length > 0) {
+ findBodyParams(data["body"]);
+ } else {
+ console.log("No body param")
+ }
+
+ }}
+ >
+
+
+
+ {hasFile ? (
+
+ ) : null}{" "}
+ {url} - {data.name}
+
+
+
{testAction(index)}}>
+ Test
+
+
+ */}
+
+ {/* From 2023: Example of handling action labels */}
+ {actionLabels.length > 0 && newWorkflowCategories !== undefined && newWorkflowCategories !== null && newWorkflowCategories.length > 0 && categories.length > 0 ?
+
+ : null}
+
+
+ {
+ duplicateAction(index);
+ }}
+ >
+
+
+
+
+ {
+ deleteAction(index);
+ }}
+ >
+
+
+
+
+
+ { index === filteredActions.length - 1 || index === actionAmount - 1 ?
+
+ : null}
+
+ )
+ }
+
+ const LoopActions = (props) => {
+ const { filteredActions } = props;
+
+ //console.log("Actions: ", filteredActions)
+ if (filteredActions === null || filteredActions === undefined || filteredActions.length === 0) {
+ return null
+ }
+
+ return (
{filteredActions.slice(0, actionAmount).map((data, index) => {
- var error =
- data.errors.length > 0 ? (
-
-
-
- ) : (
-
-
-
- );
-
- var bgColor = "#61afee";
- if (data.method === "POST") {
- bgColor = "#49cc90";
- } else if (data.method === "PUT") {
- bgColor = "#fca130";
- } else if (data.method === "PATCH") {
- bgColor = "#50e3c2";
- } else if (data.method === "DELETE") {
- bgColor = "#f93e3e";
- } else if (data.method === "HEAD") {
- bgColor = "#9012fe";
- }
-
- const url = data.url;
- const hasFile =
- (data["file_field"] !== undefined &&
- data["file_field"] !== null &&
- data["file_field"].length > 0) || data["example_response"] === "shuffle_file_download"
-
- // In case of extremely long summaries/names from OpenAPI def
- //const maxlen = 35
- //if (data.description === undefined || data.description === null || data.description.length === 0) {
- // if (data.name !== undefined && data.name !== null && data.name.length > maxlen ) {
- // var newname = []
- // for (var key in data.name.split(" ")) {
- // console.log("Name: ", data.name[key])
- // if (newname.join(" ").length < maxlen) {
- // newname.push(data.name[key])
- // }
- // }
-
- // data.description = data.name.valueOf()
- // data.name = newname.join(" ")
- // }
- //}
-
return (
-
- {error}
-
- {
- console.log("Data: ", data)
- if (hasFile) {
- setFileUploadEnabled(true);
- //setActionField("headers", "")
- console.log("It has a file: ", data["file_field"])
- data.headers = ""
- } else {
- console.log("No file")
- }
+
+ )
+ })}
+
-
-
- {hasFile ? (
-
- ) : null}{" "}
- {url} - {data.name}
-
-
-
- {/*
-
- {testAction(index)}}>
- Test
-
-
- */}
-
- {/* From 2023: Example of handling action labels */}
- {/*actionLabels.length > 0 && newWorkflowCategories !== undefined && newWorkflowCategories !== null && newWorkflowCategories.length > 0 && categories.length > 0 ?
- (
-
- )
- : null*/}
-
-
- {
- duplicateAction(index);
- }}
- >
-
-
-
-
- {
- deleteAction(index);
- }}
- >
-
-
-
-
- );
- })}
-
- );
-
- const setActionField = (field, value) => {
- currentAction[field] = value;
- setCurrentAction(currentAction);
-
- //setUrlPathQueries(currentAction.queries)
- };
-
- const findBodyParams = (body) => {
- const regex = /\${(\w+)}/g;
- const found = body.match(regex);
- if (found === null) {
- setExtraBodyFields([]);
- } else {
- setExtraBodyFields(found);
- }
- };
-
- const HandleIndividualChip = (props) => {
- const { chipData, index } = props;
- const [chipRequired, setChipRequired] = useState(false);
-
- return (
-