@oneuptime/common 7.0.2936 → 7.0.2976

package/build/dist/UI/Components/Workflow/ArgumentsForm.js

@@ -0,0 +1,73 @@
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import BasicForm from "../Forms/BasicForm";
+import ComponentValuePickerModal from "./ComponentValuePickerModal";
+import { componentInputTypeToFormFieldType } from "./Utils";
+import VariableModal from "./VariableModal";
+import React, { useEffect, useRef, useState, } from "react";
+const ArgumentsForm = (props) => {
+    const formRef = useRef(null);
+    const [component, setComponent] = useState(props.component);
+    const [showVariableModal, setShowVariableModal] = useState(false);
+    const [showComponentPickerModal, setShowComponentPickerModal] = useState(false);
+    const [hasFormValidationErrors, setHasFormValidationErrors] = useState({});
+    const [selectedArgId, setSelectedArgId] = useState("");
+    useEffect(() => {
+        props.onHasFormValidationErrors(hasFormValidationErrors);
+    }, [hasFormValidationErrors]);
+    useEffect(() => {
+        props.onFormChange(component);
+    }, [component]);
+    return (React.createElement("div", { className: "mb-3 mt-3" },
+        React.createElement("div", { className: "mt-5 mb-5" },
+            React.createElement("h2", { className: "text-base font-medium text-gray-500" }, "Arguments"),
+            React.createElement("p", { className: "text-sm font-medium text-gray-400 mb-5" }, "Arguments for this component"),
+            component.metadata.arguments &&
+                component.metadata.arguments.length === 0 && (React.createElement(ErrorMessage, { error: "This component does not take any arguments." })),
+            component.metadata.arguments &&
+                component.metadata.arguments.length > 0 && (React.createElement(BasicForm, { hideSubmitButton: true, ref: formRef, initialValues: Object.assign({}, (component.arguments || {})), onChange: (values) => {
+                    setComponent(Object.assign(Object.assign({}, component), { arguments: Object.assign(Object.assign({}, (component.arguments || {})), (values || {})) }));
+                }, onFormValidationErrorChanged: (hasError) => {
+                    if (hasFormValidationErrors["id"] !== hasError) {
+                        setHasFormValidationErrors(Object.assign(Object.assign({}, hasFormValidationErrors), { id: hasError }));
+                    }
+                }, fields: component.metadata.arguments &&
+                    component.metadata.arguments.map((arg) => {
+                        return Object.assign({ title: `${arg.name}`, footerElement: (React.createElement("div", { className: "text-gray-500" },
+                                React.createElement("p", { className: "text-sm" },
+                                    "Pick this value from other",
+                                    " ",
+                                    React.createElement("button", { className: "underline text-blue-500 hover:text-blue-600 cursor-pointer", onClick: () => {
+                                            setSelectedArgId(arg.id);
+                                            setShowComponentPickerModal(true);
+                                        } }, "component"),
+                                    " ",
+                                    "or from",
+                                    " ",
+                                    React.createElement("button", { className: "underline text-blue-500 hover:text-blue-600 cursor-pointer", onClick: () => {
+                                            setSelectedArgId(arg.id);
+                                            setShowVariableModal(true);
+                                        } }, "variable.")))), description: `${arg.required ? "Required" : "Optional"}. ${arg.description}`, field: {
+                                [arg.id]: true,
+                            }, required: arg.required, placeholder: arg.placeholder }, componentInputTypeToFormFieldType(arg.type, component.arguments && component.arguments[arg.id]
+                            ? component.arguments[arg.id]
+                            : null));
+                    }) }))),
+        showVariableModal && (React.createElement(VariableModal, { workflowId: props.workflowId, onClose: () => {
+                setShowVariableModal(false);
+            }, onSave: (variableId) => {
+                setShowVariableModal(false);
+                formRef.current.setFieldValue(selectedArgId, (component.arguments && component.arguments[selectedArgId]
+                    ? component.arguments[selectedArgId]
+                    : "") + variableId);
+            } })),
+        showComponentPickerModal && (React.createElement(ComponentValuePickerModal, { components: props.graphComponents, onClose: () => {
+                setShowComponentPickerModal(false);
+            }, onSave: (returnValuePath) => {
+                setShowComponentPickerModal(false);
+                formRef.current.setFieldValue(selectedArgId, (component.arguments && component.arguments[selectedArgId]
+                    ? component.arguments[selectedArgId]
+                    : "") + returnValuePath);
+            } }))));
+};
+export default ArgumentsForm;
+//# sourceMappingURL=ArgumentsForm.js.map

