@oneuptime/common 10.0.39 → 10.0.40

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

@@ -1 +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,OAAO,EAAE,yCAAyC,GAAI,CACrE;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"}
+{"version":3,"file":"ComponentPortViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentPortViewer.tsx"],"names":[],"mappings":"AACA,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,4BAA4B,IAAE,KAAK,CAAC,WAAW,CAAK;QAChE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1C,2BAAG,SAAS,EAAC,8BAA8B,2BAAyB,CACrE;QACD,iCACG,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,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,UAAU;wBACf,OAAO,EAAE,gBAAgB;wBACzB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,MAAM,EAAE,mBAAmB;wBAC3B,YAAY,EAAE,UAAU;qBACzB;oBAED,6BACE,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,KAAK;4BACb,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS;4BAC1B,UAAU,EAAE,CAAC;yBACd,GACD;oBACF,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;wBAClC,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,WAAW;gCACrB,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,SAAS;6BACtB;4BAEA,IAAI,CAAC,KAAK;4BACX,8BACE,KAAK,EAAE;oCACL,KAAK,EAAE,SAAS;oCAChB,UAAU,EAAE,GAAG;oCACf,QAAQ,EAAE,WAAW;oCACrB,UAAU,EAAE,UAAU;oCACtB,UAAU,EACR,2DAA2D;iCAC9D,IAEA,IAAI,CAAC,EAAE,CACH,CACL;wBACH,IAAI,CAAC,WAAW,IAAI,CACnB,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,SAAS;gCACnB,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,MAAM;6BACnB,IAEA,IAAI,CAAC,WAAW,CACf,CACL,CACG,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

@@ -1,29 +1,55 @@
-import ErrorMessage from "../ErrorMessage/ErrorMessage";
-import Pill from "../Pill/Pill";
-import { Black } from "../../../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, { message: "This component does not return any value." })),
-        React.createElement("div", { className: "mt-3" }, props.returnValues &&
+    return (React.createElement("div", { className: "mt-3 mb-3" },
+        React.createElement("h2", { className: "text-sm font-semibold text-gray-600" }, props.name),
+        React.createElement("p", { className: "text-xs text-gray-400 mb-2" }, props.description),
+        props.returnValues && props.returnValues.length === 0 && (React.createElement("p", { className: "text-xs text-gray-400 italic" }, "This component does not return any values.")),
+        React.createElement("div", null, 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 })))));
+                return (React.createElement("div", { key: i, style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        gap: "0.625rem",
+                        padding: "0.5rem 0.75rem",
+                        borderRadius: "8px",
+                        backgroundColor: "#f8fafc",
+                        border: "1px solid #f1f5f9",
+                        marginBottom: "0.375rem",
+                    } },
+                    React.createElement("div", { style: { minWidth: 0, flex: 1 } },
+                        React.createElement("p", { style: {
+                                fontSize: "0.8125rem",
+                                fontWeight: 500,
+                                color: "#334155",
+                                margin: 0,
+                                lineHeight: "1.25rem",
+                            } },
+                            returnValue.name,
+                            React.createElement("span", { style: {
+                                    color: "#94a3b8",
+                                    fontWeight: 400,
+                                    fontSize: "0.6875rem",
+                                    marginLeft: "0.375rem",
+                                    fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
+                                } }, returnValue.id)),
+                        returnValue.description && (React.createElement("p", { style: {
+                                fontSize: "0.75rem",
+                                color: "#94a3b8",
+                                margin: 0,
+                                lineHeight: "1rem",
+                            } }, returnValue.description))),
+                    React.createElement("span", { style: {
+                            fontSize: "0.6875rem",
+                            fontWeight: 500,
+                            color: "#6366f1",
+                            backgroundColor: "#eef2ff",
+                            padding: "0.125rem 0.5rem",
+                            borderRadius: "100px",
+                            whiteSpace: "nowrap",
+                            border: "1px solid #e0e7ff",
+                        } }, returnValue.type)));
             }))));
 };
 export default ComponentReturnValueViewer;

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

