@livechat/platform-workflows 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   __spreadProps,
   __spreadValues,
   __toESM
-} from "./chunk-I7LVNCZF.mjs";
+} from "./chunk-OHDSKF3P.mjs";
 
 // ../../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
@@ -9329,7 +9329,7 @@ var slackTaskTemplates = () => ({
         },
         headers: {
           Accept: "application/json",
-          // eslint-disable-next-line no-template-curly-in-string
+          // eslint-disable-next-line no-template-curly-in-string -- on purpose
           "x-cred-access-token": "${workflow.credentials.slack.access_token}"
         }
       })
@@ -9350,7 +9350,7 @@ var slackTaskTemplates = () => ({
         },
         headers: {
           Accept: "application/json",
-          // eslint-disable-next-line no-template-curly-in-string
+          // eslint-disable-next-line no-template-curly-in-string -- on purpose
           "x-cred-access-token": "${workflow.credentials.slack.access_token}"
         }
       })
@@ -9382,23 +9382,24 @@ var slackTriggerConfigs = () => {
         },
         output: {
           type: "object",
-          required: ["text", "sub_type", "channel_id"],
           properties: {
-            text: {
-              type: "string",
-              title: "Text Message"
-            },
-            sub_type: {
-              type: "string",
-              title: "Sub type of the event"
-            },
-            channel_id: {
-              type: "string",
-              title: "Channel ID"
-            },
-            username: {
-              type: "string",
-              title: "Name of the user"
+            body: {
+              type: "object",
+              required: ["text", "channel"],
+              properties: {
+                text: {
+                  type: "string",
+                  title: "Text Message"
+                },
+                channel: {
+                  type: "string",
+                  title: "Channel ID"
+                },
+                user: {
+                  type: "string",
+                  title: "ID of the user"
+                }
+              }
             }
           }
         }
@@ -9427,23 +9428,24 @@ var slackTriggerConfigs = () => {
         },
         output: {
           type: "object",
-          required: ["text", "sub_type", "channel_id"],
           properties: {
-            text: {
-              type: "string",
-              title: "Text Message"
-            },
-            sub_type: {
-              type: "string",
-              title: "Sub type of the event"
-            },
-            channel_id: {
-              type: "string",
-              title: "Channel ID"
-            },
-            username: {
-              type: "string",
-              title: "Name of the user"
+            body: {
+              type: "object",
+              required: ["text", "channel"],
+              properties: {
+                text: {
+                  type: "string",
+                  title: "Text Message"
+                },
+                channel: {
+                  type: "string",
+                  title: "Channel ID"
+                },
+                user: {
+                  type: "string",
+                  title: "ID of the user"
+                }
+              }
             }
           }
         }
@@ -9461,7 +9463,7 @@ var slackTriggerTemplates = () => ({
         channelId: null
       },
       headers: {
-        // eslint-disable-next-line no-template-curly-in-string
+        // eslint-disable-next-line no-template-curly-in-string -- on purpose
         "x-adapter-slack-token": ["${workflow.credentials.slack.access_token}"]
       }
     }
@@ -9475,7 +9477,7 @@ var slackTriggerTemplates = () => ({
         userId: null
       },
       headers: {
-        // eslint-disable-next-line no-template-curly-in-string
+        // eslint-disable-next-line no-template-curly-in-string -- on purpose
         "x-adapter-slack-token": ["${workflow.credentials.slack.access_token}"]
       }
     }
@@ -12918,6 +12920,9 @@ var logAmplitudeEvent = (name, payload, user) => {
 };
 var logSprigEvent = (name, email, payload) => {
   const sprig = window.Sprig;
+  if (!sprig) {
+    return;
+  }
   sprig("identifyAndTrack", {
     eventName: name,
     userId: email,
@@ -14984,6 +14989,7 @@ function WorkflowCreatorProviderBase({
           }
           replaceWorkflowId(workflowId);
         }
+      } catch (e) {
       } finally {
         setAction("isSaving", false);
       }
@@ -15018,6 +15024,7 @@ function WorkflowCreatorProviderBase({
       notifications.addSuccessToast(
         `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
       );
+    } catch (e) {
     } finally {
       setAction("isActivating", false);
     }
@@ -15037,6 +15044,7 @@ function WorkflowCreatorProviderBase({
       }
       navigate("/list");
       notifications.addSuccessToast("Workflow has been removed successfully");
+    } catch (e) {
     } finally {
       setAction("isRemoving", false);
     }
@@ -15067,6 +15075,7 @@ function WorkflowCreatorProviderBase({
         notifications.addSuccessToast(
           "Workflow draft has been created successfully"
         );
+      } catch (e) {
       } finally {
         setAction("isCreating", false);
       }
@@ -15111,6 +15120,7 @@ function WorkflowCreatorProviderBase({
         notifications.addSuccessToast(
           "Workflow draft has been published successfully"
         );
+      } catch (e) {
       } finally {
         setAction("isPublishing", false);
       }
@@ -15147,6 +15157,7 @@ function WorkflowCreatorProviderBase({
       notifications.addSuccessToast(
         "Workflow draft has been discarded successfully"
       );
+    } catch (e) {
     } finally {
       setAction("isDiscarding", false);
     }
@@ -23376,25 +23387,38 @@ function WorkflowExecutionList({
       /* @__PURE__ */ jsx4("th", { children: "End date" }),
       /* @__PURE__ */ jsx4("th", { children: "Completion" })
     ] }) }),
-    /* @__PURE__ */ jsx4("tbody", { children: ((_a = workflowExecutions.data) == null ? void 0 : _a.length) ? workflowExecutions.data.map((execution) => /* @__PURE__ */ jsxs2("tr", { children: [
-      /* @__PURE__ */ jsx4("td", { children: formatUSADate(execution.started_at) }),
-      /* @__PURE__ */ jsx4("td", { children: formatUSADate(execution.ended_at) }),
-      /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
-        Tag2,
-        {
-          kind: execution.status === WorkflowExecutionStatus.Completed ? "success" : "error",
-          leftNode: /* @__PURE__ */ jsx4(
-            Icon27,
+    /* @__PURE__ */ jsx4("tbody", { children: ((_a = workflowExecutions.data) == null ? void 0 : _a.length) ? workflowExecutions.data.map((execution) => /* @__PURE__ */ jsxs2(
+      "tr",
+      {
+        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.executions.list.row,
+        children: [
+          /* @__PURE__ */ jsx4("td", { children: formatUSADate(execution.started_at) }),
+          /* @__PURE__ */ jsx4("td", { children: formatUSADate(execution.ended_at) }),
+          /* @__PURE__ */ jsx4(
+            "td",
             {
-              size: "small",
-              source: execution.status === WorkflowExecutionStatus.Completed ? CheckCircle2 : CloseCircle2
+              "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.executions.list.status,
+              children: /* @__PURE__ */ jsx4(
+                Tag2,
+                {
+                  kind: execution.status === WorkflowExecutionStatus.Completed ? "success" : "error",
+                  leftNode: /* @__PURE__ */ jsx4(
+                    Icon27,
+                    {
+                      size: "small",
+                      source: execution.status === WorkflowExecutionStatus.Completed ? CheckCircle2 : CloseCircle2
+                    }
+                  ),
+                  size: "small",
+                  children: execution.status
+                }
+              )
             }
-          ),
-          size: "small",
-          children: execution.status
-        }
-      ) })
-    ] }, execution.id)) : /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 4, children: "No executions" }) }) })
+          )
+        ]
+      },
+      execution.id
+    )) : /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 4, children: "No executions" }) }) })
   ] }) });
 }
 var List_default = WorkflowExecutionList;
@@ -23439,11 +23463,27 @@ function WorkflowDetailsInfo({
   return /* @__PURE__ */ jsxs2(Column12, { gap: 8, setColumnPadding: "0 2rem 0", children: [
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Date created" }),
-      /* @__PURE__ */ jsx4(Text15, { as: "div", bold: true, children: formatUSADate2(workflow.data.created_at) })
+      /* @__PURE__ */ jsx4(
+        Text15,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.dateCreated,
+          children: formatUSADate2(workflow.data.created_at)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Last modified" }),
-      /* @__PURE__ */ jsx4(Text15, { as: "div", bold: true, children: formatUSADate2(workflow.data.updated_at || workflow.data.created_at) })
+      /* @__PURE__ */ jsx4(
+        Text15,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.dateUpdated,
+          children: formatUSADate2(workflow.data.updated_at || workflow.data.created_at)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Created by" }),
@@ -23451,11 +23491,27 @@ function WorkflowDetailsInfo({
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Completed cycles" }),
-      /* @__PURE__ */ jsx4(Text15, { as: "div", bold: true, children: completedCycles })
+      /* @__PURE__ */ jsx4(
+        Text15,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.completedCycles,
+          children: completedCycles
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Failed cycles" }),
-      /* @__PURE__ */ jsx4(Text15, { as: "div", bold: true, children: failedCycles })
+      /* @__PURE__ */ jsx4(
+        Text15,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.failedCycles,
+          children: failedCycles
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Tasks" }),
@@ -23560,6 +23616,7 @@ function WorkflowDetailsPanel({
           /* @__PURE__ */ jsx4(
             Tab2,
             {
+              "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.panel.historyTab,
               isSelected: tab === "executions",
               onClick: () => {
                 navigate("../executions", { replace: true, relative: "route" });
@@ -24574,6 +24631,7 @@ function WorkflowTemplatePreviewModal({
   return /* @__PURE__ */ jsx4(
     Modal8,
     {
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.modals.previewTemplate.wrapper,
       footer: /* @__PURE__ */ jsxs2(Row19, { flexEnd: true, gap: `var(${SpacingToken36.Spacing3})`, notPadded: true, children: [
         /* @__PURE__ */ jsx4(
           Button29,
@@ -24590,6 +24648,7 @@ function WorkflowTemplatePreviewModal({
         /* @__PURE__ */ jsx4(
           Button29,
           {
+            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.modals.previewTemplate.useButton,
             disabled: isSaving,
             kind: "primary",
             loading: isSaving,
@@ -24941,6 +25000,7 @@ function WorkflowTemplateCard({
     Card3,
     {
       border: true,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.home.cards.template.wrapper,
       height: "100%",
       marginLeft: false,
       noBackground: true,
@@ -25104,6 +25164,7 @@ function WorkflowCreateModal({ onClose }) {
         width: min(100% - 4rem, 60rem);
         overflow-y: auto;
       `,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.modals.create.wrapper,
       heading: /* @__PURE__ */ jsx4(ModalHeader6, { title: "Create a workflow" }),
       onClose: handleClose,
       children: /* @__PURE__ */ jsx4(Home_default, { basePath: "create/", isOnModal: true })
@@ -25353,20 +25414,30 @@ function WorkflowsTable({ workflowsQuery, state }) {
     },
     [navigate]
   );
-  return /* @__PURE__ */ jsxs2(Table, { flowTable: true, loading: workflowsQuery.isLoading, children: [
-    /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
-      /* @__PURE__ */ jsx4("th", { children: "Name" }),
-      /* @__PURE__ */ jsx4("th", { children: "Tasks" }),
-      /* @__PURE__ */ jsx4("th", { children: "Status" }),
-      /* @__PURE__ */ jsx4("th", {}),
-      /* @__PURE__ */ jsx4("th", {})
-    ] }) }),
-    /* @__PURE__ */ jsx4("tbody", { children: workflowsQuery.isSuccess && filteredWorkflows.length > 0 ? filteredWorkflows.map((workflow) => {
-      var _a2, _b2, _c2, _d;
-      return /* @__PURE__ */ jsxs2(
-        "tr",
-        {
-          css: css`
+  return /* @__PURE__ */ jsxs2(
+    Table,
+    {
+      "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.wrapper,
+      flowTable: true,
+      loading: workflowsQuery.isLoading,
+      children: [
+        /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+          /* @__PURE__ */ jsx4("th", { children: "Name" }),
+          /* @__PURE__ */ jsx4("th", { children: "Tasks" }),
+          /* @__PURE__ */ jsx4("th", { children: "Status" }),
+          /* @__PURE__ */ jsx4("th", {}),
+          /* @__PURE__ */ jsx4("th", {})
+        ] }) }),
+        /* @__PURE__ */ jsx4(
+          "tbody",
+          {
+            "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.body,
+            children: workflowsQuery.isSuccess && filteredWorkflows.length > 0 ? filteredWorkflows.map((workflow) => {
+              var _a2, _b2, _c2, _d;
+              return /* @__PURE__ */ jsxs2(
+                "tr",
+                {
+                  css: css`
                 transition: background 0.2s;
                 cursor: pointer;
 
@@ -25374,131 +25445,141 @@ function WorkflowsTable({ workflowsQuery, state }) {
                   background: var(${DesignToken45.SurfacePrimaryHover});
                 }
               `,
-          onClick: () => {
-            handleSelect(workflow);
-          },
-          children: [
-            /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(Row25, { gap: `var(${SpacingToken43.Spacing2})`, noWrap: true, notPadded: true, children: [
-              /* @__PURE__ */ jsx4(Text20, { noMargin: true, size: "sm", children: workflow.name }),
-              workflow.related_workflow_id ? /* @__PURE__ */ jsx4(
-                Tag4,
-                {
-                  css: css`
+                  "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.workflowItem(
+                    workflow.id
+                  ),
+                  onClick: () => {
+                    handleSelect(workflow);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(Row25, { gap: `var(${SpacingToken43.Spacing2})`, noWrap: true, notPadded: true, children: [
+                      /* @__PURE__ */ jsx4(Text20, { noMargin: true, size: "sm", children: workflow.name }),
+                      workflow.related_workflow_id ? /* @__PURE__ */ jsx4(
+                        Tag4,
+                        {
+                          css: css`
                         color: #68afff;
                         flex-shrink: 0;
                       `,
-                  kind: "info",
-                  size: "small",
-                  children: "Has Draft"
-                }
-              ) : null
-            ] }) }),
-            /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(Row25, { gap: 12, notPadded: true, children: (_a2 = workflow.tags) == null ? void 0 : _a2.map((tag) => {
-              const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === IntegrationNames20.BigCommerce.toLowerCase());
-              return /* @__PURE__ */ jsx4(
-                ProductIcon_default,
-                {
-                  center: true,
-                  height: 4,
-                  product: tag.toLowerCase(),
-                  revertColors: revertIconColor,
-                  width: 4
-                },
-                tag
-              );
-            }) }) }),
-            /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
-              Tooltip9,
-              {
-                triggerClassName: "tooltip-trigger",
-                triggerOnHover: true,
-                triggerRenderer: /* @__PURE__ */ jsx4(StopPropagation, { children: /* @__PURE__ */ jsx4(
-                  Switch2,
-                  {
-                    css: css`
+                          kind: "info",
+                          size: "small",
+                          children: "Has Draft"
+                        }
+                      ) : null
+                    ] }) }),
+                    /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(Row25, { gap: 12, notPadded: true, children: (_a2 = workflow.tags) == null ? void 0 : _a2.map((tag) => {
+                      const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === IntegrationNames20.BigCommerce.toLowerCase());
+                      return /* @__PURE__ */ jsx4(
+                        ProductIcon_default,
+                        {
+                          center: true,
+                          height: 4,
+                          product: tag.toLowerCase(),
+                          revertColors: revertIconColor,
+                          width: 4
+                        },
+                        tag
+                      );
+                    }) }) }),
+                    /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
+                      Tooltip9,
+                      {
+                        triggerClassName: "tooltip-trigger",
+                        triggerOnHover: true,
+                        triggerRenderer: /* @__PURE__ */ jsx4(StopPropagation, { children: /* @__PURE__ */ jsx4(
+                          Switch2,
+                          {
+                            css: css`
                           vertical-align: bottom;
                         `,
-                    on: (_b2 = workflow.active) != null ? _b2 : false,
-                    onChange: (e) => {
-                      e.stopPropagation();
-                      void handleActivate(workflow);
-                    },
-                    state: activateWorkflowAction.isLoading && ((_c2 = activateWorkflowAction.variables) == null ? void 0 : _c2.id) === workflow.id ? "loading" : workflow.draft ? "locked" : "regular"
-                  }
-                ) }),
-                children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
-              }
-            ) }),
-            /* @__PURE__ */ jsx4("td", { children: !workflow.draft && /* @__PURE__ */ jsx4(
-              Button34,
-              {
-                icon: /* @__PURE__ */ jsx4(Icon39, { source: Info2 }),
-                kind: "plain",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handleShowDetails(workflow);
-                }
-              }
-            ) }),
-            /* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(StopPropagation, { children: /* @__PURE__ */ jsx4(
-              ActionMenu6,
-              {
-                options: [
-                  {
-                    key: "run",
-                    element: /* @__PURE__ */ jsx4(
-                      ActionMenuItem2,
+                            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.activateSwitch,
+                            on: (_b2 = workflow.active) != null ? _b2 : false,
+                            onChange: (e) => {
+                              e.stopPropagation();
+                              void handleActivate(workflow);
+                            },
+                            state: activateWorkflowAction.isLoading && ((_c2 = activateWorkflowAction.variables) == null ? void 0 : _c2.id) === workflow.id ? "loading" : workflow.draft ? "locked" : "regular"
+                          }
+                        ) }),
+                        children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx4("td", { children: !workflow.draft && /* @__PURE__ */ jsx4(
+                      Button34,
                       {
-                        leftNode: /* @__PURE__ */ jsx4(Icon39, { source: PlayArrow }),
-                        children: "Trigger manually"
+                        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.infoButton,
+                        icon: /* @__PURE__ */ jsx4(Icon39, { source: Info2 }),
+                        kind: "plain",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          handleShowDetails(workflow);
+                        }
                       }
-                    ),
-                    onClick: () => {
-                      navigate(`/${workflow.id}/execute`);
-                    }
-                  },
-                  {
-                    key: "delete",
-                    element: /* @__PURE__ */ jsx4(ActionMenuItem2, { leftNode: /* @__PURE__ */ jsx4(Icon39, { source: Delete3 }), children: "Delete" }),
-                    onClick: () => {
-                      void handleDelete(workflow);
-                    }
-                  }
-                ],
-                triggerRenderer: /* @__PURE__ */ jsx4(
-                  Button34,
-                  {
-                    icon: /* @__PURE__ */ jsx4(Icon39, { source: MoreHoriz2 }),
-                    kind: "text",
-                    loading: deleteAction.isLoading ? ((_d = deleteAction.variables) == null ? void 0 : _d.id) === workflow.id : void 0,
-                    size: "compact"
-                  }
-                )
-              }
-            ) }) })
-          ]
-        },
-        workflow.id
-      );
-    }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 6, children: /* @__PURE__ */ jsx4(Loader4, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
-      "tr",
-      {
-        css: css`
+                    ) }),
+                    /* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(StopPropagation, { children: /* @__PURE__ */ jsx4(
+                      ActionMenu6,
+                      {
+                        options: [
+                          {
+                            key: "run",
+                            element: /* @__PURE__ */ jsx4(
+                              ActionMenuItem2,
+                              {
+                                leftNode: /* @__PURE__ */ jsx4(Icon39, { source: PlayArrow }),
+                                children: "Trigger manually"
+                              }
+                            ),
+                            onClick: () => {
+                              navigate(`/${workflow.id}/execute`);
+                            }
+                          },
+                          {
+                            key: "delete",
+                            element: /* @__PURE__ */ jsx4(ActionMenuItem2, { leftNode: /* @__PURE__ */ jsx4(Icon39, { source: Delete3 }), children: "Delete" }),
+                            onClick: () => {
+                              void handleDelete(workflow);
+                            }
+                          }
+                        ],
+                        triggerRenderer: /* @__PURE__ */ jsx4(
+                          Button34,
+                          {
+                            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.menuTrigger,
+                            icon: /* @__PURE__ */ jsx4(Icon39, { source: MoreHoriz2 }),
+                            kind: "text",
+                            loading: deleteAction.isLoading ? ((_d = deleteAction.variables) == null ? void 0 : _d.id) === workflow.id : void 0,
+                            size: "compact"
+                          }
+                        )
+                      }
+                    ) }) })
+                  ]
+                },
+                workflow.id
+              );
+            }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 6, children: /* @__PURE__ */ jsx4(Loader4, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
+              "tr",
+              {
+                css: css`
               background: transparent !important;
               color: var(${DesignToken45.ContentBasicSecondary});
             `,
-        children: /* @__PURE__ */ jsx4("td", { align: "left", colSpan: 6, children: /* @__PURE__ */ jsxs2(Text20, { as: "div", size: "md", children: [
-          "There are no",
-          " ",
-          state.filters.status !== "All" && state.filters.status.toLowerCase(),
-          " ",
-          "workflows",
-          " ",
-          ((_c = (_b = state.params) == null ? void 0 : _b.name) == null ? void 0 : _c.value) ? `with "${state.params.name.value}" in the name` : null
-        ] }) })
-      }
-    ) })
-  ] });
+                children: /* @__PURE__ */ jsx4("td", { align: "left", colSpan: 6, children: /* @__PURE__ */ jsxs2(Text20, { as: "div", size: "md", children: [
+                  "There are no",
+                  " ",
+                  state.filters.status !== "All" && state.filters.status.toLowerCase(),
+                  " ",
+                  "workflows",
+                  " ",
+                  ((_c = (_b = state.params) == null ? void 0 : _b.name) == null ? void 0 : _c.value) ? `with "${state.params.name.value}" in the name` : null
+                ] }) })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
 }
 var Table_default = WorkflowsTable;
 