package/build/dist/UI/Components/Workflow/ArgumentsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArgumentsForm.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ArgumentsForm.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Workflow/Component.js

@@ -0,0 +1,174 @@
+import Icon, { ThickProp } from "../Icon/Icon";
+import Pill from "../Pill/Pill";
+import Tooltip from "../Tooltip/Tooltip";
+import { Green } from "Common/Types/BrandColors";
+import IconProp from "Common/Types/Icon/IconProp";
+import { ComponentType, NodeType, } from "Common/Types/Workflow/Component";
+import React, { useState } from "react";
+import { Handle, Position } from "reactflow";
+const Node = (props) => {
+    const [isHovering, setIsHovering] = useState(false);
+    let textColor = "#6b7280";
+    let descriptionColor = "#6b7280";
+    if (isHovering) {
+        textColor = "#111827";
+        descriptionColor = "#111827";
+    }
+    let componentStyle = {
+        width: "15rem",
+        height: "10rem",
+        padding: "1rem",
+        borderColor: props.selected ? "#6366f1" : textColor,
+        alignItems: "center",
+        borderRadius: "0.25rem",
+        borderWidth: "2px",
+        backgroundColor: "white",
+        display: "inline-block",
+        verticalAlign: "middle",
+        boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    };
+    let handleStyle = {
+        background: "#6b7280",
+        height: "0.75rem",
+        width: "0.75rem",
+    };
+    const getPortPosition = (portCount, totalPorts, isLabel) => {
+        if (portCount === 1 && totalPorts === 1) {
+            return isLabel ? { left: 100 } : {};
+        }
+        if (portCount === 1 && totalPorts === 2) {
+            return { left: isLabel ? 70 : 80 };
+        }
+        if (portCount === 2 && totalPorts === 2) {
+            return { left: isLabel ? 150 : 160 };
+        }
+        if (portCount === 1 && totalPorts === 3) {
+            return { left: isLabel ? 70 : 80 };
+        }
+        if (portCount === 2 && totalPorts === 3) {
+            return isLabel ? { left: 100 } : {};
+        }
+        if (portCount === 3 && totalPorts === 3) {
+            return { left: isLabel ? 150 : 160 };
+        }
+        // default
+        return {};
+    };
+    if (props.data.nodeType === NodeType.PlaceholderNode) {
+        handleStyle = {
+            background: "#cbd5e1",
+            height: "0.75rem",
+            width: "0.75rem",
+        };
+        componentStyle = {
+            borderStyle: "dashed",
+            width: "15rem",
+            height: "8rem",
+            padding: "1rem",
+            display: "inline-block",
+            alignItems: "center",
+            verticalAlign: "middle",
+            borderColor: isHovering ? "#94a3b8" : "#cbd5e1",
+            borderRadius: "0.25rem",
+            borderWidth: "2px",
+            backgroundColor: "white",
+        };
+        textColor = "#cbd5e1";
+        descriptionColor = "#cbd5e1";
+        if (isHovering) {
+            textColor = "#94a3b8";
+            descriptionColor = "#94a3b8";
+        }
+    }
+    return (React.createElement("div", { className: "cursor-pointer", onMouseOver: () => {
+            setIsHovering(true);
+        }, onMouseOut: () => {
+            setIsHovering(false);
+        }, style: Object.assign(Object.assign({}, componentStyle), { height: props.data.id ? "12rem" : "10rem" }), onClick: () => {
+            if (props.data.onClick) {
+                props.data.onClick(props.data);
+            }
+        } },
+        React.createElement("div", { className: "flex justify-center" }, props.data.metadata.componentType === ComponentType.Trigger &&
+            props.data.nodeType !== NodeType.PlaceholderNode &&
+            !props.data.isPreview && React.createElement(Pill, { text: "Trigger", color: Green })),
+        !props.data.isPreview &&
+            props.data.error &&
+            props.data.nodeType !== NodeType.PlaceholderNode && (React.createElement("div", { style: {
+                width: "20px",
+                height: "20px",
+                borderRadius: "100px",
+                color: "#ef4444",
+                position: "absolute",
+                top: "0px",
+                left: "220px",
+                cursor: "pointer",
+            }, onClick: () => { } },
+            React.createElement(Icon, { icon: IconProp.Alert, style: {
+                    color: "#ef4444",
+                    width: "1rem",
+                    height: "1rem",
+                    textAlign: "center",
+                    margin: "auto",
+                    marginTop: "2px",
+                }, thick: ThickProp.Thick }))),
+        !props.data.isPreview &&
+            props.data.metadata.componentType !== ComponentType.Trigger && (React.createElement("div", null, props.data.metadata.inPorts &&
+            props.data.metadata.inPorts.length > 0 &&
+            props.data.metadata.inPorts.map((port, i) => {
+                return (React.createElement(Handle, { key: i, type: "target", id: port.id, onConnect: (_params) => { }, isConnectable: true, position: Position.Top, style: Object.assign(Object.assign({}, handleStyle), getPortPosition(i + 1, props.data.metadata.inPorts.length, false)) }));
+            }))),
+        React.createElement("div", { style: {
+                width: "100%",
+                display: "flex",
+                justifyContent: "center",
+            } },
+            React.createElement("div", { style: {
+                    margin: "auto",
+                    marginTop: props.data.metadata.iconProp ? "0.5rem" : "1rem",
+                } },
+                props.data.metadata.iconProp && (React.createElement(Icon, { icon: props.data.metadata.iconProp, style: {
+                        color: textColor,
+                        width: "1.5rem",
+                        height: "1.5rem",
+                        textAlign: "center",
+                        margin: "auto",
+                    } })),
+                React.createElement("p", { style: {
+                        color: textColor,
+                        fontSize: "0.875rem",
+                        lineHeight: "1.25rem",
+                        textAlign: "center",
+                        marginTop: "6px",
+                    } }, props.data.metadata.title),
+                !props.data.isPreview && props.data.id && (React.createElement("p", { style: {
+                        color: descriptionColor,
+                        fontSize: "0.875rem",
+                        textAlign: "center",
+                    } },
+                    "(",
+                    props.data.id.trim(),
+                    ")")),
+                React.createElement("p", { style: {
+                        color: descriptionColor,
+                        fontSize: "0.775rem",
+                        lineHeight: "1.0rem",
+                        textAlign: "center",
+                        marginTop: "6px",
+                    } }, props.data.metadata.description))),
+        !props.data.isPreview &&
+            props.data.nodeType !== NodeType.PlaceholderNode && (React.createElement(React.Fragment, null,
+            React.createElement("div", null, props.data.metadata.outPorts &&
+                props.data.metadata.outPorts.length > 0 &&
+                props.data.metadata.outPorts.map((port, i) => {
+                    return (React.createElement(Handle, { key: i, type: "source", id: port.id, onConnect: (_params) => { }, isConnectable: true, position: Position.Bottom, style: Object.assign(Object.assign({}, handleStyle), getPortPosition(i + 1, props.data.metadata.outPorts.length, false)) }));
+                })),
+            React.createElement("div", null, props.data.metadata.outPorts &&
+                props.data.metadata.outPorts.length > 0 &&
+                props.data.metadata.outPorts.map((port, i) => {
+                    return (React.createElement(Tooltip, { key: i, text: port.description || "" },
+                        React.createElement("div", { key: i, className: "text-sm text-gray-400 absolute", style: Object.assign({ bottom: "10px" }, getPortPosition(i + 1, props.data.metadata.outPorts.length, true)) }, port.title)));
+                }))))));
+};
+export default Node;
+//# sourceMappingURL=Component.js.map