@@ -1 +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,4BAA4B,CAAC;AAEnD,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,OAAO,EAAE,2CAA2C,GAAI,CACvE;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"}
+{"version":3,"file":"ComponentReturnValueViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentReturnValueViewer.tsx"],"names":[],"mappings":"AACA,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,4BAA4B,IAAE,KAAK,CAAC,WAAW,CAAK;QAChE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,2BAAG,SAAS,EAAC,8BAA8B,iDAEvC,CACL;QACD,iCACG,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,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,eAAe;wBAC/B,GAAG,EAAE,UAAU;wBACf,OAAO,EAAE,gBAAgB;wBACzB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,MAAM,EAAE,mBAAmB;wBAC3B,YAAY,EAAE,UAAU;qBACzB;oBAED,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;wBAClC,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,WAAW;gCACrB,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,SAAS;6BACtB;4BAEA,WAAW,CAAC,IAAI;4BACjB,8BACE,KAAK,EAAE;oCACL,KAAK,EAAE,SAAS;oCAChB,UAAU,EAAE,GAAG;oCACf,QAAQ,EAAE,WAAW;oCACrB,UAAU,EAAE,UAAU;oCACtB,UAAU,EACR,2DAA2D;iCAC9D,IAEA,WAAW,CAAC,EAAE,CACV,CACL;wBACH,WAAW,CAAC,WAAW,IAAI,CAC1B,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,SAAS;gCACnB,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,MAAM;6BACnB,IAEA,WAAW,CAAC,WAAW,CACtB,CACL,CACG;oBACN,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,WAAW;4BACrB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,SAAS;4BAChB,eAAe,EAAE,SAAS;4BAC1B,OAAO,EAAE,iBAAiB;4BAC1B,YAAY,EAAE,OAAO;4BACrB,UAAU,EAAE,QAAQ;4BACpB,MAAM,EAAE,mBAAmB;yBAC5B,IAEA,WAAW,CAAC,IAAI,CACZ,CACH,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -1,5 +1,4 @@
 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";
@@ -10,13 +9,14 @@ import ComponentReturnValueViewer from "./ComponentReturnValueViewer";
 import DocumentationViewer from "./DocumentationViewer";
 import IconProp from "../../../Types/Icon/IconProp";
 import React, { useState } from "react";
+import Icon from "../Icon/Icon";
 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: () => {
+        }, leftFooterElement: React.createElement(Button, { title: `Delete`, icon: IconProp.Trash, buttonStyle: ButtonStyleType.DANGER_OUTLINE, onClick: () => {
                 setShowDeleteConfirmation(true);
             } }) },
         React.createElement(React.Fragment, null,
@@ -27,7 +27,30 @@ const ComponentSettingsModal = (props) => {
                     setShowDeleteConfirmation(false);
                     props.onClose();
                 }, submitButtonType: ButtonStyleType.DANGER })),
-            React.createElement("div", { className: "mb-3 mt-3" },
+            React.createElement("div", { style: {
+                    backgroundColor: "#f8fafc",
+                    borderRadius: "10px",
+                    border: "1px solid #e2e8f0",
+                    padding: "1rem",
+                    marginTop: "0.75rem",
+                    marginBottom: "1rem",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        marginBottom: "0.5rem",
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Label, style: {
+                            color: "#64748b",
+                            width: "0.875rem",
+                            height: "0.875rem",
+                        } }),
+                    React.createElement("span", { style: {
+                            fontSize: "0.8125rem",
+                            fontWeight: 600,
+                            color: "#334155",
+                        } }, "Identity")),
                 React.createElement(BasicForm, { hideSubmitButton: true, initialValues: {
                         id: component === null || component === void 0 ? void 0 : component.id,
                     }, onChange: (values) => {
@@ -37,7 +60,7 @@ const ComponentSettingsModal = (props) => {
                     }, fields: [
                         {
                             title: `${component.metadata.componentType} ID`,
-                            description: `${component.metadata.componentType} ID will make it easier for you to connect to other components.`,
+                            description: `Unique identifier used to reference this ${component.metadata.componentType.toLowerCase()} from other components.`,
                             field: {
                                 id: true,
                             },
@@ -45,24 +68,107 @@ const ComponentSettingsModal = (props) => {
                             fieldType: FormFieldSchemaType.Text,
                         },
                     ] })),
-            component.metadata.documentationLink && (React.createElement("div", null,
-                React.createElement(Divider, null),
+            component.metadata.documentationLink && (React.createElement("div", { style: {
+                    backgroundColor: "#eff6ff",
+                    borderRadius: "10px",
+                    border: "1px solid #bfdbfe",
+                    padding: "1rem",
+                    marginBottom: "1rem",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        marginBottom: "0.5rem",
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Book, style: {
+                            color: "#3b82f6",
+                            width: "0.875rem",
+                            height: "0.875rem",
+                        } }),
+                    React.createElement("span", { style: {
+                            fontSize: "0.8125rem",
+                            fontWeight: 600,
+                            color: "#1e40af",
+                        } }, "Documentation")),
                 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 })))));