@@ -25582,28 +25663,35 @@ function WorkflowListView() {
   return /* @__PURE__ */ jsxs2(View3, { center: hasNoData, noWrap: true, stretch: isLoading, children: [
     getWorkflowsEnv("isLiveChatMode") ? /* @__PURE__ */ jsx4(Row26, { noMaxWidth: true, notPadded: true, children: /* @__PURE__ */ jsx4(LiveChatNavbar_default, {}) }) : null,
     /* @__PURE__ */ jsxs2(Row26, { topMargin: true, verticalCenter: hasNoData, children: [
-      /* @__PURE__ */ jsx4(Column18, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(Row26, { notPadded: true, children: /* @__PURE__ */ jsx4(
-        Intro4,
+      /* @__PURE__ */ jsx4(Column18, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(
+        Row26,
         {
-          body: "Automate your work with an app integration platform. Use AI to quicken the process. Enjoy a simple, no-code setup to streamline tasks you would otherwise do manually.",
-          center: true,
-          header: /* @__PURE__ */ jsx4(Column18, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
-            Row26,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.view.emptyInfo,
+          notPadded: true,
+          children: /* @__PURE__ */ jsx4(
+            Intro4,
             {
+              body: "Automate your work with an app integration platform. Use AI to quicken the process. Enjoy a simple, no-code setup to streamline tasks you would otherwise do manually.",
               center: true,
-              gap: `var(${SpacingToken44.Spacing2})`,
-              notPadded: true,
-              verticalCenter: true,
-              children: [
-                "Welcome to ",
-                /* @__PURE__ */ jsx4("span", { css: markedStyles, children: "Workflows" })
-              ]
+              header: /* @__PURE__ */ jsx4(Column18, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
+                Row26,
+                {
+                  center: true,
+                  gap: `var(${SpacingToken44.Spacing2})`,
+                  notPadded: true,
+                  verticalCenter: true,
+                  children: [
+                    "Welcome to ",
+                    /* @__PURE__ */ jsx4("span", { css: markedStyles, children: "Workflows" })
+                  ]
+                }
+              ) }),
+              noMaxWidth: true,
+              style: { maxWidth: "38rem" }
             }
-          ) }),
-          noMaxWidth: true,
-          style: { maxWidth: "38rem" }
+          )
         }
-      ) }) : /* @__PURE__ */ jsx4(
+      ) : /* @__PURE__ */ jsx4(
         Intro4,
         {
           body: "Create custom workflows to automate your work.",
@@ -25614,6 +25702,7 @@ function WorkflowListView() {
       hasData && !getWorkflowsEnv("isHeadless") ? /* @__PURE__ */ jsx4(Column18, { pullRight: true, children: /* @__PURE__ */ jsx4(
         Button35,
         {
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.view.createButton,
           kind: "primary",
           onClick: () => {
             navigate("create");