package/build/dist/UI/Components/Workflow/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/Component.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Workflow/ComponentArgumentsViewer.js

@@ -0,0 +1,32 @@
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import Pill from "../Pill/Pill";
+import { Black } from "Common/Types/BrandColors";
+import React from "react";
+const ComponentArgumentViewer = (props) => {
+    return (React.createElement("div", { className: "mt-5 mb-5" },
+        React.createElement("h2", { className: "text-base font-medium text-gray-500" }, props.name),
+        React.createElement("p", { className: "text-sm font-medium text-gray-400" }, props.description),
+        props.arguments && props.arguments.length === 0 && (React.createElement(ErrorMessage, { error: "This component does not take any arguments." })),
+        React.createElement("div", { className: "mt-3" }, props.arguments &&
+            props.arguments.length > 0 &&
+            props.arguments.map((argument, i) => {
+                return (React.createElement("div", { key: i, className: "mt-2 mb-2 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-pink-500 focus-within:ring-offset-2" },
+                    React.createElement("div", { className: "min-w-0 flex-1 flex justify-between" },
+                        React.createElement("div", { className: "focus:outline-none" },
+                            React.createElement("span", { className: "absolute inset-0", "aria-hidden": "true" }),
+                            React.createElement("p", { className: "text-sm font-medium text-gray-900" },
+                                argument.name,
+                                " ",
+                                React.createElement("span", { className: "text-gray-500 font-normal" },
+                                    "(ID: ",
+                                    argument.id,
+                                    ")")),
+                            React.createElement("p", { className: "truncate text-sm text-gray-500" },
+                                argument.required ? "Required. " : "Optional. ",
+                                argument.description)),
+                        React.createElement("div", null,
+                            React.createElement(Pill, { color: Black, text: argument.type })))));
+            }))));
+};
+export default ComponentArgumentViewer;
+//# sourceMappingURL=ComponentArgumentsViewer.js.map