+            React.createElement("div", { style: {
+                    backgroundColor: "#ffffff",
+                    borderRadius: "10px",
+                    border: "1px solid #e2e8f0",
+                    padding: "1rem",
+                    marginBottom: "1rem",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        marginBottom: "0.75rem",
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Settings, style: {
+                            color: "#64748b",
+                            width: "0.875rem",
+                            height: "0.875rem",
+                        } }),
+                    React.createElement("span", { style: {
+                            fontSize: "0.8125rem",
+                            fontWeight: 600,
+                            color: "#334155",
+                        } }, "Configuration")),
+                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("div", { style: {
+                    backgroundColor: "#ffffff",
+                    borderRadius: "10px",
+                    border: "1px solid #e2e8f0",
+                    padding: "1rem",
+                    marginBottom: "1rem",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        marginBottom: "0.25rem",
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Link, style: {
+                            color: "#64748b",
+                            width: "0.875rem",
+                            height: "0.875rem",
+                        } }),
+                    React.createElement("span", { style: {
+                            fontSize: "0.8125rem",
+                            fontWeight: 600,
+                            color: "#334155",
+                        } }, "Connections")),
+                React.createElement(ComponentPortViewer, { name: "In Ports", description: "Input connections for this component", ports: component.metadata.inPorts }),
+                React.createElement(ComponentPortViewer, { name: "Out Ports", description: "Output connections from this component", ports: component.metadata.outPorts })),
+            React.createElement("div", { style: {
+                    backgroundColor: "#ffffff",
+                    borderRadius: "10px",
+                    border: "1px solid #e2e8f0",
+                    padding: "1rem",
+                    marginBottom: "1rem",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        marginBottom: "0.25rem",
+                    } },
+                    React.createElement(Icon, { icon: IconProp.ArrowCircleRight, style: {
+                            color: "#64748b",
+                            width: "0.875rem",
+                            height: "0.875rem",
+                        } }),
+                    React.createElement("span", { style: {
+                            fontSize: "0.8125rem",
+                            fontWeight: 600,
+                            color: "#334155",
+                        } }, "Output")),
+                React.createElement(ComponentReturnValueViewer, { name: "Return Values", description: "Values this component produces for downstream use", returnValues: component.metadata.returnValues })))));
 };
 export default ComponentSettingsModal;
 //# sourceMappingURL=ComponentSettingsModal.js.map

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

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

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

@@ -3,8 +3,7 @@ import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import Icon from "../Icon/Icon";
 import Input from "../Input/Input";
 import SideOver from "../SideOver/SideOver";
-import ComponentElement from "./Component";
-import { NodeType, } from "../../../Types/Workflow/Component";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { useEffect, useState, } from "react";
 const ComponentsModal = (props) => {
     const [search, setSearch] = useState("");
@@ -12,6 +11,7 @@ const ComponentsModal = (props) => {
     const [categories, setCategories] = useState([]);
     const [componentsToShow, setComponentsToShow] = useState([]);
     const [isSearching, setIsSearching] = useState(false);
+    const [selectedComponentMetadata, setSelectedComponentMetadata] = useState(null);
     useEffect(() => {
         setComponents(props.components);
         setComponentsToShow([...props.components]);
@@ -43,66 +43,121 @@ const ComponentsModal = (props) => {
             }),
         ]);
     }, [search]);