package/build/dist/UI/Components/Workflow/ComponentArgumentsViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentArgumentsViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentArgumentsViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,uBAAuB,GAAsC,CACjE,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,4BAAI,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,IAAI,CAAM;QACrE,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAC,WAAW,CAAK;QACvE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,CAClD,oBAAC,YAAY,IAAC,KAAK,EAAE,6CAA6C,GAAI,CACvE;QACD,6BAAK,SAAS,EAAC,MAAM,IAClB,KAAK,CAAC,SAAS;YACd,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YAC1B,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAkB,EAAE,CAAS,EAAE,EAAE;gBACpD,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,yLAAyL;oBAEnM,6BAAK,SAAS,EAAC,qCAAqC;wBAClD,6BAAK,SAAS,EAAC,oBAAoB;4BACjC,8BACE,SAAS,EAAC,kBAAkB,iBAChB,MAAM,GACZ;4BACR,2BAAG,SAAS,EAAC,mCAAmC;gCAC7C,QAAQ,CAAC,IAAI;gCAAE,GAAG;gCACnB,8BAAM,SAAS,EAAC,2BAA2B;;oCACnC,QAAQ,CAAC,EAAE;wCACZ,CACL;4BACJ,2BAAG,SAAS,EAAC,gCAAgC;gCAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;gCAC/C,QAAQ,CAAC,WAAW,CACnB,CACA;wBACN;4BACE,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,CACvC,CACF,CACF,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/build/dist/UI/Components/Workflow/ComponentPortViewer.js

@@ -0,0 +1,26 @@
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import React from "react";
+const ComponentPortViewer = (props) => {
+    return (React.createElement("div", { className: "mt-5 mb-5" },
+        React.createElement("h2", { className: "text-base font-medium text-gray-500" }, props.name),
+        React.createElement("p", { className: "text-sm font-medium text-gray-400" }, props.description),
+        props.ports && props.ports.length === 0 && (React.createElement(ErrorMessage, { error: "This component does not have any ports." })),
+        React.createElement("div", { className: "mt-3" }, props.ports &&
+            props.ports.length > 0 &&
+            props.ports.map((port, i) => {
+                return (React.createElement("div", { key: i, className: "mt-2 mb-2 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-pink-500 focus-within:ring-offset-2" },
+                    React.createElement("div", { className: "min-w-0 flex-1" },
+                        React.createElement("div", { className: "focus:outline-none" },
+                            React.createElement("span", { className: "absolute inset-0", "aria-hidden": "true" }),
+                            React.createElement("p", { className: "text-sm font-medium text-gray-900" },
+                                port.title,
+                                " ",
+                                React.createElement("span", { className: "text-gray-500 font-normal" },
+                                    "(ID: ",
+                                    port.id,
+                                    ")")),
+                            React.createElement("p", { className: "truncate text-sm text-gray-500" }, port.description)))));
+            }))));
+};
+export default ComponentPortViewer;
+//# sourceMappingURL=ComponentPortViewer.js.map

package/build/dist/UI/Components/Workflow/ComponentPortViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentPortViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentPortViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,mBAAmB,GAAsC,CAC7D,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,4BAAI,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,IAAI,CAAM;QACrE,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAC,WAAW,CAAK;QACvE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1C,oBAAC,YAAY,IAAC,KAAK,EAAE,yCAAyC,GAAI,CACnE;QACD,6BAAK,SAAS,EAAC,MAAM,IAClB,KAAK,CAAC,KAAK;YACV,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;gBACxC,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,yLAAyL;oBAEnM,6BAAK,SAAS,EAAC,gBAAgB;wBAC7B,6BAAK,SAAS,EAAC,oBAAoB;4BACjC,8BACE,SAAS,EAAC,kBAAkB,iBAChB,MAAM,GACZ;4BACR,2BAAG,SAAS,EAAC,mCAAmC;gCAC7C,IAAI,CAAC,KAAK;gCAAE,GAAG;gCAChB,8BAAM,SAAS,EAAC,2BAA2B;;oCACnC,IAAI,CAAC,EAAE;wCACR,CACL;4BACJ,2BAAG,SAAS,EAAC,gCAAgC,IAC1C,IAAI,CAAC,WAAW,CACf,CACA,CACF,CACF,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/build/dist/UI/Components/Workflow/ComponentReturnValueViewer.js

@@ -0,0 +1,30 @@
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import Pill from "../Pill/Pill";
+import { Black } from "Common/Types/BrandColors";
+import React from "react";
+const ComponentReturnValueViewer = (props) => {
+    return (React.createElement("div", { className: "mt-5 mb-5" },
+        React.createElement("h2", { className: "text-base font-medium text-gray-500" }, props.name),
+        React.createElement("p", { className: "text-sm font-medium text-gray-400" }, props.description),
+        props.returnValues && props.returnValues.length === 0 && (React.createElement(ErrorMessage, { error: "This component does not return any value." })),
+        React.createElement("div", { className: "mt-3" }, props.returnValues &&
+            props.returnValues.length > 0 &&
+            props.returnValues.map((returnValue, i) => {
+                return (React.createElement("div", { key: i, className: "mt-2 mb-2 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-pink-500 focus-within:ring-offset-2" },
+                    React.createElement("div", { className: "min-w-0 flex-1 flex justify-between" },
+                        React.createElement("div", { className: "focus:outline-none" },
+                            React.createElement("span", { className: "absolute inset-0", "aria-hidden": "true" }),
+                            React.createElement("p", { className: "text-sm font-medium text-gray-900" },
+                                returnValue.name,
+                                " ",
+                                React.createElement("span", { className: "text-gray-500 font-normal" },
+                                    "(ID: ",
+                                    returnValue.id,
+                                    ")")),
+                            React.createElement("p", { className: "truncate text-sm text-gray-500" }, returnValue.description)),
+                        React.createElement("div", null,
+                            React.createElement(Pill, { color: Black, text: returnValue.type })))));
+            }))));
+};
+export default ComponentReturnValueViewer;
+//# sourceMappingURL=ComponentReturnValueViewer.js.map