-    const [selectedComponentMetadata, setSelectedComponentMetadata] = useState(null);
-    return (React.createElement(SideOver, { submitButtonText: "Create", title: `Select a ${props.componentsType}`, description: `Please select a component to add to your workflow.`, onClose: props.onCloseModal, submitButtonDisabled: !selectedComponentMetadata, onSubmit: () => {
+    return (React.createElement(SideOver, { submitButtonText: "Add to Workflow", title: `Add ${props.componentsType}`, description: `Choose a ${props.componentsType.toLowerCase()} to add to your workflow.`, onClose: props.onCloseModal, submitButtonDisabled: !selectedComponentMetadata, onSubmit: () => {
             return (selectedComponentMetadata &&
                 props.onComponentClick(selectedComponentMetadata));
         } },
         React.createElement(React.Fragment, null,
             React.createElement("div", { className: "flex flex-col h-full" },
-                React.createElement("div", { className: "mt-5" },
-                    React.createElement(Input, { placeholder: "Search...", onChange: (text) => {
-                            setIsSearching(true);
-                            setSearch(text);
-                        } })),
-                React.createElement("div", { className: "overflow-y-auto overflow-x-hidden my-5" },
+                React.createElement("div", { className: "mt-4 mb-4" },
+                    React.createElement("div", { className: "relative" },
+                        React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" },
+                            React.createElement(Icon, { icon: IconProp.Search, className: "h-4 w-4 text-gray-400" })),
+                        React.createElement("div", { className: "pl-9" },
+                            React.createElement(Input, { placeholder: `Search ${props.componentsType.toLowerCase()}s...`, onChange: (text) => {
+                                    setIsSearching(true);
+                                    setSearch(text);
+                                } })))),
+                React.createElement("div", { className: "overflow-y-auto overflow-x-hidden flex-1" },
                     !componentsToShow ||
-                        (componentsToShow.length === 0 && (React.createElement("div", { className: "w-full flex justify-center mt-20" },
-                            React.createElement(ErrorMessage, { message: "No components that match your search. If you are looking for an integration that does not exist currently - you can use Custom Code or API component to build anything you like. If you are an enterprise customer, feel free to talk to us and we will build it for you." })))),
+                        (componentsToShow.length === 0 && (React.createElement("div", { className: "w-full flex justify-center mt-20 px-4" },
+                            React.createElement(ErrorMessage, { message: "No components that match your search. If you are looking for an integration that does not exist currently - you can use Custom Code or API component to build anything you like." })))),
                     categories &&
                         categories.length > 0 &&
                         categories.map((category, i) => {
-                            if (componentsToShow &&
-                                componentsToShow.length > 0 &&
-                                componentsToShow.filter((componentMetadata) => {
-                                    return componentMetadata.category === category.name;
-                                }).length > 0) {
-                                return (React.createElement("div", { key: i },
-                                    React.createElement("h4", { className: "text-gray-500 text-base mt-5 flex" },
-                                        " ",
-                                        React.createElement(Icon, { icon: category.icon, className: "h-5 w-5 text-gray-500" }),
-                                        " ",
-                                        React.createElement("span", { className: "ml-2" }, category.name)),
-                                    React.createElement("p", { className: "text-gray-400 text-sm mb-5" }, category.description),
-                                    React.createElement("div", { className: "flex flex-wrap ml-2" }, components &&
-                                        components.length > 0 &&
-                                        components
-                                            .filter((componentMetadata) => {
-                                            return (componentMetadata.category === category.name);
-                                        })
-                                            .map((componentMetadata, i) => {
-                                            return (React.createElement("div", { key: i, onClick: () => {
-                                                    setSelectedComponentMetadata(componentMetadata);
-                                                }, className: `m-5 ml-0 mt-0 ${selectedComponentMetadata &&
-                                                    selectedComponentMetadata.id ===
-                                                        componentMetadata.id
-                                                    ? "rounded ring-offset-2 ring ring-indigo-500"
-                                                    : ""}` },
-                                                React.createElement(ComponentElement, { key: i, selected: false, data: {
-                                                        metadata: componentMetadata,
-                                                        metadataId: componentMetadata.id,
-                                                        internalId: "",
-                                                        nodeType: NodeType.Node,
-                                                        componentType: componentMetadata.componentType,
-                                                        returnValues: {},
-                                                        isPreview: true,
-                                                        id: "",
-                                                        error: "",
-                                                        arguments: {},
-                                                    } })));
-                                        }))));
+                            const categoryComponents = componentsToShow.filter((componentMetadata) => {
+                                return componentMetadata.category === category.name;
+                            });
+                            if (categoryComponents.length === 0) {
+                                return React.createElement("div", { key: i });
                             }
-                            return React.createElement("div", { key: i });
+                            return (React.createElement("div", { key: i, className: "mb-6" },
+                                React.createElement("div", { className: "flex items-center gap-2 mb-3 px-1" },
+                                    React.createElement("div", { className: "flex items-center justify-center rounded-md", style: {
+                                            width: "28px",
+                                            height: "28px",
+                                            backgroundColor: "#f1f5f9",
+                                        } },
+                                        React.createElement(Icon, { icon: category.icon, className: "h-4 w-4 text-gray-500" })),
+                                    React.createElement("div", null,
+                                        React.createElement("h4", { className: "text-sm font-semibold text-gray-700 leading-tight" }, category.name),
+                                        React.createElement("p", { className: "text-xs text-gray-400 leading-tight" }, category.description))),
+                                React.createElement("div", { className: "grid grid-cols-1 gap-2" }, categoryComponents.map((componentMetadata, j) => {
+                                    const isSelected = selectedComponentMetadata !== null &&
+                                        selectedComponentMetadata.id ===
+                                            componentMetadata.id;
+                                    return (React.createElement("div", { key: j, onClick: () => {
+                                            setSelectedComponentMetadata(componentMetadata);
+                                        }, className: "cursor-pointer transition-all duration-150", style: {
+                                            padding: "0.75rem",
+                                            borderRadius: "10px",
+                                            border: isSelected
+                                                ? "2px solid #6366f1"
+                                                : "1px solid #e2e8f0",
+                                            backgroundColor: isSelected
+                                                ? "#eef2ff"
+                                                : "#ffffff",
+                                            display: "flex",
+                                            alignItems: "flex-start",
+                                            gap: "0.75rem",
+                                            boxShadow: isSelected
+                                                ? "0 0 0 3px rgba(99, 102, 241, 0.1)"
+                                                : "0 1px 2px 0 rgba(0, 0, 0, 0.03)",
+                                        } },
+                                        React.createElement("div", { style: {
+                                                width: "36px",
+                                                height: "36px",
+                                                borderRadius: "8px",
+                                                backgroundColor: isSelected
+                                                    ? "#6366f1"
+                                                    : "#f1f5f9",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "center",
+                                                flexShrink: 0,
+                                                transition: "all 0.15s ease",
+                                            } },
+                                            React.createElement(Icon, { icon: componentMetadata.iconProp, style: {
+                                                    color: isSelected ? "#ffffff" : "#64748b",
+                                                    width: "1rem",
+                                                    height: "1rem",
+                                                } })),
+                                        React.createElement("div", { style: { minWidth: 0, flex: 1 } },
+                                            React.createElement("p", { style: {
+                                                    fontSize: "0.8125rem",
+                                                    fontWeight: 600,
+                                                    color: isSelected ? "#4338ca" : "#1e293b",
+                                                    margin: 0,
+                                                    lineHeight: "1.25rem",
+                                                } }, componentMetadata.title),
+                                            React.createElement("p", { style: {
+                                                    fontSize: "0.75rem",
+                                                    color: isSelected ? "#6366f1" : "#94a3b8",
+                                                    margin: 0,
+                                                    marginTop: "2px",
+                                                    lineHeight: "1rem",
+                                                    display: "-webkit-box",
+                                                    WebkitLineClamp: 2,
+                                                    WebkitBoxOrient: "vertical",
+                                                    overflow: "hidden",
+                                                } }, componentMetadata.description)),
+                                        isSelected && (React.createElement("div", { style: {
+                                                width: "20px",
+                                                height: "20px",
+                                                borderRadius: "50%",
+                                                backgroundColor: "#6366f1",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "center",
+                                                flexShrink: 0,
+                                                marginTop: "2px",
+                                            } },
+                                            React.createElement(Icon, { icon: IconProp.Check, style: {
+                                                    color: "#ffffff",
+                                                    width: "0.625rem",
+                                                    height: "0.625rem",
+                                                } })))));
+                                }))));
                         }))))));
 };
 export default ComponentsModal;

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

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