package/build/dist/UI/Components/Workflow/ComponentReturnValueViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentReturnValueViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentReturnValueViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,0BAA0B,GAAsC,CACpE,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,4BAAI,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,IAAI,CAAM;QACrE,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAC,WAAW,CAAK;QACvE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,oBAAC,YAAY,IAAC,KAAK,EAAE,2CAA2C,GAAI,CACrE;QACD,6BAAK,SAAS,EAAC,MAAM,IAClB,KAAK,CAAC,YAAY;YACjB,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;YAC7B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAwB,EAAE,CAAS,EAAE,EAAE;gBAC7D,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,yLAAyL;oBAEnM,6BAAK,SAAS,EAAC,qCAAqC;wBAClD,6BAAK,SAAS,EAAC,oBAAoB;4BACjC,8BACE,SAAS,EAAC,kBAAkB,iBAChB,MAAM,GACZ;4BACR,2BAAG,SAAS,EAAC,mCAAmC;gCAC7C,WAAW,CAAC,IAAI;gCAAE,GAAG;gCACtB,8BAAM,SAAS,EAAC,2BAA2B;;oCACnC,WAAW,CAAC,EAAE;wCACf,CACL;4BACJ,2BAAG,SAAS,EAAC,gCAAgC,IAC1C,WAAW,CAAC,WAAW,CACtB,CACA;wBACN;4BACE,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,GAAI,CAC1C,CACF,CACF,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/build/dist/UI/Components/Workflow/ComponentSettingsModal.js

@@ -0,0 +1,68 @@
+import Button, { ButtonStyleType } from "../Button/Button";
+import Divider from "../Divider/Divider";
+import BasicForm from "../Forms/BasicForm";
+import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
+import ConfirmModal from "../Modal/ConfirmModal";
+import SideOver from "../SideOver/SideOver";
+import ArgumentsForm from "./ArgumentsForm";
+import ComponentPortViewer from "./ComponentPortViewer";
+import ComponentReturnValueViewer from "./ComponentReturnValueViewer";
+import DocumentationViewer from "./DocumentationViewer";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useState } from "react";
+const ComponentSettingsModal = (props) => {
+    const [component, setComponent] = useState(props.component);
+    const [hasFormValidationErrors, setHasFormValidationErrors] = useState({});
+    const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false);
+    return (React.createElement(SideOver, { title: props.title, description: props.description, onClose: props.onClose, onSubmit: () => {
+            return component && props.onSave(component);
+        }, leftFooterElement: React.createElement(Button, { title: `Delete ${component.metadata.componentType}`, icon: IconProp.Trash, buttonStyle: ButtonStyleType.DANGER_OUTLINE, onClick: () => {
+                setShowDeleteConfirmation(true);
+            } }) },
+        React.createElement(React.Fragment, null,
+            showDeleteConfirmation && (React.createElement(ConfirmModal, { title: `Delete ${component.metadata.componentType}`, description: `Are you sure you want to delete this ${component.metadata.componentType.toLowerCase()}? This action is not recoverable.`, onClose: () => {
+                    setShowDeleteConfirmation(false);
+                }, submitButtonText: "Delete", onSubmit: () => {
+                    props.onDelete(component);
+                    setShowDeleteConfirmation(false);
+                    props.onClose();
+                }, submitButtonType: ButtonStyleType.DANGER })),
+            React.createElement("div", { className: "mb-3 mt-3" },
+                React.createElement(BasicForm, { hideSubmitButton: true, initialValues: {
+                        id: component === null || component === void 0 ? void 0 : component.id,
+                    }, onChange: (values) => {
+                        setComponent(Object.assign(Object.assign({}, component), values));
+                    }, onFormValidationErrorChanged: (hasError) => {
+                        setHasFormValidationErrors(Object.assign(Object.assign({}, hasFormValidationErrors), { id: hasError }));
+                    }, fields: [
+                        {
+                            title: `${component.metadata.componentType} ID`,
+                            description: `${component.metadata.componentType} ID will make it easier for you to connect to other components.`,
+                            field: {
+                                id: true,
+                            },
+                            required: true,
+                            fieldType: FormFieldSchemaType.Text,
+                        },
+                    ] })),
+            component.metadata.documentationLink && (React.createElement("div", null,
+                React.createElement(Divider, null),
+                React.createElement(DocumentationViewer, { documentationLink: component.metadata.documentationLink, workflowId: props.workflowId }))),
+            React.createElement(Divider, null),
+            React.createElement(ArgumentsForm, { graphComponents: props.graphComponents, workflowId: props.workflowId, component: component, onFormChange: (component) => {
+                    setComponent(Object.assign({}, component));
+                }, onHasFormValidationErrors: (value) => {
+                    setHasFormValidationErrors(Object.assign(Object.assign({}, hasFormValidationErrors), value));
+                } }),
+            React.createElement(Divider, null),
+            React.createElement("div", { className: "mb-3 mt-3" },
+                React.createElement(ComponentPortViewer, { name: "In Ports", description: "Here  is a list of inports for this component", ports: component.metadata.inPorts })),
+            React.createElement(Divider, null),
+            React.createElement("div", { className: "mb-3 mt-3" },
+                React.createElement(ComponentPortViewer, { name: "Out Ports", description: "Here  is a list of outports for this component", ports: component.metadata.outPorts })),
+            React.createElement(Divider, null),
+            React.createElement("div", { className: "mb-3 mt-3" },
+                React.createElement(ComponentReturnValueViewer, { name: "Return Values", description: "Here  is a list of values that this component returns", returnValues: component.metadata.returnValues })))));
+};
+export default ComponentSettingsModal;
+//# sourceMappingURL=ComponentSettingsModal.js.map

package/build/dist/UI/Components/Workflow/ComponentSettingsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentSettingsModal.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentSettingsModal.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Workflow/ComponentValuePickerModal.js

@@ -0,0 +1,94 @@
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import Input from "../Input/Input";
+import Modal, { ModalWidth } from "../Modal/Modal";
+import Pill from "../Pill/Pill";
+import { Black } from "Common/Types/BrandColors";
+import React, { useEffect, useState, } from "react";
+const ComponentValuePickerModal = (props) => {
+    const [selectedReturnValue, setSelectedReturnValue] = useState(null);
+    const [selectedComponent, setSelectedComponent] = useState(null);
+    const [searchedComponents, setSearchedComponents] = useState([]);
+    const [searchText, setSearchText] = useState("");
+    useEffect(() => {
+        setSearchedComponents(searchReturnValues(props.components, searchText));
+    }, [props.components, searchText]);
+    const searchReturnValues = (components, searchText) => {
+        if (!searchText) {
+            return components;
+        }
+        const searched = [];
+        for (const component of components) {
+            if (component.metadata.title.includes(searchText) ||
+                component.metadata.description.includes(searchText)) {
+                searched.push(component);
+                continue;
+            }
+            for (const returnVal of component.metadata.returnValues) {
+                if (returnVal.name.includes(searchText) ||
+                    returnVal.description.includes(searchText)) {
+                    searched.push(component);
+                    break;
+                }
+            }
+        }
+        return searched;
+    };
+    return (React.createElement(Modal, { modalWidth: ModalWidth.Large, title: "Select return value from another component", description: "Select a return value from the component this component is connected to.", onClose: props.onClose, disableSubmitButton: !selectedReturnValue, onSubmit: () => {
+            if (!selectedReturnValue) {
+                return props.onClose();
+            }
+            if (!selectedComponent) {
+                return props.onClose();
+            }
+            props.onSave(`{{local.components.${selectedComponent.id}.returnValues.${selectedReturnValue.id}}}`);
+        } },
+        React.createElement("div", null,
+            props.components && props.components.length > 0 && (React.createElement("div", { className: "p-2" },
+                React.createElement(Input, { placeholder: "Search...", onChange: (value) => {
+                        setSearchText(value);
+                    } }))),
+            React.createElement("div", { className: "max-h-96 mt-5 mb-5 overflow-y-auto" },
+                props.components.length === 0 ? (React.createElement(ErrorMessage, { error: "No components in this workflow." })) : (React.createElement(React.Fragment, null)),
+                props.components.length > 0 &&
+                    searchText &&
+                    searchedComponents.length === 0 ? (React.createElement(ErrorMessage, { error: "No components match your search" })) : (React.createElement(React.Fragment, null)),
+                searchedComponents &&
+                    searchedComponents.length > 0 &&
+                    searchedComponents.map((component, i) => {
+                        return (React.createElement("div", { className: "p-3 pl-1", key: `component-${i}` },
+                            React.createElement("h2", { className: "text-base font-medium text-gray-500" },
+                                component.metadata.title,
+                                " (",
+                                component.id,
+                                ")"),
+                            React.createElement("p", { className: "text-sm font-medium text-gray-400" }, component.metadata.description),
+                            component.metadata.returnValues &&
+                                component.metadata.returnValues.length === 0 && (React.createElement(ErrorMessage, { error: "This component does not have any return values." })),
+                            component.metadata.returnValues &&
+                                component.metadata.returnValues.map((returnValue, i) => {
+                                    const isSelected = Boolean(selectedComponent &&
+                                        component.id === selectedComponent.id &&
+                                        selectedReturnValue &&
+                                        selectedReturnValue.id === returnValue.id);
+                                    return (React.createElement("div", { key: i, onClick: () => {
+                                            setSelectedComponent(component);
+                                            setSelectedReturnValue(returnValue);
+                                        }, className: `cursor-pointer mt-2 mb-2 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-pink-500 focus-within:ring-offset-2 hover:border-gray-400 ${isSelected ? "ring ring-indigo-500" : ""}` },
+                                        React.createElement("div", { className: "min-w-0 flex-1 flex justify-between" },
+                                            React.createElement("div", { className: "focus:outline-none" },
+                                                React.createElement("span", { className: "absolute inset-0", "aria-hidden": "true" }),
+                                                React.createElement("p", { className: "text-sm font-medium text-gray-900" },
+                                                    returnValue.name,
+                                                    " ",
+                                                    React.createElement("span", { className: "text-gray-500 font-normal" },
+                                                        "(ID: ",
+                                                        returnValue.id,
+                                                        ")")),
+                                                React.createElement("p", { className: "truncate text-sm text-gray-500" }, returnValue.description)),
+                                            React.createElement("div", null,
+                                                React.createElement(Pill, { color: Black, text: returnValue.type })))));
+                                })));
+                    })))));
+};
+export default ComponentValuePickerModal;
+//# sourceMappingURL=ComponentValuePickerModal.js.map

package/build/dist/UI/Components/Workflow/ComponentValuePickerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentValuePickerModal.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentValuePickerModal.tsx"],"names":[],"mappings":"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"}