@livechat/platform-workflows 0.0.89 → 0.0.90

package/dist/index.js

@@ -469,6 +469,7 @@ var require_extends = __commonJS({
 var src_exports = {};
 __export(src_exports, {
   LoginError: () => LoginError_default,
+  WORKFLOWS_TEST_SELECTORS: () => WORKFLOWS_TEST_SELECTORS,
   WorkflowsModule: () => WorkflowsModule,
   config: () => config,
   getWorkflowsEnv: () => getWorkflowsEnv,
@@ -489,8 +490,59 @@ var getWorkflowsEnv = (key) => {
   return config.config[key];
 };
 
+// src/tests/selectors.ts
+var WORKFLOWS_TEST_SELECTORS = {
+  views: {
+    workflows: {
+      creator: {
+        navbar: {
+          activateSwitch: "activate-switch",
+          publishButton: "publish-btn",
+          editButton: "edit-btn"
+        },
+        builder: {
+          nodes: {
+            add: {
+              task: {
+                button: "add-task-btn"
+              },
+              trigger: {
+                button: "add-trigger-btn"
+              }
+            }
+          }
+        },
+        modals: {
+          addTask: {
+            wrapper: "add-task-modal",
+            taskCard: (key) => `task-option-${key}`,
+            taskCategoryButton: (key) => `task-category-${key}`,
+            saveButton: "save-task-btn"
+          },
+          addTrigger: {
+            wrapper: "add-trigger-modal",
+            saveButton: "save-trigger-btn",
+            triggerCard: (key) => `trigger-option-${key}`,
+            triggerCategoryButton: (key) => `trigger-category-${key}`
+          },
+          publish: {
+            wrapper: "publish-workflow-modal",
+            saveButton: "publish-workflow-btn",
+            cancelButton: "cancel-publish-btn"
+          }
+        },
+        panels: {
+          element: {
+            wrapper: "element-wrapper"
+          }
+        }
+      }
+    }
+  }
+};
+
 // src/views/index.tsx
-var import_react_router_dom29 = require("react-router-dom");
+var import_react_router_dom30 = require("react-router-dom");
 
 // src/views/Waitlist/index.tsx
 var import_react3 = require("react");
@@ -2065,7 +2117,7 @@ var useDeleteWorkflow = () => {
       );
     }),
     {
-      onSuccess: (_, workflow) => {
+      onSuccess: (_2, workflow) => {
         queryClient.removeQueries(queryKeys.workflow.get(workflow.id));
         if (workflow.related_workflow_id) {
           queryClient.setQueryData(
@@ -2094,7 +2146,7 @@ var usePublishWorkflowDraft = () => {
       return { id: data.id };
     }),
     {
-      onSuccess: (_, draft) => __async(void 0, null, function* () {
+      onSuccess: (_2, draft) => __async(void 0, null, function* () {
         if (draft.related_workflow_id) {
           const workflow = yield import_developer_studio_api2.api.integrations.text.platform.workflow.workflows.getWorkflow(
             draft.related_workflow_id
@@ -2131,7 +2183,7 @@ var useActivateWorkflow = () => {
       );
     }),
     {
-      onSuccess: (_, { id }) => {
+      onSuccess: (_2, { id }) => {
         queryClient.setQueryData(
           queryKeys.workflow.get(id),
           (workflow) => workflow ? __spreadProps(__spreadValues({}, workflow), { active: true }) : workflow
@@ -2302,12 +2354,12 @@ function Waitlist({ image }) {
 var Waitlist_default = Waitlist;
 
 // src/views/Workflows/index.tsx
-var import_react110 = require("react");
-var import_react_router_dom28 = require("react-router-dom");
+var import_react112 = require("react");
+var import_react_router_dom29 = require("react-router-dom");
 var import_developer_studio_ui_react47 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/index.tsx
-var import_react_router_dom17 = require("react-router-dom");
+var import_react_router_dom18 = require("react-router-dom");
 var import_developer_studio_ui_react35 = require("@livechat/developer-studio-ui-react");
 var import_platform_integrations6 = require("@livechat/platform-integrations");
 
@@ -2336,7 +2388,7 @@ var WORKFLOW_TRIGGER_OUTPUT_SCHEMA = (body) => ({
   }
 });
 var WORKFLOW_HTTP_TASK_SCHEMA = (name = "http", overrides) => {
-  var _a, _b;
+  var _a, _b, _c;
   return {
     required: ["type", "name", "inputParameters"],
     properties: {
@@ -2355,7 +2407,7 @@ var WORKFLOW_HTTP_TASK_SCHEMA = (name = "http", overrides) => {
               (overrides == null ? void 0 : overrides.body) ? "body" : void 0
             ].filter(Boolean),
             properties: {
-              uri: {
+              uri: (_a = overrides == null ? void 0 : overrides.uri) != null ? _a : {
                 type: "string",
                 title: "URI"
               },
@@ -2364,7 +2416,7 @@ var WORKFLOW_HTTP_TASK_SCHEMA = (name = "http", overrides) => {
                 title: "Method",
                 enum: ["GET", "POST", "PATCH", "PUT", "DELETE"]
               },
-              headers: (_a = overrides == null ? void 0 : overrides.headers) != null ? _a : {
+              headers: (_b = overrides == null ? void 0 : overrides.headers) != null ? _b : {
                 type: "object",
                 title: "Headers",
                 properties: {},
@@ -2372,7 +2424,7 @@ var WORKFLOW_HTTP_TASK_SCHEMA = (name = "http", overrides) => {
                   type: "string"
                 }
               },
-              body: (_b = overrides == null ? void 0 : overrides.body) != null ? _b : {
+              body: (_c = overrides == null ? void 0 : overrides.body) != null ? _c : {
                 type: "object",
                 title: "Body",
                 properties: {},
@@ -2397,10 +2449,19 @@ var WORKFLOW_HTTP_TASK_SCHEMA = (name = "http", overrides) => {
 };
 var WORKFLOW_HTTP_TASK_INPUT_SCHEMA = (body, query) => ({
   type: "object",
-  required: [body ? "body" : void 0, query ? "query" : void 0].filter(
-    Boolean
-  ),
-  properties: __spreadValues(__spreadValues({}, query ? {
+  required: [
+    "uri",
+    body ? "body" : void 0,
+    query ? "query" : void 0
+  ].filter(Boolean),
+  properties: __spreadValues(__spreadValues({
+    uri: query ? {
+      type: "string",
+      queryParams: query
+    } : {
+      type: "string"
+    }
+  }, query ? {
     query
   } : {}), body ? {
     body
@@ -4945,7 +5006,7 @@ var webhookSpecs2 = {
       required: [],
       properties: {
         targetAgentId: {
-          type: "string",
+          $ref: "#/$defs/livechat_agent",
           title: "Target Agent email"
         }
       }
@@ -6303,12 +6364,9 @@ var mailchimpTaskConfigs = () => ({
     specification: {
       input: WORKFLOW_HTTP_TASK_INPUT_SCHEMA({
         type: "object",
-        required: ["list_id", "first_name", "last_name", "email"],
+        required: ["list_id", "email", "first_name", "last_name"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6360,9 +6418,6 @@ var mailchimpTaskConfigs = () => ({
             required: ["list_id"],
             properties: {
               list_id: {
-                type: "string",
-                title: "Mailchimp audience ID",
-                description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
                 $ref: "#/$defs/mailchimp_audience"
               }
             }
@@ -6396,10 +6451,7 @@ var mailchimpTaskConfigs = () => ({
         required: ["campaign_id"],
         properties: {
           campaign_id: {
-            type: "string",
-            title: "Campaign ID",
-            description: `The unique ID for the campaign. You'll find it by going to the Campaigns page in Mailchimp and selecting View Email from the drop-down list for the campaign. The URL indicates the campaign ID by the prefix "id=".`
-            // $ref: '#/$defs/mailchimp_campaign',
+            $ref: "#/$defs/mailchimp_campaign"
           }
         }
       }),
@@ -6425,12 +6477,9 @@ var mailchimpTaskConfigs = () => ({
     specification: {
       input: WORKFLOW_HTTP_TASK_INPUT_SCHEMA({
         type: "object",
-        required: ["list_id", "first_name", "last_name", "email"],
+        required: ["list_id", "email", "first_name", "last_name"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6474,12 +6523,9 @@ var mailchimpTaskConfigs = () => ({
     specification: {
       input: WORKFLOW_HTTP_TASK_INPUT_SCHEMA({
         type: "object",
-        required: ["list_id", "first_name", "last_name", "email"],
+        required: ["list_id", "email", "first_name", "last_name"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6526,9 +6572,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6562,9 +6605,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6598,9 +6638,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email", "tag"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6639,9 +6676,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email", "name"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6696,9 +6730,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email", "note"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6737,9 +6768,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email", "tag"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6777,9 +6805,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -6843,9 +6868,6 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "email"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
             $ref: "#/$defs/mailchimp_audience"
           },
           email: {
@@ -7019,10 +7041,8 @@ var mailchimpTaskConfigs = () => ({
         required: ["list_id", "query"],
         properties: {
           list_id: {
-            type: "string",
-            title: "Mailchimp audience ID",
-            description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
-            $ref: "#/$defs/mailchimp_audience"
+            $ref: "#/$defs/mailchimp_audience",
+            minLength: 1
           },
           query: {
             type: "string",
@@ -7196,10 +7216,7 @@ var mailchimpTaskConfigs = () => ({
         required: ["campaign_id"],
         properties: {
           campaign_id: {
-            type: "string",
-            title: "Campaign ID",
-            description: `The unique ID for the campaign. You'll find it by going to the Campaigns page in Mailchimp and selecting View Email from the drop-down list for the campaign. The URL indicates the campaign ID by the prefix "id=".`
-            //$ref: '#/$defs/mailchimp_campaign'
+            $ref: "#/$defs/mailchimp_campaign"
           }
         }
       }),
@@ -9422,7 +9439,7 @@ var WORKFLOW_SCHEMA_DEFS = {
           },
           ...Object.values(WorkflowSpecification.config.tasks).map(
             (config2) => {
-              var _a, _b;
+              var _a, _b, _c, _d;
               return {
                 if: {
                   properties: {
@@ -9431,7 +9448,8 @@ var WORKFLOW_SCHEMA_DEFS = {
                   }
                 },
                 then: WORKFLOW_HTTP_TASK_SCHEMA(config2.key, {
-                  body: (_b = (_a = config2.specification.input) == null ? void 0 : _a.properties) == null ? void 0 : _b.body
+                  uri: (_b = (_a = config2.specification.input) == null ? void 0 : _a.properties) == null ? void 0 : _b.uri,
+                  body: (_d = (_c = config2.specification.input) == null ? void 0 : _c.properties) == null ? void 0 : _d.body
                 })
               };
             }
@@ -9458,6 +9476,9 @@ var WORKFLOW_SCHEMA_DEFS = {
   }),
   $defs: {
     mailchimp_audience: {
+      type: "string",
+      title: "Mailchimp audience ID",
+      description: "The unique ID of your audience. <a href='https://mailchimp.com/help/find-audience-id/' target='_blank' rel='noreferrer nofollow'>Here's<a/> how to find it.",
       "x-ref": {
         provider: "mailchimp",
         product: "mailchimp",
@@ -9467,13 +9488,17 @@ var WORKFLOW_SCHEMA_DEFS = {
       }
     },
     mailchimp_campaign: {
-      "x-ref": {
-        provider: "mailchimp",
-        product: "mailchimp",
-        name: "campaign",
-        displayField: "name",
-        valueField: "id"
-      }
+      type: "string",
+      title: "Campaign ID",
+      description: `The unique ID for the campaign. You'll find it by going to the Campaigns page in Mailchimp and selecting View Email from the drop-down list for the campaign. The URL indicates the campaign ID by the prefix "id=".`
+      // TODO WD: it not ready yet, but WIP on BE side
+      // 'x-ref': {
+      //   provider: 'mailchimp',
+      //   product: 'mailchimp',
+      //   name: 'campaign',
+      //   displayField: 'name',
+      //   valueField: 'id'
+      // }
     },
     helpdesk_ticket: {
       title: "Ticket ID",
@@ -9505,7 +9530,7 @@ var WORKFLOW_SCHEMA_DEFS = {
         product: "helpdesk",
         name: "agent",
         displayField: "email",
-        valueField: "email"
+        valueField: "ID"
       }
     },
     livechat_chat_id: {
@@ -12611,8 +12636,8 @@ var getWorkflowTemplates = () => [
 ];
 
 // src/views/Workflows/Creator/Modals/AddTask/Modal.tsx
-var import_react12 = require("react");
-var import_react_router_dom3 = require("react-router-dom");
+var import_react14 = require("react");
+var import_react_router_dom4 = require("react-router-dom");
 var import_design_system_react_components4 = require("@livechat/design-system-react-components");
 var import_developer_studio_api21 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react7 = require("@livechat/developer-studio-ui-react");
@@ -13063,8 +13088,8 @@ function ProductIcon({
 var ProductIcon_default = ProductIcon;
 
 // src/views/Workflows/Creator/Provider/index.tsx
-var import_react10 = require("react");
-var import_react_router_dom2 = require("react-router-dom");
+var import_react12 = require("react");
+var import_react_router_dom3 = require("react-router-dom");
 var import_reactflow = require("reactflow");
 var import_lodash = __toESM(require("lodash.debounce"));
 var import_developer_studio_api20 = require("@livechat/developer-studio-api");
@@ -13304,15 +13329,36 @@ var DEFAULT_NODE_HEIGHT = {
   default: 65
 };
 
-// src/views/Workflows/Creator/Provider/state/data/hooks.ts
+// src/views/Workflows/Creator/Provider/navigation/hooks.ts
 var import_react8 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
+function useReplaceWorkflowIdInUrl() {
+  const navigate = (0, import_react_router_dom2.useNavigate)();
+  const location = (0, import_react_router_dom2.useLocation)();
+  const { id } = (0, import_react_router_dom2.useParams)();
+  const latestPathRef = (0, import_react8.useRef)(location.pathname);
+  (0, import_react8.useEffect)(() => {
+    latestPathRef.current = location.pathname;
+  }, [location.pathname]);
+  return (0, import_react8.useCallback)(
+    (newId) => {
+      if (!id) return;
+      const latestPath = latestPathRef.current.replace(`/${id}`, `/${newId}`);
+      navigate(latestPath, { replace: true });
+    },
+    [navigate, id]
+  );
+}
+
+// src/views/Workflows/Creator/Provider/state/data/hooks.ts
+var import_react9 = require("react");
 function useWorkflowData(workflow) {
-  const [actions, setActions] = (0, import_react8.useState)({});
-  const [selection, setSelection] = (0, import_react8.useState)();
-  const [pendingWorkflow, setPendingWorkflow] = (0, import_react8.useState)(
+  const [actions, setActions] = (0, import_react9.useState)({});
+  const [selection, setSelection] = (0, import_react9.useState)();
+  const [pendingWorkflow, setPendingWorkflow] = (0, import_react9.useState)(
     () => JSON.parse(JSON.stringify(workflow))
   );
-  const setAction = (0, import_react8.useCallback)(
+  const setAction = (0, import_react9.useCallback)(
     (action, value) => {
       setActions((prevState) => __spreadProps(__spreadValues({}, prevState), {
         [action]: value
@@ -13320,10 +13366,10 @@ function useWorkflowData(workflow) {
     },
     []
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setPendingWorkflow(JSON.parse(JSON.stringify(workflow)));
     setSelection((prevState) => {
-      if ((prevState == null ? void 0 : prevState.kind) === "trigger") {
+      if ((prevState == null ? void 0 : prevState.kind) === "trigger" && !workflow.trigger.type) {
         return void 0;
       }
       if ((prevState == null ? void 0 : prevState.kind) === "task") {
@@ -13610,61 +13656,19 @@ var getWorkflowContexts = (workflow, external) => {
 };
 
 // src/views/Workflows/Creator/Provider/state/metadata/hooks.ts
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_platform_integrations2 = require("@livechat/platform-integrations");
 
-// src/hooks/user.ts
-var import_react_query3 = require("@tanstack/react-query");
-var import_developer_studio_api16 = require("@livechat/developer-studio-api");
-var userQueryKeys = {
-  accounts: {
-    account: {
-      getInfo: ["accounts.account.getInfo"]
-    },
-    products: {
-      getOrganizationProducts: ["accounts.products.getOrganizationProducts"]
-    }
-  },
-  dps: {
-    getUser: ["dps.getUser"],
-    getUserIntegrations: ["dps.getUserIntegrations"]
-  }
-};
-var useFetchOrganizationProducts = () => {
-  var _b;
-  const _a = (0, import_react_query3.useQuery)(
-    userQueryKeys.accounts.products.getOrganizationProducts,
-    () => import_developer_studio_api16.api.platform.accounts.products.getOrganizationProducts()
-  ), { data, isLoading } = _a, rest = __objRest(_a, ["data", "isLoading"]);
-  return __spreadValues({ data: (_b = data == null ? void 0 : data.data) != null ? _b : [], isLoading }, rest);
-};
-var useUpdateOrganizationProducts = () => {
-  const queryClient = (0, import_react_query3.useQueryClient)();
-  const { mutateAsync: updateOrganizationProducts, isLoading } = (0, import_react_query3.useMutation)(
-    ({ productName }) => import_developer_studio_api16.api.platform.accounts.products.updateOrganizationProducts({
-      product: productName
-    }),
-    {
-      onSuccess: (_) => {
-        void queryClient.refetchQueries({
-          queryKey: userQueryKeys.accounts.products.getOrganizationProducts
-        });
-      }
-    }
-  );
-  return { updateOrganizationProducts, isLoading };
-};
-
 // src/views/Workflows/Creator/Provider/state/metadata/utils.ts
-var import_developer_studio_api17 = require("@livechat/developer-studio-api");
+var import_developer_studio_api16 = require("@livechat/developer-studio-api");
 var flattenTasks = (tasks) => (Array.isArray(tasks) ? tasks : Object.values(tasks)).flatMap((task2) => {
-  if (task2.type === import_developer_studio_api17.WorkflowDefinitionTaskType.switch) {
+  if (task2.type === import_developer_studio_api16.WorkflowDefinitionTaskType.switch) {
     return [
       task2,
       ...Object.values(task2.decisionCases).flatMap((a) => flattenTasks(a)),
       ...task2.defaultCase ? flattenTasks(task2.defaultCase) : []
     ];
-  } else if (task2.type === import_developer_studio_api17.WorkflowDefinitionTaskType.forkJoin) {
+  } else if (task2.type === import_developer_studio_api16.WorkflowDefinitionTaskType.forkJoin) {
     return [task2, ...task2.forkTasks.flatMap((a) => flattenTasks(a))];
   }
   return [task2];
@@ -13673,15 +13677,59 @@ var flattenTasks = (tasks) => (Array.isArray(tasks) ? tasks : Object.values(task
 // src/views/Workflows/Creator/Provider/state/metadata/validation/utils.ts
 var import_ajv = __toESM(require("ajv"));
 var import_ajv_errors = __toESM(require("ajv-errors"));
-var import_developer_studio_api18 = require("@livechat/developer-studio-api");
-var ajv = (0, import_ajv_errors.default)(
+var import_developer_studio_api17 = require("@livechat/developer-studio-api");
+var keywords = {
+  urlWithQueryParams: {
+    keyword: "queryParams",
+    type: "string",
+    schemaType: "object",
+    metaSchema: {
+      type: "object",
+      properties: {
+        queryParams: {
+          type: "object"
+        }
+      }
+    },
+    error: {
+      message: () => `This field cannot be empty`,
+      params: (cxt) => import_ajv._`{ param: ${cxt.params.param} }`
+    },
+    code(cxt) {
+      const { data, schema } = cxt;
+      cxt.gen.if(
+        import_ajv._`typeof ${data} === "string" && ${data}.includes("?")`,
+        () => {
+          const params = import_ajv._`Object.fromEntries(new URL(${data}).searchParams.entries())`;
+          for (const param of Object.keys(schema.properties || {})) {
+            cxt.gen.if(
+              import_ajv._`!(${param} in ${params}) || ${params}[${param}].length <= 0`,
+              () => {
+                cxt.error(
+                  true,
+                  { param },
+                  {
+                    instancePath: param
+                  }
+                );
+              }
+            );
+          }
+        },
+        () => {
+          cxt.error(true, { param: "URL" });
+        }
+      );
+    }
+  }
+};
+var getValidator = () => (0, import_ajv_errors.default)(
   new import_ajv.default({
     strict: false,
     allErrors: true
-  })
-);
-var validateSchema = (workflow, frames) => {
-  const validate = ajv.compile(WORKFLOW_SCHEMA());
+  }).addKeyword(keywords.urlWithQueryParams)
+).compile(WORKFLOW_SCHEMA());
+var validateSchema = (workflow, frames, validateFunction) => {
   const resolved = __spreadProps(__spreadValues({}, workflow), {
     definition: __spreadProps(__spreadValues({}, workflow.definition), {
       tasks: workflow.definition.tasks.map(
@@ -13702,8 +13750,8 @@ var validateSchema = (workflow, frames) => {
       }
     )
   });
-  validate(resolved);
-  return validate.errors || [];
+  validateFunction(resolved);
+  return validateFunction.errors || [];
 };
 var validateTasks = (workflow, frames, products) => {
   function taskCompiler(task2, baseInstancePath) {
@@ -13776,7 +13824,7 @@ var validateTasks = (workflow, frames, products) => {
         params: {}
       };
     });
-    const activationError = (config2 == null ? void 0 : config2.customization.provider.startsWith(import_developer_studio_api18.IntegrationNames.Text)) && !products.find(({ product }) => product === config2.customization.product) ? {
+    const activationError = (config2 == null ? void 0 : config2.customization.provider.startsWith(import_developer_studio_api17.IntegrationNames.Text)) && !products.find(({ product }) => product === config2.customization.product) ? {
       instancePath: baseInstancePath,
       keyword: "activation",
       message: `${config2.customization.product} not activated`,
@@ -13871,7 +13919,7 @@ var validateTrigger = (workflow, frames, products) => {
       params: {}
     };
   });
-  const activationError = config2 && config2.customization.provider.startsWith(import_developer_studio_api18.IntegrationNames.Text) && !products.find(({ product }) => product === config2.customization.product) ? {
+  const activationError = config2 && config2.customization.provider.startsWith(import_developer_studio_api17.IntegrationNames.Text) && !products.find(({ product }) => product === config2.customization.product) ? {
     instancePath: "/trigger",
     keyword: "activation",
     message: `${config2.customization.product} not activated`,
@@ -14013,11 +14061,11 @@ function flattenErrorSchema(workflow, schema) {
     }).filter(([, value]) => Boolean(value))
   );
 }
-var getWorkflowValidation = (workflow, internal, external) => {
+var getWorkflowValidation = (workflow, internal, external, validator3) => {
   const rawErrors = [
     ...validateTrigger(workflow, internal.frames, external.products),
     ...validateTasks(workflow, internal.frames, external.products),
-    ...validateSchema(workflow, internal.frames)
+    ...validateSchema(workflow, internal.frames, validator3)
   ].filter(
     (rawError) => Boolean(rawError)
   ).map((rawError) => {
@@ -14071,11 +14119,74 @@ var getWorkflowValidation = (workflow, internal, external) => {
   };
 };
 
+// src/views/Workflows/Creator/Provider/state/metadata/validation/hooks.ts
+var import_react10 = require("react");
+
+// src/hooks/user.ts
+var import_react_query3 = require("@tanstack/react-query");
+var import_developer_studio_api18 = require("@livechat/developer-studio-api");
+var userQueryKeys = {
+  accounts: {
+    account: {
+      getInfo: ["accounts.account.getInfo"]
+    },
+    products: {
+      getOrganizationProducts: ["accounts.products.getOrganizationProducts"]
+    }
+  },
+  dps: {
+    getUser: ["dps.getUser"],
+    getUserIntegrations: ["dps.getUserIntegrations"]
+  }
+};
+var useFetchOrganizationProducts = () => {
+  var _b;
+  const _a = (0, import_react_query3.useQuery)(
+    userQueryKeys.accounts.products.getOrganizationProducts,
+    () => import_developer_studio_api18.api.platform.accounts.products.getOrganizationProducts()
+  ), { data, isLoading } = _a, rest = __objRest(_a, ["data", "isLoading"]);
+  return __spreadValues({ data: (_b = data == null ? void 0 : data.data) != null ? _b : [], isLoading }, rest);
+};
+var useUpdateOrganizationProducts = () => {
+  const queryClient = (0, import_react_query3.useQueryClient)();
+  const { mutateAsync: updateOrganizationProducts, isLoading } = (0, import_react_query3.useMutation)(
+    ({ productName }) => import_developer_studio_api18.api.platform.accounts.products.updateOrganizationProducts({
+      product: productName
+    }),
+    {
+      onSuccess: (_2) => {
+        void queryClient.refetchQueries({
+          queryKey: userQueryKeys.accounts.products.getOrganizationProducts
+        });
+      }
+    }
+  );
+  return { updateOrganizationProducts, isLoading };
+};
+
+// src/views/Workflows/Creator/Provider/state/metadata/validation/hooks.ts
+function useWorkflowValidator() {
+  const organizationProducts = useFetchOrganizationProducts();
+  const validator3 = (0, import_react10.useMemo)(getValidator, []);
+  const validate = (0, import_react10.useCallback)(
+    (workflow, internal) => getWorkflowValidation(
+      workflow,
+      internal,
+      {
+        products: organizationProducts.data
+      },
+      validator3
+    ),
+    [validator3, organizationProducts.data]
+  );
+  return validate;
+}
+
 // src/views/Workflows/Creator/Provider/state/metadata/hooks.ts
 function useWorkflowMetadata(workflow) {
   const credentialsQuery = (0, import_platform_integrations2.useFetchIntegrationCredentialsQuery)();
-  const organizationProducts = useFetchOrganizationProducts();
-  const metadata = (0, import_react9.useMemo)(() => {
+  const validator3 = useWorkflowValidator();
+  const metadata = (0, import_react11.useMemo)(() => {
     var _a;
     const elements = {
       trigger: workflow.trigger,
@@ -14089,19 +14200,13 @@ function useWorkflowMetadata(workflow) {
     const frames = getWorkflowContexts(workflow, {
       credentials: (_a = credentialsQuery.data) != null ? _a : []
     });
-    const validation = getWorkflowValidation(
-      workflow,
-      { frames },
-      {
-        products: organizationProducts.data
-      }
-    );
+    const validation = validator3(workflow, { frames });
     return {
       elements,
       frames,
       validation
     };
-  }, [workflow, credentialsQuery.data, organizationProducts.data]);
+  }, [validator3, workflow, credentialsQuery.data]);
   return {
     metadata
   };
@@ -14198,8 +14303,9 @@ function WorkflowCreatorProviderBase({
 }) {
   var _a, _b;
   const { fitView } = (0, import_reactflow.useReactFlow)();
-  const navigate = (0, import_react_router_dom2.useNavigate)();
+  const navigate = (0, import_react_router_dom3.useNavigate)();
   const notifications = (0, import_developer_studio_ui_react5.useNotificationContext)();
+  const replaceWorkflowId = useReplaceWorkflowIdInUrl();
   const createWorkflowAction = useCreateWorkflow();
   const createWorkflowDraftAction = useCreateWorkflowDraft();
   const updateWorkflowAction = useUpdateWorkflow();
@@ -14210,22 +14316,22 @@ function WorkflowCreatorProviderBase({
     state,
     updaters: { setWorkflow, setAction, setSelection }
   } = useWorkflowState(workflow, options);
-  const autosaveStateRef = (0, import_react10.useRef)(state);
-  const autosaveWorkflowRef = (0, import_react10.useRef)(
+  const autosaveStateRef = (0, import_react12.useRef)(state);
+  const autosaveWorkflowRef = (0, import_react12.useRef)(
     (0, import_lodash.default)(() => __async(this, null, function* () {
       yield save(true);
     }), 500)
   );
   const autosaveWorkflow = autosaveWorkflowRef.current;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     return () => {
       autosaveWorkflow.cancel();
     };
   }, [autosaveWorkflow]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     autosaveStateRef.current = state;
   }, [state]);
-  const focus = (0, import_react10.useCallback)(
+  const focus = (0, import_react12.useCallback)(
     (identifier2) => {
       setTimeout(
         () => fitView(
@@ -14246,7 +14352,7 @@ function WorkflowCreatorProviderBase({
     },
     [fitView]
   );
-  const toggle = (0, import_react10.useCallback)(
+  const toggle = (0, import_react12.useCallback)(
     (params) => {
       setTimeout(() => {
         setSelection(() => {
@@ -14270,7 +14376,7 @@ function WorkflowCreatorProviderBase({
     },
     [focus, setSelection]
   );
-  const validate = (0, import_react10.useCallback)(() => {
+  const validate = (0, import_react12.useCallback)(() => {
     var _a2;
     const state2 = autosaveStateRef.current;
     if (((_a2 = options == null ? void 0 : options.validation) == null ? void 0 : _a2.strategy) !== "non-blocking" && !state2.metadata.validation.isValid) {
@@ -14301,21 +14407,21 @@ function WorkflowCreatorProviderBase({
     }
     return true;
   }, [(_a = options == null ? void 0 : options.validation) == null ? void 0 : _a.strategy, toggle]);
-  const replaceWorkflow = (0, import_react10.useCallback)(
+  const replaceWorkflow = (0, import_react12.useCallback)(
     (workflow2) => {
       setWorkflow(workflow2);
       void autosaveWorkflowRef.current();
     },
     [autosaveWorkflowRef, setWorkflow]
   );
-  const changeWorkflow = (0, import_react10.useCallback)(
+  const changeWorkflow = (0, import_react12.useCallback)(
     (change) => {
       setWorkflow((prevState) => applyChange(prevState, change(prevState)));
       void autosaveWorkflowRef.current();
     },
     [autosaveWorkflowRef, setWorkflow]
   );
-  const goToAddTrigger = (0, import_react10.useCallback)(() => {
+  const goToAddTrigger = (0, import_react12.useCallback)(() => {
     navigate(
       `${basePath}/trigger/${OTHER_TYPES.SYSTEM}/${"manual" /* Manual */}`,
       {
@@ -14325,7 +14431,7 @@ function WorkflowCreatorProviderBase({
       }
     );
   }, [basePath, navigate]);
-  const addTrigger = (0, import_react10.useCallback)(
+  const addTrigger = (0, import_react12.useCallback)(
     (trigger) => {
       changeWorkflow(() => ({
         trigger
@@ -14339,7 +14445,7 @@ function WorkflowCreatorProviderBase({
     },
     [changeWorkflow, toggle]
   );
-  const updateTrigger = (0, import_react10.useCallback)(
+  const updateTrigger = (0, import_react12.useCallback)(
     (trigger) => {
       changeWorkflow(() => ({
         trigger
@@ -14347,7 +14453,7 @@ function WorkflowCreatorProviderBase({
     },
     [changeWorkflow]
   );
-  const removeTrigger = (0, import_react10.useCallback)(() => {
+  const removeTrigger = (0, import_react12.useCallback)(() => {
     var _a2;
     const state2 = autosaveStateRef.current;
     replaceWorkflow(__spreadProps(__spreadValues({}, state2.workflow), {
@@ -14357,7 +14463,7 @@ function WorkflowCreatorProviderBase({
       toggle();
     }
   }, [replaceWorkflow, toggle]);
-  const goToAddTask = (0, import_react10.useCallback)(
+  const goToAddTask = (0, import_react12.useCallback)(
     (taskReference, parentTaskReference) => {
       navigate(`${basePath}/add`, {
         state: {
@@ -14369,7 +14475,7 @@ function WorkflowCreatorProviderBase({
     },
     [state.metadata.frames, navigate, basePath]
   );
-  const addTask = (0, import_react10.useCallback)(
+  const addTask = (0, import_react12.useCallback)(
     (task2, targetTaskReference, parentTaskReference) => {
       var _a2;
       const existingTasks = Object.values(state.metadata.elements.tasks).filter((x) => x.taskReferenceName.includes(task2.taskReferenceName)).sort((a, b) => {
@@ -14478,7 +14584,7 @@ function WorkflowCreatorProviderBase({
     },
     [state.workflow.definition.tasks, changeWorkflow, toggle]
   );
-  const updateTask = (0, import_react10.useCallback)(
+  const updateTask = (0, import_react12.useCallback)(
     (targetTaskReferenceName, targetTask) => {
       changeWorkflow((workflow2) => ({
         definition: {
@@ -14495,7 +14601,7 @@ function WorkflowCreatorProviderBase({
     },
     [changeWorkflow]
   );
-  const removeTask = (0, import_react10.useCallback)(
+  const removeTask = (0, import_react12.useCallback)(
     (targetTaskReferenceName) => {
       var _a2;
       changeWorkflow((workflow2) => ({
@@ -14516,7 +14622,7 @@ function WorkflowCreatorProviderBase({
     },
     [(_b = state.selection) == null ? void 0 : _b.id, changeWorkflow, toggle]
   );
-  const save = (0, import_react10.useCallback)(
+  const save = (0, import_react12.useCallback)(
     (silent) => __async(this, null, function* () {
       const state2 = autosaveStateRef.current;
       if (!state2.workflow.draft && !validate()) {
@@ -14545,7 +14651,7 @@ function WorkflowCreatorProviderBase({
               "Workflow has been created successfully"
             );
           }
-          navigate(`/workflow/${workflowId}`);
+          replaceWorkflowId(workflowId);
         }
       } finally {
         setAction("isSaving", false);
@@ -14555,13 +14661,13 @@ function WorkflowCreatorProviderBase({
       createWorkflowAction,
       updateWorkflowAction,
       notifications,
+      replaceWorkflowId,
       validate,
-      navigate,
       setWorkflow,
       setAction
     ]
   );
-  const activate = (0, import_react10.useCallback)(() => __async(this, null, function* () {
+  const activate = (0, import_react12.useCallback)(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     if (state2.workflow.draft) {
       return;
@@ -14585,7 +14691,7 @@ function WorkflowCreatorProviderBase({
       setAction("isActivating", false);
     }
   }), [activateWorkflowAction, notifications, validate, setWorkflow, setAction]);
-  const remove = (0, import_react10.useCallback)(() => __async(this, null, function* () {
+  const remove = (0, import_react12.useCallback)(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     setAction("isRemoving", true);
     try {
@@ -14604,7 +14710,7 @@ function WorkflowCreatorProviderBase({
       setAction("isRemoving", false);
     }
   }), [setAction, navigate, notifications, deleteWorkflowAction]);
-  const createDraft = (0, import_react10.useCallback)(
+  const createDraft = (0, import_react12.useCallback)(
     (options2) => __async(this, null, function* () {
       const state2 = autosaveStateRef.current;
       if (state2.workflow.draft) {
@@ -14642,7 +14748,7 @@ function WorkflowCreatorProviderBase({
       setAction
     ]
   );
-  const publishDraft = (0, import_react10.useCallback)(
+  const publishDraft = (0, import_react12.useCallback)(
     (options2) => __async(this, null, function* () {
       var _a2;
       const state2 = autosaveStateRef.current;
@@ -14687,7 +14793,7 @@ function WorkflowCreatorProviderBase({
       createWorkflowAction
     ]
   );
-  const discardDraft = (0, import_react10.useCallback)(() => __async(this, null, function* () {
+  const discardDraft = (0, import_react12.useCallback)(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     setAction("isDiscarding", true);
     try {
@@ -14714,7 +14820,7 @@ function WorkflowCreatorProviderBase({
       setAction("isDiscarding", false);
     }
   }), [deleteWorkflowAction, notifications, navigate, setAction]);
-  const [previewModalVisible, setPreviewModalVisible] = (0, import_react10.useState)({ isVisible: false });
+  const [previewModalVisible, setPreviewModalVisible] = (0, import_react12.useState)({ isVisible: false });
   return /* @__PURE__ */ jsx4(
     WorkflowCreatorContext.Provider,
     {
@@ -14750,14 +14856,14 @@ function WorkflowCreatorProviderBase({
     }
   );
 }
-var WorkflowCreatorContext = (0, import_react10.createContext)(
+var WorkflowCreatorContext = (0, import_react12.createContext)(
   null
 );
 function WorkflowCreatorProvider(props) {
   return /* @__PURE__ */ jsx4(OneWidgetProvider, { children: /* @__PURE__ */ jsx4(OneMessagesProvider, { children: /* @__PURE__ */ jsx4(import_reactflow.ReactFlowProvider, { children: /* @__PURE__ */ jsx4(WorkflowCreatorProviderBase, __spreadValues({}, props)) }) }) });
 }
 function useWorkflowCreator() {
-  const context = (0, import_react10.useContext)(WorkflowCreatorContext);
+  const context = (0, import_react12.useContext)(WorkflowCreatorContext);
   if (context === void 0) {
     throw new Error("useWorkflowContext must be used within a WorkflowContext");
   }
@@ -14788,7 +14894,16 @@ var itemOptionCss = (active) => css`
 `;
 function ItemOption({ option, onClick, active }) {
   return /* @__PURE__ */ jsx4("div", { css: itemOptionCss(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react6.Column, { setColumnPadding: "0", width: 6, children: [
-    /* @__PURE__ */ jsx4(import_design_system_react_components3.Text, { noMargin: true, children: option.name }),
+    /* @__PURE__ */ jsx4(
+      import_design_system_react_components3.Text,
+      {
+        noMargin: true,
+        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTask.taskCard(
+          option.key
+        ),
+        children: option.name
+      }
+    ),
     /* @__PURE__ */ jsx4(
       import_design_system_react_components3.Text,
       {
@@ -14850,12 +14965,12 @@ var Options_default = AddWorkflowTaskOptions;
 // src/views/Workflows/Creator/Modals/AddTask/Modal.tsx
 function AddWorkflowTaskModal({ basePath, onClose }) {
   var _a;
-  const [search, setSearch] = (0, import_react12.useState)("");
-  const location = (0, import_react_router_dom3.useLocation)();
-  const navigate = (0, import_react_router_dom3.useNavigate)();
-  const params = (0, import_react_router_dom3.useParams)();
-  const [state, setState] = (0, import_react12.useState)();
-  const config2 = (0, import_react12.useMemo)(
+  const [search, setSearch] = (0, import_react14.useState)("");
+  const location = (0, import_react_router_dom4.useLocation)();
+  const navigate = (0, import_react_router_dom4.useNavigate)();
+  const params = (0, import_react_router_dom4.useParams)();
+  const [state, setState] = (0, import_react14.useState)();
+  const config2 = (0, import_react14.useMemo)(
     () => [
       // {
       //   name: "system",
@@ -15015,7 +15130,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     var _a2, _b, _c, _d, _e, _f, _g;
     if (!params.task) {
       const service = (_a2 = params.service) != null ? _a2 : "livechat";
@@ -15095,12 +15210,14 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
               handleAddTask(state == null ? void 0 : state.task);
             },
             size: "medium",
+            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTask.saveButton,
             children: "Add task"
           }
         )
       ] }),
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components4.ModalHeader, { title: "Add task" }),
       onClose,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTask.wrapper,
       children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react7.Row, { notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
           import_developer_studio_ui_react7.Column,
@@ -15180,7 +15297,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
                     children: [
                       icon2,
                       /* @__PURE__ */ jsx4(
-                        import_react_router_dom3.NavLink,
+                        import_react_router_dom4.NavLink,
                         {
                           className: ({ isActive }) => isActive ? "active" : "",
                           css: css`
@@ -15189,7 +15306,16 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
                           end: false,
                           state: location.state,
                           to: `${basePath}/${name}`,
-                          children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react7.Text, { size: "md", children: displayName })
+                          children: /* @__PURE__ */ jsx4(
+                            import_developer_studio_ui_react7.Text,
+                            {
+                              size: "md",
+                              "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTask.taskCategoryButton(
+                                name
+                              ),
+                              children: displayName
+                            }
+                          )
                         }
                       )
                     ]
@@ -15242,8 +15368,8 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
 var Modal_default = AddWorkflowTaskModal;
 
 // src/views/Workflows/Creator/Modals/AddTrigger/Modal.tsx
-var import_react15 = require("react");
-var import_react_router_dom4 = require("react-router-dom");
+var import_react17 = require("react");
+var import_react_router_dom5 = require("react-router-dom");
 var import_design_system_react_components6 = require("@livechat/design-system-react-components");
 var import_developer_studio_api22 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react9 = require("@livechat/developer-studio-ui-react");
@@ -15272,7 +15398,17 @@ var itemOptionCss2 = (active) => css`
 `;
 function ItemOption2({ option, onClick, active }) {
   return /* @__PURE__ */ jsx4("div", { css: itemOptionCss2(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react8.Column, { setColumnPadding: "0", width: 6, children: [
-    /* @__PURE__ */ jsx4(import_design_system_react_components5.Text, { bold: true, noMargin: true, children: option.name }),
+    /* @__PURE__ */ jsx4(
+      import_design_system_react_components5.Text,
+      {
+        bold: true,
+        noMargin: true,
+        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTrigger.triggerCard(
+          option.key
+        ),
+        children: option.name
+      }
+    ),
     /* @__PURE__ */ jsx4(
       import_design_system_react_components5.Text,
       {
@@ -15336,8 +15472,8 @@ function AddWorkflowTriggerModal({
   basePath,
   onClose
 }) {
-  const [search, setSearch] = (0, import_react15.useState)("");
-  const config2 = (0, import_react15.useMemo)(
+  const [search, setSearch] = (0, import_react17.useState)("");
+  const config2 = (0, import_react17.useMemo)(
     () => [
       {
         name: OTHER_TYPES.SYSTEM,
@@ -15463,16 +15599,16 @@ function AddWorkflowTriggerModal({
     ],
     []
   );
-  const location = (0, import_react_router_dom4.useLocation)();
-  const navigate = (0, import_react_router_dom4.useNavigate)();
-  const params = (0, import_react_router_dom4.useParams)();
-  const [state, setState] = (0, import_react15.useState)();
+  const location = (0, import_react_router_dom5.useLocation)();
+  const navigate = (0, import_react_router_dom5.useNavigate)();
+  const params = (0, import_react_router_dom5.useParams)();
+  const [state, setState] = (0, import_react17.useState)();
   const { addTrigger } = useWorkflowCreator();
   const { user } = (0, import_developer_studio_ui_react9.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     var _a, _b;
     if (!params.trigger) {
       const firstTrigger = (_b = (_a = config2.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))[0]) == null ? void 0 : _b.key;
@@ -15511,12 +15647,14 @@ function AddWorkflowTriggerModal({
               handleAddTrigger(state == null ? void 0 : state.trigger);
             },
             size: "medium",
+            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTrigger.saveButton,
             children: "Add trigger"
           }
         )
       ] }),
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components6.ModalHeader, { title: "Add trigger" }),
       onClose,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTrigger.wrapper,
       children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react9.Row, { notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
           import_developer_studio_ui_react9.Column,
@@ -15596,7 +15734,7 @@ function AddWorkflowTriggerModal({
                     children: [
                       icon2,
                       /* @__PURE__ */ jsx4(
-                        import_react_router_dom4.NavLink,
+                        import_react_router_dom5.NavLink,
                         {
                           className: ({ isActive }) => isActive ? "active" : "",
                           css: css`
@@ -15605,7 +15743,16 @@ function AddWorkflowTriggerModal({
                           end: false,
                           state: location.state,
                           to: `${basePath}/${name}`,
-                          children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react9.Text, { size: "md", children: displayName })
+                          children: /* @__PURE__ */ jsx4(
+                            import_developer_studio_ui_react9.Text,
+                            {
+                              size: "md",
+                              "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTrigger.triggerCategoryButton(
+                                name
+                              ),
+                              children: displayName
+                            }
+                          )
                         }
                       )
                     ]
@@ -15724,13 +15871,13 @@ function DeleteWorkflowModal({
 }
 
 // src/views/Workflows/Creator/Modals/Edit/Modal.tsx
-var import_react_router_dom5 = require("react-router-dom");
+var import_react_router_dom6 = require("react-router-dom");
 var import_design_system_icons4 = require("@livechat/design-system-icons");
 var import_design_system_react_components8 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react11 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function EditWorkflowModal({ onClose }) {
-  const navigate = (0, import_react_router_dom5.useNavigate)();
+  const navigate = (0, import_react_router_dom6.useNavigate)();
   const {
     state: {
       workflow,
@@ -15787,7 +15934,7 @@ function EditWorkflowModal({ onClose }) {
 }
 
 // src/views/Workflows/Creator/Modals/Execute/Modal.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 var import_react_final_form = require("react-final-form");
 var import_validator = __toESM(require("validator"));
 var import_design_system_react_components9 = require("@livechat/design-system-react-components");
@@ -15796,7 +15943,7 @@ function ExecuteWorkflowModal({
   onClose
 }) {
   const executeMutation = useExecuteWorkflow();
-  const onSubmit = (0, import_react17.useCallback)(
+  const onSubmit = (0, import_react19.useCallback)(
     (data) => __async(this, null, function* () {
       yield executeMutation.mutateAsync({
         workflow,
@@ -15878,8 +16025,8 @@ function ExecuteWorkflowModal({
 var Modal_default3 = ExecuteWorkflowModal;
 
 // src/views/Workflows/Creator/Modals/Preview/Modal.tsx
-var import_react85 = require("react");
-var import_react_router_dom11 = require("react-router-dom");
+var import_react87 = require("react");
+var import_react_router_dom12 = require("react-router-dom");
 
 // ../../../node_modules/.pnpm/@emotion+styled@11.14.0_@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1__@types+react@18.3.18_react@18.3.1/node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js
 var React4 = __toESM(require("react"));
@@ -16034,7 +16181,7 @@ var createStyled = function createStyled2(tag, options) {
 
 // ../../../node_modules/.pnpm/@emotion+styled@11.14.0_@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1__@types+react@18.3.18_react@18.3.1/node_modules/@emotion/styled/dist/emotion-styled.esm.js
 var import_extends5 = __toESM(require_extends());
-var import_react20 = require("react");
+var import_react22 = require("react");
 var tags = [
   "a",
   "abbr",
@@ -16182,12 +16329,12 @@ var import_design_system_react_components63 = require("@livechat/design-system-r
 var import_developer_studio_ui_react27 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Builder/Diagram.tsx
-var import_react84 = require("react");
+var import_react86 = require("react");
 var import_reactflow16 = __toESM(require("reactflow"));
 var import_design_system_react_components62 = require("@livechat/design-system-react-components");
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/Add/Task/Task.tsx
-var import_react21 = require("react");
+var import_react23 = require("react");
 var import_reactflow2 = require("reactflow");
 var import_design_system_icons5 = require("@livechat/design-system-icons");
 var import_design_system_react_components10 = require("@livechat/design-system-react-components");
@@ -16216,16 +16363,17 @@ function AddTaskNode(node2) {
             node2.data.parentTaskReference
           );
         },
+        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.builder.nodes.add.task.button,
         children: workflow.definition.tasks.length > 0 ? "" : "Add task"
       }
     ),
     /* @__PURE__ */ jsx4(import_reactflow2.Handle, { isConnectable: false, position: import_reactflow2.Position.Bottom, type: "source" })
   ] });
 }
-var Task_default = (0, import_react21.memo)(AddTaskNode);
+var Task_default = (0, import_react23.memo)(AddTaskNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/Add/Trigger/Trigger.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 var import_reactflow3 = require("reactflow");
 var import_design_system_icons6 = require("@livechat/design-system-icons");
 var import_design_system_react_components11 = require("@livechat/design-system-react-components");
@@ -16242,13 +16390,14 @@ function AddTriggerNode(node2) {
         onClick: () => {
           goToAddTrigger();
         },
+        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.builder.nodes.add.trigger.button,
         children: "Add trigger"
       }
     ),
     /* @__PURE__ */ jsx4(import_reactflow3.Handle, { isConnectable: false, position: import_reactflow3.Position.Bottom, type: "source" })
   ] });
 }
-var Trigger_default = (0, import_react22.memo)(AddTriggerNode);
+var Trigger_default = (0, import_react24.memo)(AddTriggerNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/ForkJoinNode/Base.tsx
 var import_design_system_icons7 = require("@livechat/design-system-icons");
@@ -16343,7 +16492,7 @@ var import_core2 = __toESM(require("@rjsf/core"));
 var import_validator_ajv8 = __toESM(require("@rjsf/validator-ajv8"));
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomString/Field.tsx
-var import_react37 = require("react");
+var import_react39 = require("react");
 var import_core = require("@rjsf/core");
 var import_design_system_icons10 = require("@livechat/design-system-icons");
 var import_design_system_react_components20 = require("@livechat/design-system-react-components");
@@ -16351,15 +16500,15 @@ var import_developer_studio_ui_react16 = require("@livechat/developer-studio-ui-
 var import_platform_integrations3 = require("@livechat/platform-integrations");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/Field.tsx
-var import_react33 = require("react");
+var import_react35 = require("react");
 var import_developer_studio_ui_react15 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Picker.tsx
-var import_react26 = require("react");
+var import_react28 = require("react");
 var import_design_system_react_components15 = require("@livechat/design-system-react-components");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Tree/Node.tsx
-var import_react24 = require("react");
+var import_react26 = require("react");
 var import_design_system_icons8 = require("@livechat/design-system-icons");
 var import_design_system_react_components14 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react12 = require("@livechat/developer-studio-ui-react");
@@ -16382,8 +16531,8 @@ function CustomTagsPickerTreeNode({
   onClick
 }) {
   var _a;
-  const [collapsed, setCollapsed] = (0, import_react24.useState)(false);
-  const [newPropertyName, setNewPropertyName] = (0, import_react24.useState)(targetName);
+  const [collapsed, setCollapsed] = (0, import_react26.useState)(false);
+  const [newPropertyName, setNewPropertyName] = (0, import_react26.useState)(targetName);
   if (!data) {
     return null;
   }
@@ -16759,8 +16908,8 @@ function CustomTagsPicker({
   context,
   onClick
 }) {
-  const [search, setSearch] = (0, import_react26.useState)();
-  const [advanced] = (0, import_react26.useState)();
+  const [search, setSearch] = (0, import_react28.useState)();
+  const [advanced] = (0, import_react28.useState)();
   return /* @__PURE__ */ jsxs2(Wrapper, { children: [
     /* @__PURE__ */ jsx4(
       import_design_system_react_components15.SearchInput,
@@ -16786,7 +16935,7 @@ function CustomTagsPicker({
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Input.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 var import_lodash3 = __toESM(require("lodash.debounce"));
 var import_design_system_react_components17 = require("@livechat/design-system-react-components");
 
@@ -16837,18 +16986,18 @@ function CustomTagTemplate(tagData, { settings: _s }) {
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Tag/Tooltip.tsx
-var import_react28 = require("react");
+var import_react30 = require("react");
 var import_lodash2 = __toESM(require("lodash.debounce"));
 var import_design_system_react_components16 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react14 = require("@livechat/developer-studio-ui-react");
 var useCustomTagsInputTagTooltipData = () => {
-  const [tooltipData, setTooltipData] = (0, import_react28.useState)(
+  const [tooltipData, setTooltipData] = (0, import_react30.useState)(
     {
       visible: false
     }
   );
-  const setTooltipDataDebounced = (0, import_react28.useCallback)((0, import_lodash2.default)(setTooltipData, 50), []);
-  const showTagTooltip = (0, import_react28.useCallback)(
+  const setTooltipDataDebounced = (0, import_react30.useCallback)((0, import_lodash2.default)(setTooltipData, 50), []);
+  const showTagTooltip = (0, import_react30.useCallback)(
     (tag, tagElement) => {
       const rect = tagElement.getBoundingClientRect();
       const tooltipPosition = {
@@ -16863,7 +17012,7 @@ var useCustomTagsInputTagTooltipData = () => {
     },
     [setTooltipDataDebounced]
   );
-  const hideTagTooltip = (0, import_react28.useCallback)(() => {
+  const hideTagTooltip = (0, import_react30.useCallback)(() => {
     setTooltipDataDebounced({
       visible: false
     });
@@ -16932,10 +17081,10 @@ function CustomTagsInputTagTooltip({
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Tags.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 var import_tagify = __toESM(require("@yaireo/tagify"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var noop = (_) => _;
+var noop = (_2) => _2;
 var isSameDeep = (a, b) => {
   const trans = (x) => typeof x === "string" ? x : JSON.stringify(x);
   return trans(a) === trans(b);
@@ -17016,12 +17165,12 @@ function TagifyWrapper({
   defaultValue,
   showDropdown
 }) {
-  const mountedRef = (0, import_react30.useRef)();
-  const inputElmRef = (0, import_react30.useRef)(null);
-  const tagify = (0, import_react30.useRef)();
-  const lastClassNameRef = (0, import_react30.useRef)();
+  const mountedRef = (0, import_react32.useRef)();
+  const inputElmRef = (0, import_react32.useRef)(null);
+  const tagify = (0, import_react32.useRef)();
+  const lastClassNameRef = (0, import_react32.useRef)();
   const _value = defaultValue || value;
-  const inputAttrs = (0, import_react30.useMemo)(
+  const inputAttrs = (0, import_react32.useMemo)(
     () => ({
       ref: inputElmRef,
       name,
@@ -17034,10 +17183,10 @@ function TagifyWrapper({
     }),
     []
   );
-  const setFocus = (0, import_react30.useCallback)(() => {
+  const setFocus = (0, import_react32.useCallback)(() => {
     autoFocus && tagify.current.DOM.input.focus();
   }, [tagify]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     templatesToString(settings2.templates);
     settings2.userInput = userInput;
     if (InputMode === "textarea") settings2.mode = "mix";
@@ -17055,70 +17204,70 @@ function TagifyWrapper({
       t.destroy();
     };
   }, []);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("change").on("change", onChange);
   }, [onChange]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("input").on("input", onInput);
   }, [onInput]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("add").on("add", onAdd);
   }, [onAdd]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("remove").on("remove", onRemove);
   }, [onRemove]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("invalid").on("invalid", onInvalid);
   }, [onInvalid]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("keydown").on("keydown", onKeydown);
   }, [onKeydown]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("focus").on("focus", onFocus);
   }, [onFocus]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("blur").on("blur", onBlur);
   }, [onBlur]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("click").on("click", onClick);
   }, [onClick]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("edit:input").on("edit:input", onEditInput);
   }, [onEditInput]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("edit:beforeUpdate").on("edit:beforeUpdate", onEditBeforeUpdate);
   }, [onEditBeforeUpdate]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("edit:updated").on("edit:updated", onEditUpdated);
   }, [onEditUpdated]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("edit:start").on("edit:start", onEditStart);
   }, [onEditStart]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("edit:keydown").on("edit:keydown", onEditKeydown);
   }, [onEditKeydown]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("dropdown:show").on("dropdown:show", onDropdownShow);
   }, [onDropdownShow]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("dropdown:hide").on("dropdown:hide", onDropdownHide);
   }, [onDropdownHide]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("dropdown:select").on("dropdown:select", onDropdownSelect);
   }, [onDropdownSelect]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("dropdown:scroll").on("dropdown:scroll", onDropdownScroll);
   }, [onDropdownScroll]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("dropdown:noMatch").on("dropdown:noMatch", onDropdownNoMatch);
   }, [onDropdownNoMatch]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     tagify.current.off("dropdown:updated").on("dropdown:updated", onDropdownUpdated);
   }, [onDropdownUpdated]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     setFocus();
   }, [autoFocus]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       tagify.current.settings.whitelist.length = 0;
       (whitelist == null ? void 0 : whitelist.length) && tagify.current.settings.whitelist.push(
@@ -17126,13 +17275,13 @@ function TagifyWrapper({
       );
     }
   }, [whitelist]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     const currentValue = tagify.current.getInputValue();
     if (mountedRef.current && !isSameDeep(value, currentValue)) {
       tagify.current.loadOriginalValues(value);
     }
   }, [value]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       const { added, removed } = compareStrings(
         lastClassNameRef.current,
@@ -17147,33 +17296,33 @@ function TagifyWrapper({
     }
     lastClassNameRef.current = className;
   }, [className]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       tagify.current.loading(loading);
     }
   }, [loading]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       tagify.current.setReadonly(readOnly != null ? readOnly : false);
     }
   }, [readOnly]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       tagify.current.setDisabled(disabled != null ? disabled : false);
     }
   }, [disabled]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       const current = tagify.current;
       current.userInput = userInput;
     }
   }, [userInput]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mountedRef.current) {
       tagify.current.setPlaceholder(placeholder2);
     }
   }, [placeholder2]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     const t = tagify.current;
     if (mountedRef.current) {
       if (showDropdown) {
@@ -17184,7 +17333,7 @@ function TagifyWrapper({
       }
     }
   }, [showDropdown]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     mountedRef.current = true;
   }, []);
   return (
@@ -17193,7 +17342,7 @@ function TagifyWrapper({
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "tags-input", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InputMode, __spreadValues({}, inputAttrs)) })
   );
 }
-var Tags = (0, import_react30.memo)(TagifyWrapper);
+var Tags = (0, import_react32.memo)(TagifyWrapper);
 var Tags_default = Tags;
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsInput/utils.ts
@@ -17296,23 +17445,23 @@ function CustomTagsInput({
   renderPicker,
   renderPickerTrigger
 }) {
-  const tagifyRef = (0, import_react31.useRef)();
+  const tagifyRef = (0, import_react33.useRef)();
   const [tooltipData, { showTagTooltip, hideTagTooltip }] = useCustomTagsInputTagTooltipData();
-  const updateAllIcons = (0, import_react31.useCallback)(() => {
+  const updateAllIcons = (0, import_react33.useCallback)(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return;
     }
     tagify.value.forEach(updateCustomTagsInputTagIcon);
   }, []);
-  const getCurrentValue = (0, import_react31.useCallback)(() => {
+  const getCurrentValue = (0, import_react33.useCallback)(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return "";
     }
     return tagify.getMixedTagsAsString().replace(trim2 ? /\s+/g : /\r\n$/, "").replaceAll("[[", "${").replaceAll("]]", "}").replaceAll("\u200B", "").replaceAll("\xA0", "");
   }, [trim2]);
-  const setCurrentValue = (0, import_react31.useCallback)(
+  const setCurrentValue = (0, import_react33.useCallback)(
     (value2, frame) => {
       const tagify = tagifyRef.current;
       if (!tagify) {
@@ -17323,14 +17472,14 @@ function CustomTagsInput({
     },
     [updateAllIcons]
   );
-  const handleChange = (0, import_react31.useCallback)(
+  const handleChange = (0, import_react33.useCallback)(
     (0, import_lodash3.default)(() => {
       onChange(getCurrentValue());
       updateAllIcons();
     }, 300),
     [onChange, getCurrentValue, updateAllIcons]
   );
-  const handleKeyDown = (0, import_react31.useCallback)(
+  const handleKeyDown = (0, import_react33.useCallback)(
     (e) => {
       if (e.detail.event.key !== "Backspace") {
         return;
@@ -17341,7 +17490,7 @@ function CustomTagsInput({
     },
     [handleChange]
   );
-  const addTag = (0, import_react31.useCallback)(
+  const addTag = (0, import_react33.useCallback)(
     (tag) => {
       const tagify = tagifyRef.current;
       if (!tagify) {
@@ -17357,7 +17506,7 @@ function CustomTagsInput({
     },
     [trim2, onPickerToggle]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return;
@@ -17383,7 +17532,7 @@ function CustomTagsInput({
     showTagTooltip,
     hideTagTooltip
   ]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return;
@@ -17434,9 +17583,7 @@ function CustomTagsInput({
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Trigger.tsx
 var import_design_system_icons9 = require("@livechat/design-system-icons");
 var import_design_system_react_components18 = require("@livechat/design-system-react-components");
-function CustomTagsPickerTrigger({
-  onClick
-}) {
+function CustomTagsPickerTrigger({ onClick }) {
   return /* @__PURE__ */ jsx4(
     import_design_system_react_components18.Button,
     {
@@ -17449,7 +17596,6 @@ function CustomTagsPickerTrigger({
         min-height: 28px;
         width: 28px;
         min-width: 28px;
-        z-index: 1000;
       `,
       icon: /* @__PURE__ */ jsx4(import_design_system_react_components18.Icon, { source: import_design_system_icons9.Add }),
       kind: "plain",
@@ -17471,8 +17617,8 @@ function CustomTagsField({
   wrapperCss: wrapperCss3,
   onChange
 }) {
-  const wrapperRef = (0, import_react33.useRef)(null);
-  const [isPickerVisible, setIsPickerVisible] = (0, import_react33.useState)(false);
+  const wrapperRef = (0, import_react35.useRef)(null);
+  const [isPickerVisible, setIsPickerVisible] = (0, import_react35.useState)(false);
   (0, import_developer_studio_ui_react15.useOnClickOutside)(wrapperRef, () => {
     setIsPickerVisible(false);
   });
@@ -17539,7 +17685,7 @@ function DynamicCustomStringField(props) {
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomString/Modes/Predefined.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_design_system_react_components19 = require("@livechat/design-system-react-components");
 var pickerCustomStyles = (readonly) => css`
   flex: 1;
@@ -17553,12 +17699,12 @@ function PredefinedCustomStringField(props) {
   var _a;
   const { resourceQuery, onChange, schema } = props;
   const resourceConfig = schema["x-ref"];
-  const [pickerOptions, setPickerOptions] = (0, import_react35.useState)([]);
-  (0, import_react35.useEffect)(() => {
+  const [pickerOptions, setPickerOptions] = (0, import_react37.useState)([]);
+  (0, import_react37.useEffect)(() => {
     var _a2, _b;
     if (!resourceConfig) {
       if (resourceQuery.data) {
-        onChange(null);
+        onChange("");
       }
       return;
     }
@@ -17590,17 +17736,29 @@ var {
   fields: { StringField }
 } = (0, import_core.getDefaultRegistry)();
 function CustomStringField(props) {
-  var _a;
+  var _a, _b, _c;
   const onChange = props.onChange;
   const resourceConfig = props.schema["x-ref"];
   const resourceQuery = (0, import_platform_integrations3.useFetchIntegrationResourceQuery)(resourceConfig);
-  const [isPredefinedMode, setIsPredefinedMode] = (0, import_react37.useState)(
+  const [pristine, setPristine] = (0, import_react39.useState)(true);
+  const [isPredefinedMode, setIsPredefinedMode] = (0, import_react39.useState)(
     () => {
-      var _a2, _b, _c;
-      return ((_a2 = resourceQuery.data) == null ? void 0 : _a2.items.some((item) => item.key === props.formData)) || !props.formData && ((_c = (_b = resourceQuery.data) == null ? void 0 : _b.items.length) != null ? _c : 0) > 0 || void 0;
+      var _a2, _b2, _c2;
+      return ((_a2 = resourceQuery.data) == null ? void 0 : _a2.items.some((item) => item.key === props.formData)) || !props.formData && ((_c2 = (_b2 = resourceQuery.data) == null ? void 0 : _b2.items.length) != null ? _c2 : 0) > 0 || void 0;
     }
   );
-  const modeSelectorOptions = (0, import_react37.useMemo)(
+  const handleChange = (0, import_react39.useCallback)(
+    (value) => {
+      setPristine(false);
+      if (value !== "") {
+        onChange(value);
+        return;
+      }
+      onChange(props.schema.required ? null : void 0);
+    },
+    [onChange, props.schema.required]
+  );
+  const modeSelectorOptions = (0, import_react39.useMemo)(
     () => [
       resourceConfig ? {
         key: "predefined",
@@ -17616,8 +17774,10 @@ function CustomStringField(props) {
           }
         ) }),
         onClick: () => {
-          onChange(null);
-          setIsPredefinedMode(true);
+          handleChange("");
+          setTimeout(() => {
+            setIsPredefinedMode(true);
+          }, 50);
         }
       } : void 0,
       {
@@ -17634,28 +17794,47 @@ function CustomStringField(props) {
           }
         ) }),
         onClick: () => {
-          onChange(null);
+          handleChange("");
           setTimeout(() => {
             setIsPredefinedMode(false);
-          }, 0);
+          }, 50);
         }
       }
     ].filter(Boolean),
-    [resourceConfig, onChange, setIsPredefinedMode]
+    [resourceConfig, handleChange, setIsPredefinedMode]
   );
-  (0, import_react37.useEffect)(() => {
-    var _a2, _b, _c;
+  (0, import_react39.useEffect)(() => {
+    var _a2, _b2, _c2;
+    if (!pristine && !props.formData) {
+      return;
+    }
     setIsPredefinedMode(
       ((_a2 = resourceQuery.data) == null ? void 0 : _a2.items.some(
         (option) => option.key === props.formData
-      )) || !props.formData && ((_c = (_b = resourceQuery.data) == null ? void 0 : _b.items.length) != null ? _c : 0) > 0
+      )) || !props.formData && ((_c2 = (_b2 = resourceQuery.data) == null ? void 0 : _b2.items.length) != null ? _c2 : 0) > 0
     );
-  }, [(_a = resourceQuery.data) == null ? void 0 : _a.items, props.formData]);
+  }, [(_a = resourceQuery.data) == null ? void 0 : _a.items, props.formData, pristine]);
+  (0, import_react39.useEffect)(() => {
+    setPristine(true);
+  }, [(_c = (_b = props.formContext) == null ? void 0 : _b.frame.__meta) == null ? void 0 : _c.index]);
   if (props.schema.enum || props.schema.oneOf) {
     return /* @__PURE__ */ jsx4(StringField, __spreadValues({}, props));
   }
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react16.Row, { gap: `var(${import_design_system_react_components20.SpacingToken.Spacing1})`, notPadded: true, children: [
-    isPredefinedMode ? /* @__PURE__ */ jsx4(PredefinedCustomStringField, __spreadProps(__spreadValues({}, props), { resourceQuery })) : /* @__PURE__ */ jsx4(DynamicCustomStringField, __spreadProps(__spreadValues({}, props), { resourceQuery })),
+    /* @__PURE__ */ jsx4("br", {}),
+    isPredefinedMode ? /* @__PURE__ */ jsx4(
+      PredefinedCustomStringField,
+      __spreadProps(__spreadValues({}, props), {
+        onChange: handleChange,
+        resourceQuery
+      })
+    ) : /* @__PURE__ */ jsx4(
+      DynamicCustomStringField,
+      __spreadProps(__spreadValues({}, props), {
+        onChange: handleChange,
+        resourceQuery
+      })
+    ),
     modeSelectorOptions.length > 1 && /* @__PURE__ */ jsx4(
       import_design_system_react_components20.ActionMenu,
       {
@@ -17664,9 +17843,9 @@ function CustomStringField(props) {
         triggerRenderer: /* @__PURE__ */ jsx4(
           import_design_system_react_components20.Button,
           {
+            disabled: props.readonly,
             icon: /* @__PURE__ */ jsx4(import_design_system_react_components20.Icon, { source: import_design_system_icons10.MoreHoriz }),
-            kind: "secondary",
-            disabled: props.readonly
+            kind: "secondary"
           }
         )
       }
@@ -17755,10 +17934,10 @@ function CustomMoveDownButton(props) {
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/CustomArrayFieldTemplate.tsx
-var import_utils15 = require("@rjsf/utils");
+var import_utils16 = require("@rjsf/utils");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/Other/CustomArrayFieldHeader.tsx
-var import_utils14 = require("@rjsf/utils");
+var import_utils15 = require("@rjsf/utils");
 var import_design_system_react_components22 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react17 = require("@livechat/developer-studio-ui-react");
 function CustomArrayFieldHeader(props) {
@@ -17772,9 +17951,9 @@ function CustomArrayFieldHeader(props) {
     uiSchema,
     hideOptionalBadge
   } = props;
-  const options = (0, import_utils14.getUiOptions)(uiSchema);
-  const ArrayFieldTitleTemplate = (0, import_utils14.getTemplate)("ArrayFieldTitleTemplate", registry, options);
-  const ArrayFieldDescriptionTemplate = (0, import_utils14.getTemplate)("ArrayFieldDescriptionTemplate", registry, options);
+  const options = (0, import_utils15.getUiOptions)(uiSchema);
+  const ArrayFieldTitleTemplate = (0, import_utils15.getTemplate)("ArrayFieldTitleTemplate", registry, options);
+  const ArrayFieldDescriptionTemplate = (0, import_utils15.getTemplate)("ArrayFieldDescriptionTemplate", registry, options);
   return /* @__PURE__ */ jsx4(import_developer_studio_ui_react17.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: /* @__PURE__ */ jsxs2(
     import_developer_studio_ui_react17.Row,
     {
@@ -17836,8 +18015,8 @@ function CustomArrayFieldTemplate(props) {
     schema,
     title
   } = props;
-  const uiOptions = (0, import_utils15.getUiOptions)(uiSchema);
-  const ArrayFieldItemTemplate = (0, import_utils15.getTemplate)(
+  const uiOptions = (0, import_utils16.getUiOptions)(uiSchema);
+  const ArrayFieldItemTemplate = (0, import_utils16.getTemplate)(
     "ArrayFieldItemTemplate",
     registry,
     uiOptions
@@ -17915,11 +18094,11 @@ function CustomDescriptionFieldTemplate(props) {
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/CustomField.tsx
-var import_utils17 = require("@rjsf/utils");
+var import_utils18 = require("@rjsf/utils");
 var import_design_system_react_components25 = require("@livechat/design-system-react-components");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/Other/CustomFieldHeader.tsx
-var import_utils16 = require("@rjsf/utils");
+var import_utils17 = require("@rjsf/utils");
 var import_design_system_react_components24 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react18 = require("@livechat/developer-studio-ui-react");
 var OptionalWrapper = newStyled.div`
@@ -17939,13 +18118,13 @@ function CustomFieldHeader(props) {
     uiSchema,
     hideOptionalBadge
   } = props;
-  const options = (0, import_utils16.getUiOptions)(uiSchema);
-  const TitleFieldTemplate = (0, import_utils16.getTemplate)(
+  const options = (0, import_utils17.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0, import_utils17.getTemplate)(
     "TitleFieldTemplate",
     registry,
     options
   );
-  const DescriptionFieldTemplate = (0, import_utils16.getTemplate)("DescriptionFieldTemplate", registry, options);
+  const DescriptionFieldTemplate = (0, import_utils17.getTemplate)("DescriptionFieldTemplate", registry, options);
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react18.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: [
     /* @__PURE__ */ jsxs2(
       import_developer_studio_ui_react18.Row,
@@ -17957,7 +18136,7 @@ function CustomFieldHeader(props) {
           label ? /* @__PURE__ */ jsx4(
             TitleFieldTemplate,
             {
-              id: (0, import_utils16.titleId)(id),
+              id: (0, import_utils17.titleId)(id),
               registry,
               required,
               schema,
@@ -17969,7 +18148,7 @@ function CustomFieldHeader(props) {
             DescriptionFieldTemplate,
             {
               description,
-              id: (0, import_utils16.descriptionId)(id),
+              id: (0, import_utils17.descriptionId)(id),
               registry,
               schema,
               uiSchema
@@ -18019,9 +18198,9 @@ function CustomFieldTemplate(props) {
     "schema",
     "uiSchema"
   ]);
-  const options = (0, import_utils17.getUiOptions)(uiSchema);
-  const additional = import_utils17.ADDITIONAL_PROPERTY_FLAG in props.schema;
-  const WrapIfAdditionalTemplate = (0, import_utils17.getTemplate)(
+  const options = (0, import_utils18.getUiOptions)(uiSchema);
+  const additional = import_utils18.ADDITIONAL_PROPERTY_FLAG in props.schema;
+  const WrapIfAdditionalTemplate = (0, import_utils18.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     options
@@ -18072,7 +18251,7 @@ function CustomFieldTemplate(props) {
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/CustomFieldWrapper.tsx
-var import_utils18 = require("@rjsf/utils");
+var import_utils19 = require("@rjsf/utils");
 var import_design_system_react_components26 = require("@livechat/design-system-react-components");
 function CustomWrapIfAdditionalTemplate(props) {
   const {
@@ -18087,7 +18266,7 @@ function CustomWrapIfAdditionalTemplate(props) {
     classNames,
     style
   } = props;
-  const additional = import_utils18.ADDITIONAL_PROPERTY_FLAG in schema;
+  const additional = import_utils19.ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
     return /* @__PURE__ */ jsx4("div", { className: classNames, style, children });
   }
@@ -18118,8 +18297,8 @@ function CustomWrapIfAdditionalTemplate(props) {
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/CustomObjectField.tsx
-var import_react41 = require("react");
-var import_utils19 = require("@rjsf/utils");
+var import_react43 = require("react");
+var import_utils20 = require("@rjsf/utils");
 var import_design_system_react_components27 = require("@livechat/design-system-react-components");
 function CustomObjectFieldTemplate(props) {
   const {
@@ -18139,11 +18318,11 @@ function CustomObjectFieldTemplate(props) {
   const {
     ButtonTemplates: { AddButton }
   } = registry.templates;
-  const [optionalVisible, setOptionalVisible] = (0, import_react41.useState)(false);
-  const [touched, setTouched] = (0, import_react41.useState)({});
+  const [optionalVisible, setOptionalVisible] = (0, import_react43.useState)(false);
+  const [touched, setTouched] = (0, import_react43.useState)({});
   const newProperties = properties.map((prop) => {
     return __spreadProps(__spreadValues({}, prop), {
-      hidden: !(prop.content.props.required || touched[prop.name] || import_utils19.ADDITIONAL_PROPERTY_FLAG in prop.content.props.schema || (Array.isArray(prop.content.props.formData) ? prop.content.props.formData.length > 0 : prop.content.props.formData)),
+      hidden: !(prop.content.props.required || touched[prop.name] || import_utils20.ADDITIONAL_PROPERTY_FLAG in prop.content.props.schema || (Array.isArray(prop.content.props.formData) ? prop.content.props.formData.length > 0 : prop.content.props.formData)),
       content: __spreadProps(__spreadValues({}, prop.content), {
         props: __spreadProps(__spreadValues({}, prop.content.props), {
           onChange: (value, newErrorSchema, id) => {
@@ -18199,7 +18378,7 @@ function CustomObjectFieldTemplate(props) {
         )
       }
     ) : null,
-    (0, import_utils19.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ jsx4(
+    (0, import_utils20.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ jsx4(
       "div",
       {
         style: {
@@ -18416,7 +18595,7 @@ function ForkJoinNodeForm({
 var Form_default2 = ForkJoinNodeForm;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/ForkJoinNode/Node.tsx
-var import_react45 = require("react");
+var import_react47 = require("react");
 var import_reactflow6 = require("reactflow");
 
 // src/views/Workflows/Creator/Builder/Handles/CustomAdd/Handle.tsx
@@ -18533,7 +18712,7 @@ function CustomNodeWrapper({
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/ForkJoinNode/Node.tsx
 function ForkJoinNode(node2) {
-  const [isHovered, setIsHovered] = (0, import_react45.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react47.useState)(false);
   const {
     updateTask,
     removeTask,
@@ -18600,7 +18779,7 @@ function ForkJoinNode(node2) {
     }
   );
 }
-var Node_default = (0, import_react45.memo)(ForkJoinNode);
+var Node_default = (0, import_react47.memo)(ForkJoinNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/HttpNode/Base.tsx
 var import_design_system_icons15 = require("@livechat/design-system-icons");
@@ -18730,20 +18909,20 @@ function HttpNodeBase({
 var Base_default2 = HttpNodeBase;
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/Wrapper.tsx
-var import_react48 = require("react");
+var import_react50 = require("react");
 var import_design_system_icons16 = require("@livechat/design-system-icons");
 var import_design_system_react_components36 = require("@livechat/design-system-react-components");
 var import_developer_studio_api24 = require("@livechat/developer-studio-api");
 var import_platform_integrations5 = require("@livechat/platform-integrations");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/integrations/Text/index.tsx
-var import_react47 = require("react");
-var import_react_router_dom6 = require("react-router-dom");
+var import_react49 = require("react");
+var import_react_router_dom7 = require("react-router-dom");
 var import_design_system_react_components35 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react20 = require("@livechat/developer-studio-ui-react");
 var import_platform_integrations4 = require("@livechat/platform-integrations");
 function GlobalAccounts(props) {
-  const { pathname } = (0, import_react_router_dom6.useLocation)();
+  const { pathname } = (0, import_react_router_dom7.useLocation)();
   const notifications = (0, import_developer_studio_ui_react20.useNotificationContext)();
   const { user } = (0, import_developer_studio_ui_react20.useUserContext)();
   const organizationProductsQuery = useFetchOrganizationProducts();
@@ -18754,7 +18933,7 @@ function GlobalAccounts(props) {
   const needToBeActivated = organizationProductsQuery.data ? !organizationProductsQuery.data.find(
     (product) => product.product === props.product
   ) : void 0;
-  const refetch = (0, import_react47.useCallback)(() => {
+  const refetch = (0, import_react49.useCallback)(() => {
     void organizationProductsQuery.refetch();
   }, [organizationProductsQuery]);
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react20.Column, { gap: `var(${import_design_system_react_components35.SpacingToken.Spacing3})`, notPadded: true, children: [
@@ -18830,11 +19009,11 @@ function CustomSchemaFormWrapper({
   preselectedTab,
   tabsMetadata
 }) {
-  const spec = (0, import_react48.useMemo)(() => WorkflowSpecification.getItemConfig(data), [data]);
-  const [selectedTab, setSelectedTab] = (0, import_react48.useState)(
+  const spec = (0, import_react50.useMemo)(() => WorkflowSpecification.getItemConfig(data), [data]);
+  const [selectedTab, setSelectedTab] = (0, import_react50.useState)(
     preselectedTab != null ? preselectedTab : !spec || spec.specification.input ? "parameters" : spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? "connection" : void 0
   );
-  const tabItems = (0, import_react48.useMemo)(
+  const tabItems = (0, import_react50.useMemo)(
     () => [
       !spec || spec.specification.input ? { id: "parameters", title: "Parameters" } : void 0,
       spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? {
@@ -18904,7 +19083,7 @@ function HttpNodeForm({
   onChange,
   readonly
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const spec = (_a = metadata.frame.__meta) == null ? void 0 : _a.config;
   if (data.name === "http") {
     return /* @__PURE__ */ jsx4(
@@ -18953,15 +19132,7 @@ function HttpNodeForm({
               data
             }),
             formData: queryParams,
-            formErrors: ((_l = (_k = (_j = metadata.errors) == null ? void 0 : _j.inputParameters) == null ? void 0 : _k.http_request) == null ? void 0 : _l.uri) ? Object.fromEntries(
-              Object.entries(queryParams).map((entry) => {
-                var _a2, _b2, _c2;
-                return [
-                  entry[0],
-                  (_c2 = (_b2 = (_a2 = metadata.errors) == null ? void 0 : _a2.inputParameters) == null ? void 0 : _b2.http_request) == null ? void 0 : _c2.uri
-                ];
-              })
-            ) : void 0,
+            formErrors: ((_l = (_k = (_j = metadata.errors) == null ? void 0 : _j.inputParameters) == null ? void 0 : _k.http_request) == null ? void 0 : _l.uri) ? (_o = (_n = (_m = metadata.errors) == null ? void 0 : _m.inputParameters) == null ? void 0 : _n.http_request) == null ? void 0 : _o.uri : void 0,
             onChange: (formData) => {
               onChange(__spreadProps(__spreadValues({}, data), {
                 inputParameters: __spreadProps(__spreadValues({}, data.inputParameters), {
@@ -18975,14 +19146,14 @@ function HttpNodeForm({
             schema: spec.specification.input.properties.query
           }
         ) : void 0,
-        ((_n = (_m = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _m.properties) == null ? void 0 : _n.body) ? /* @__PURE__ */ jsx4(
+        ((_q = (_p = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _p.properties) == null ? void 0 : _q.body) ? /* @__PURE__ */ jsx4(
           Form_default,
           {
             formContext: __spreadProps(__spreadValues({}, metadata), {
               data
             }),
             formData: data.inputParameters.http_request.body,
-            formErrors: (_q = (_p = (_o = metadata.errors) == null ? void 0 : _o.inputParameters) == null ? void 0 : _p.http_request) == null ? void 0 : _q.body,
+            formErrors: (_t = (_s = (_r = metadata.errors) == null ? void 0 : _r.inputParameters) == null ? void 0 : _s.http_request) == null ? void 0 : _t.body,
             onChange: (formData) => {
               onChange(__spreadProps(__spreadValues({}, data), {
                 inputParameters: __spreadProps(__spreadValues({}, data.inputParameters), {
@@ -19003,10 +19174,10 @@ function HttpNodeForm({
 var Form_default3 = HttpNodeForm;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/HttpNode/Node.tsx
-var import_react50 = require("react");
+var import_react52 = require("react");
 var import_reactflow7 = require("reactflow");
 function HttpNode(node2) {
-  const [isHovered, setIsHovered] = (0, import_react50.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react52.useState)(false);
   const {
     removeTask,
     goToAddTask,
@@ -19075,7 +19246,7 @@ function HttpNode(node2) {
     }
   );
 }
-var Node_default2 = (0, import_react50.memo)(HttpNode);
+var Node_default2 = (0, import_react52.memo)(HttpNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/JoinNode/Base.tsx
 var import_design_system_icons17 = require("@livechat/design-system-icons");
@@ -19186,7 +19357,7 @@ function JoinNodeForm({
 var Form_default4 = JoinNodeForm;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/JoinNode/Node.tsx
-var import_react52 = require("react");
+var import_react54 = require("react");
 var import_reactflow8 = require("reactflow");
 function JoinNode(node2) {
   const {
@@ -19229,7 +19400,7 @@ function JoinNode(node2) {
     }
   ) });
 }
-var Node_default3 = (0, import_react52.memo)(JoinNode);
+var Node_default3 = (0, import_react54.memo)(JoinNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/SwitchNode/Base.tsx
 var import_design_system_icons18 = require("@livechat/design-system-icons");
@@ -19366,7 +19537,7 @@ function SwitchNodeForm({
 var Form_default5 = SwitchNodeForm;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/SwitchNode/Node.tsx
-var import_react54 = require("react");
+var import_react56 = require("react");
 var import_reactflow9 = require("reactflow");
 var import_design_system_react_components39 = require("@livechat/design-system-react-components");
 var handlerWrapperCss = css`
@@ -19386,7 +19557,7 @@ var handlerWrapperCss = css`
   }
 `;
 function SwitchNode(node2) {
-  const [isHovered, setIsHovered] = (0, import_react54.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react56.useState)(false);
   const {
     removeTask,
     goToAddTask,
@@ -19473,7 +19644,7 @@ function SwitchNode(node2) {
     }
   );
 }
-var Node_default4 = (0, import_react54.memo)(SwitchNode);
+var Node_default4 = (0, import_react56.memo)(SwitchNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TerminateNode/Base.tsx
 var import_design_system_icons19 = require("@livechat/design-system-icons");
@@ -19575,10 +19746,10 @@ function TerminateNodeForm({
 var Form_default6 = TerminateNodeForm;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TerminateNode/Node.tsx
-var import_react56 = require("react");
+var import_react58 = require("react");
 var import_reactflow10 = require("reactflow");
 function TerminateNode(node2) {
-  const [isHovered, setIsHovered] = (0, import_react56.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react58.useState)(false);
   const {
     removeTask,
     goToAddTask,
@@ -19630,7 +19801,7 @@ function TerminateNode(node2) {
     }
   );
 }
-var Node_default5 = (0, import_react56.memo)(TerminateNode);
+var Node_default5 = (0, import_react58.memo)(TerminateNode);
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TriggerNode/Base.tsx
 var import_design_system_react_components41 = require("@livechat/design-system-react-components");
@@ -19744,7 +19915,7 @@ function TriggerNodeBase({
 var Base_default6 = TriggerNodeBase;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TriggerNode/Form.tsx
-var import_react58 = require("react");
+var import_react60 = require("react");
 var import_react_js_cron = require("react-js-cron");
 var import_design_system_react_components42 = require("@livechat/design-system-react-components");
 var cronCss = css`
@@ -19781,7 +19952,7 @@ var cronCss = css`
   }
 `;
 function CronWrapper(props) {
-  const [state, setState] = (0, import_react58.useState)(props.value);
+  const [state, setState] = (0, import_react60.useState)(props.value);
   return /* @__PURE__ */ jsx4(
     import_react_js_cron.Cron,
     {
@@ -19854,10 +20025,10 @@ function TriggerNodeForm({
 var Form_default7 = TriggerNodeForm;
 
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TriggerNode/Node.tsx
-var import_react60 = require("react");
+var import_react62 = require("react");
 var import_reactflow11 = require("reactflow");
 function TriggerNode(node2) {
-  const [isHovered, setIsHovered] = (0, import_react60.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react62.useState)(false);
   const {
     goToAddTask,
     removeTrigger,
@@ -19912,11 +20083,11 @@ function TriggerNode(node2) {
     }
   );
 }
-var Node_default6 = (0, import_react60.memo)(TriggerNode);
+var Node_default6 = (0, import_react62.memo)(TriggerNode);
 
 // src/views/Workflows/Creator/Builder/Controls/CustomControls.tsx
-var import_react80 = require("react");
-var import_react_router_dom9 = require("react-router-dom");
+var import_react82 = require("react");
+var import_react_router_dom10 = require("react-router-dom");
 var import_reactflow12 = require("reactflow");
 var import_design_system_icons26 = require("@livechat/design-system-icons");
 var import_design_system_react_components58 = require("@livechat/design-system-react-components");
@@ -20048,12 +20219,12 @@ function StopGenerateButton() {
 }
 
 // src/views/Workflows/Common/One/widget/message-box/AskButton.tsx
-var import_react64 = require("react");
+var import_react66 = require("react");
 var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
 var import_design_system_react_components45 = require("@livechat/design-system-react-components");
 
 // src/views/Workflows/Common/One/hooks/useAboveCharacterLimit.ts
-var import_react62 = require("react");
+var import_react64 = require("react");
 var import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 
 // src/views/Workflows/Common/One/widget/message-box/constants.ts
@@ -20062,8 +20233,8 @@ var ONE_CHARACTER_LIMIT = 1e4;
 // src/views/Workflows/Common/One/hooks/useAboveCharacterLimit.ts
 var useAboveCharacterLimit = () => {
   const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
-  const [aboveLimit, setAboveLimit] = (0, import_react62.useState)(0);
-  (0, import_react62.useEffect)(() => {
+  const [aboveLimit, setAboveLimit] = (0, import_react64.useState)(0);
+  (0, import_react64.useEffect)(() => {
     const registerTextContentListener = editor.registerTextContentListener(
       (textContent) => {
         setAboveLimit(textContent.length - ONE_CHARACTER_LIMIT);
@@ -20080,13 +20251,13 @@ var useAboveCharacterLimit = () => {
 };
 
 // src/views/Workflows/Common/One/hooks/useSendOneMessage.ts
-var import_react63 = require("react");
+var import_react65 = require("react");
 var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
 var import_lexical = require("lexical");
 var useSendOneMessage = () => {
   const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
-  const { sendMessage: sendMessage2 } = (0, import_react63.useContext)(OneMessagesContext);
-  const onSend = (0, import_react63.useCallback)(() => {
+  const { sendMessage: sendMessage2 } = (0, import_react65.useContext)(OneMessagesContext);
+  const onSend = (0, import_react65.useCallback)(() => {
     var _a;
     const messageToSend = (_a = editor.getRootElement()) == null ? void 0 : _a.innerText.trim();
     if (!messageToSend) {
@@ -20100,12 +20271,12 @@ var useSendOneMessage = () => {
 
 // src/views/Workflows/Common/One/widget/message-box/AskButton.tsx
 function AskButton() {
-  const [isDisabled, setIsDisabled] = (0, import_react64.useState)(true);
+  const [isDisabled, setIsDisabled] = (0, import_react66.useState)(true);
   const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
   const isLoading = false;
   const { isAboveLimit } = useAboveCharacterLimit();
   const handleSend = useSendOneMessage();
-  (0, import_react64.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const registerTextContentListener = editor.registerTextContentListener(
       (textContent) => {
         setIsDisabled(!textContent);
@@ -20179,34 +20350,34 @@ var import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin")
 var import_LexicalPlainTextPlugin = require("@lexical/react/LexicalPlainTextPlugin");
 
 // src/views/Workflows/Common/One/widget/message-box/custom-plugins/AutoFocusPlugin.tsx
-var import_react65 = require("react");
+var import_react67 = require("react");
 var import_LexicalComposerContext4 = require("@lexical/react/LexicalComposerContext");
 function AutoFocusPlugin() {
   const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
-  const handleFocus = (0, import_react65.useCallback)(() => {
+  const handleFocus = (0, import_react67.useCallback)(() => {
     editor.focus();
   }, [editor]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     handleFocus();
   }, []);
   return null;
 }
 
 // src/views/Workflows/Common/One/widget/message-box/custom-plugins/EnterDownPlugin.tsx
-var import_react66 = require("react");
+var import_react68 = require("react");
 var import_LexicalComposerContext5 = require("@lexical/react/LexicalComposerContext");
 var import_lexical2 = require("lexical");
 function EnterDownPlugin({ isCommandMenuVisibleRef }) {
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
   const isLoading = false;
   const handleSendMessage = useSendOneMessage();
-  const onEnterDown = (0, import_react66.useCallback)(() => {
+  const onEnterDown = (0, import_react68.useCallback)(() => {
     if (isLoading || (isCommandMenuVisibleRef == null ? void 0 : isCommandMenuVisibleRef.current)) {
       return;
     }
     handleSendMessage({ enter: true, messageBox: true });
   }, [handleSendMessage, isLoading, isCommandMenuVisibleRef]);
-  (0, import_react66.useEffect)(
+  (0, import_react68.useEffect)(
     () => editor.registerCommand(
       import_lexical2.KEY_ENTER_COMMAND,
       (event) => {
@@ -20267,10 +20438,10 @@ function OneMessageBox() {
 }
 
 // src/views/Workflows/Common/One/widget/OneChatFeedContent.tsx
-var import_react79 = require("react");
+var import_react81 = require("react");
 
 // src/views/Workflows/Common/One/hooks/useScroll.ts
-var import_react67 = require("react");
+var import_react69 = require("react");
 var import_lodash4 = __toESM(require("lodash.debounce"));
 var useScroll = ({
   oneChatFeedRef,
@@ -20278,10 +20449,10 @@ var useScroll = ({
   additionalEvents
 }) => {
   const oneScrollPosition = 0;
-  const currentScrollPosition = (0, import_react67.useRef)(null);
-  const isScrolledToBottom = (0, import_react67.useRef)(true);
-  const timeoutRef = (0, import_react67.useRef)(null);
-  const scrollToBottom = (0, import_react67.useCallback)(() => {
+  const currentScrollPosition = (0, import_react69.useRef)(null);
+  const isScrolledToBottom = (0, import_react69.useRef)(true);
+  const timeoutRef = (0, import_react69.useRef)(null);
+  const scrollToBottom = (0, import_react69.useCallback)(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
     }
@@ -20297,7 +20468,7 @@ var useScroll = ({
       }
     };
   }, []);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     var _a;
     if (!oneScrollPosition) {
       scrollToBottom();
@@ -20306,12 +20477,12 @@ var useScroll = ({
     (_a = oneChatFeedRef.current) == null ? void 0 : _a.scrollTo({ top: oneScrollPosition });
     currentScrollPosition.current = oneScrollPosition;
   }, []);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (additionalEvents && isScrolledToBottom.current) {
       scrollToBottom();
     }
   }, [scrollToBottom, additionalEvents]);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const [lastGroupEvent] = groupedEvents.slice(-1)[0];
     const isLastMessageFromAgent = lastGroupEvent.authorType === "agent" /* Agent */;
     if (isLastMessageFromAgent || isScrolledToBottom.current) {
@@ -20871,7 +21042,7 @@ function OneErrorEvent({ eventId }) {
 }
 
 // src/views/Workflows/Common/One/widget/events/OneImageEvent.tsx
-var import_react71 = require("react");
+var import_react73 = require("react");
 
 // src/views/Workflows/Common/One/components/SkeletonLine.tsx
 var import_design_system_react_components49 = require("@livechat/design-system-react-components");
@@ -20934,8 +21105,8 @@ function SkeletonLine({
 
 // src/views/Workflows/Common/One/widget/events/OneImageEvent.tsx
 function OneImageEvent({ imageUrl }) {
-  const [isLoaded, setIsLoaded] = (0, import_react71.useState)(false);
-  (0, import_react71.useEffect)(() => {
+  const [isLoaded, setIsLoaded] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => {
     const image = new Image();
     image.src = imageUrl;
     image.onload = () => {
@@ -20957,7 +21128,7 @@ function OneImageEvent({ imageUrl }) {
 }
 
 // src/views/Workflows/Common/One/components/TypingIndicator.tsx
-var import_react72 = require("react");
+var import_react74 = require("react");
 var import_design_system_react_components50 = require("@livechat/design-system-react-components");
 var typingAnimation = keyframes`
 	0% {
@@ -20998,7 +21169,7 @@ var typingIndicator2 = css`
     }
   }
 `;
-var TypingIndicator = (0, import_react72.memo)(function TypingIndicatorInner() {
+var TypingIndicator = (0, import_react74.memo)(function TypingIndicatorInner() {
   return /* @__PURE__ */ jsxs2("div", { css: typingIndicator2, "data-test": "typing-indicator", children: [
     /* @__PURE__ */ jsx4("span", {}),
     /* @__PURE__ */ jsx4("span", {}),
@@ -21018,10 +21189,10 @@ var import_design_system_react_components55 = require("@livechat/design-system-r
 var import_react_markdown = __toESM(require("react-markdown"));
 
 // src/views/Workflows/Common/One/widget/events/OneLinkWithTooltip.tsx
-var import_react_router_dom7 = require("react-router-dom");
+var import_react_router_dom8 = require("react-router-dom");
 var import_design_system_react_components51 = require("@livechat/design-system-react-components");
 function OneLinkWithTooltip({ children, href }) {
-  const trigger = href ? /* @__PURE__ */ jsx4(import_react_router_dom7.Link, { css: linkTrigger, to: href, children }) : /* @__PURE__ */ jsx4("span", { css: linkTrigger, children });
+  const trigger = href ? /* @__PURE__ */ jsx4(import_react_router_dom8.Link, { css: linkTrigger, to: href, children }) : /* @__PURE__ */ jsx4("span", { css: linkTrigger, children });
   return /* @__PURE__ */ jsx4(
     import_design_system_react_components51.Tooltip,
     {
@@ -21086,7 +21257,7 @@ var MarkdownEventRenderer = ({ children }) => /* @__PURE__ */ jsx4(
 );
 
 // src/views/Workflows/Common/One/components/NavigateButton.tsx
-var import_react_router_dom8 = require("react-router-dom");
+var import_react_router_dom9 = require("react-router-dom");
 var import_design_system_icons22 = require("@livechat/design-system-icons");
 var import_design_system_react_components52 = require("@livechat/design-system-react-components");
 var navigateButtonCss = css`
@@ -21104,7 +21275,7 @@ function NavigateButton({
   kind,
   iconPosition
 }) {
-  const navigate = (0, import_react_router_dom8.useNavigate)();
+  const navigate = (0, import_react_router_dom9.useNavigate)();
   const handleButtonClick = () => {
     if (isExternal) {
       window.open(url, "_blank");
@@ -21129,13 +21300,13 @@ function NavigateButton({
 }
 
 // src/views/Workflows/Common/One/widget/events/OneAssistantMessageBottomBar.tsx
-var import_react78 = require("react");
+var import_react80 = require("react");
 var import_design_system_icons24 = require("@livechat/design-system-icons");
 var import_design_system_react_components54 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react24 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Common/One/components/ApplyWorkflowButton.tsx
-var import_react76 = require("react");
+var import_react78 = require("react");
 var import_design_system_icons23 = require("@livechat/design-system-icons");
 var import_design_system_react_components53 = require("@livechat/design-system-react-components");
 var buttonCss = css`
@@ -21147,7 +21318,7 @@ function ApplyWorkflowButton({
   updateWorkflow,
   previewWorkflow
 }) {
-  const [isApplied, setIsApplied] = (0, import_react76.useState)(false);
+  const [isApplied, setIsApplied] = (0, import_react78.useState)(false);
   const workflowExtraction = extractWorkflowFromEvent(event);
   const isEditingWorkflow = false;
   const applyWorkflow = () => {
@@ -21217,7 +21388,7 @@ function OneAssistantMessageBottomBar({
   previewWorkflow
 }) {
   var _a, _b, _c;
-  const [isSourcesVisible, setIsSourcesVisible] = (0, import_react78.useState)(false);
+  const [isSourcesVisible, setIsSourcesVisible] = (0, import_react80.useState)(false);
   const toggleIsSourcesVisible = () => {
     setIsSourcesVisible((prev2) => !prev2);
   };
@@ -21517,7 +21688,7 @@ function OneChatFeedContent({
   updateWorkflow,
   previewWorkflow
 }) {
-  const oneChatFeedRef = (0, import_react79.useRef)(null);
+  const oneChatFeedRef = (0, import_react81.useRef)(null);
   const { groupedEvents, hasAdditionalEvents } = useOneMessagesContext();
   const { handleScroll } = useScroll({
     oneChatFeedRef,
@@ -21612,15 +21783,15 @@ function CustomControls({
   previewWorkflow
 }) {
   var _a;
-  const navigate = (0, import_react_router_dom9.useNavigate)();
+  const navigate = (0, import_react_router_dom10.useNavigate)();
   const { fitView, zoomIn, zoomOut } = (0, import_reactflow12.useReactFlow)();
   const { toggleOneWidget, isOpen } = useOneWidgetContext();
   const {
     state: { visibility },
     focus
   } = useWorkflowCreator();
-  const location = (0, import_react_router_dom9.useLocation)();
-  (0, import_react80.useEffect)(() => {
+  const location = (0, import_react_router_dom10.useLocation)();
+  (0, import_react82.useEffect)(() => {
     var _a2;
     if ((_a2 = location.state) == null ? void 0 : _a2.openOne) {
       if (!isOpen) {
@@ -21725,8 +21896,8 @@ function CustomControls({
 var CustomControls_default = CustomControls;
 
 // src/views/Workflows/Creator/Builder/Controls/SwitcherControls.tsx
-var import_react82 = require("react");
-var import_react_router_dom10 = require("react-router-dom");
+var import_react84 = require("react");
+var import_react_router_dom11 = require("react-router-dom");
 var import_reactflow13 = require("reactflow");
 var import_design_system_react_components59 = require("@livechat/design-system-react-components");
 var import_jsx_runtime90 = require("react/jsx-runtime");
@@ -21735,10 +21906,10 @@ function SwitcherControls({
   hasRelatedWorkflow,
   relatedWorkflowId
 }) {
-  const [currentView, setCurrentView] = (0, import_react82.useState)(
+  const [currentView, setCurrentView] = (0, import_react84.useState)(
     isDraft ? "draft" : "published"
   );
-  const navigate = (0, import_react_router_dom10.useNavigate)();
+  const navigate = (0, import_react_router_dom11.useNavigate)();
   const {
     focus,
     state: { visibility }
@@ -22260,13 +22431,13 @@ function WorkflowBuilder() {
     []
   );
   const [edges, setEdges, onEdgesChange] = (0, import_reactflow16.useEdgesState)([]);
-  const onConnect = (0, import_react84.useCallback)(
+  const onConnect = (0, import_react86.useCallback)(
     (params) => {
       setEdges((eds) => (0, import_reactflow16.addEdge)(params, eds));
     },
     [setEdges]
   );
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     void (() => __async(this, null, function* () {
       const { nodes: nodes2, edges: edges2 } = yield convertWorkflowDefinitionToReactflow(
         workflow
@@ -22398,8 +22569,8 @@ function PreviewWorkflowModal({
   onApply,
   onClose
 }) {
-  const navigate = (0, import_react_router_dom11.useNavigate)();
-  const handleClose = (0, import_react85.useCallback)(
+  const navigate = (0, import_react_router_dom12.useNavigate)();
+  const handleClose = (0, import_react87.useCallback)(
     (target) => {
       if (onClose) {
         onClose();
@@ -22413,7 +22584,7 @@ function PreviewWorkflowModal({
     },
     [onClose, navigate]
   );
-  const handleApply = (0, import_react85.useCallback)(() => {
+  const handleApply = (0, import_react87.useCallback)(() => {
     if (onApply) {
       onApply();
     }
@@ -22499,40 +22670,57 @@ function PublishWorkflowModal({
     },
     publishDraft
   } = useWorkflowCreator();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system_react_components64.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-    import_developer_studio_ui_react28.ActionModalContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    import_design_system_react_components64.Modal,
     {
-      actions: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system_react_components64.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-          import_design_system_react_components64.Button,
-          {
-            kind: "primary",
-            loading: isPublishing,
-            onClick: () => void publishDraft({
-              confirmed: true
-            }),
-            children: "Publish workflow"
-          }
-        )
-      ] }),
-      heading: "You are publishing a workflow",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-        import_design_system_react_components64.Icon,
+      heading: true,
+      onClose,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.publish.wrapper,
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        import_developer_studio_ui_react28.ActionModalContent,
         {
-          customColor: `var(${import_design_system_react_components64.DesignToken.ContentBasicDisabled})`,
-          size: "xxlarge",
-          source: import_design_system_icons27.Error
+          actions: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              import_design_system_react_components64.Button,
+              {
+                kind: "secondary",
+                onClick: onClose,
+                "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.publish.cancelButton,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              import_design_system_react_components64.Button,
+              {
+                kind: "primary",
+                loading: isPublishing,
+                onClick: () => void publishDraft({
+                  confirmed: true
+                }),
+                "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.publish.saveButton,
+                children: "Publish workflow"
+              }
+            )
+          ] }),
+          heading: "You are publishing a workflow",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+            import_design_system_react_components64.Icon,
+            {
+              customColor: `var(${import_design_system_react_components64.DesignToken.ContentBasicDisabled})`,
+              size: "xxlarge",
+              source: import_design_system_icons27.Error
+            }
+          ),
+          children: "Once published, this will be the working version of your workflow and will\xA0be\xA0automatically set to active."
         }
-      ),
-      children: "Once published, this will be the working version of your workflow and will\xA0be\xA0automatically set to active."
+      )
     }
-  ) });
+  );
 }
 
 // src/views/Workflows/Creator/View.tsx
-var import_react93 = require("react");
-var import_react_router_dom16 = require("react-router-dom");
+var import_react95 = require("react");
+var import_react_router_dom17 = require("react-router-dom");
 var import_reactflow17 = require("reactflow");
 var import_design_system_react_components71 = require("@livechat/design-system-react-components");
 
@@ -22542,10 +22730,10 @@ var sendMessage = (type) => {
 };
 
 // src/views/Workflows/Creator/Panels/Details/index.tsx
-var import_react_router_dom13 = require("react-router-dom");
+var import_react_router_dom14 = require("react-router-dom");
 
 // src/views/Workflows/Creator/Panels/Details/Panel.tsx
-var import_react_router_dom12 = require("react-router-dom");
+var import_react_router_dom13 = require("react-router-dom");
 var import_design_system_icons29 = require("@livechat/design-system-icons");
 var import_design_system_react_components67 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react31 = require("@livechat/developer-studio-ui-react");
@@ -22553,6 +22741,7 @@ var import_developer_studio_ui_react31 = require("@livechat/developer-studio-ui-
 // src/views/Workflows/Creator/Panels/Details/Executions/List.tsx
 var import_design_system_icons28 = require("@livechat/design-system-icons");
 var import_design_system_react_components65 = require("@livechat/design-system-react-components");
+var import_developer_studio_api27 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react29 = require("@livechat/developer-studio-ui-react");
 var tableCss = css`
   font-size: 13px;
@@ -22586,22 +22775,18 @@ function WorkflowExecutionList({
       /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react29.formatUSADate)(execution.started_at) }),
       /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react29.formatUSADate)(execution.ended_at) }),
       /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
-        import_design_system_react_components65.Badge,
+        import_design_system_react_components65.Tag,
         {
-          css: css`
-                      display: flex;
-                      background-color: ${execution.status === "COMPLETED" ? `var(${import_design_system_react_components65.DesignToken.SurfaceAccentEmphasisLowPositive})` : `var(${import_design_system_react_components65.DesignToken.SurfaceAccentEmphasisLowNegative})`};
-                      color: ${execution.status === "COMPLETED" ? `var(${import_design_system_react_components65.DesignToken.ContentBasicPositive})` : `var(${import_design_system_react_components65.DesignToken.ContentBasicNegative})`};
-                    `,
-          children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react29.Row, { gap: 4, notPadded: true, children: [
-            /* @__PURE__ */ jsx4(
-              import_design_system_react_components65.Icon,
-              {
-                source: execution.status === "COMPLETED" ? import_design_system_icons28.CheckCircle : import_design_system_icons28.CloseCircle
-              }
-            ),
-            execution.status
-          ] })
+          size: "small",
+          kind: execution.status === import_developer_studio_api27.WorkflowExecutionStatus.Completed ? "success" : "error",
+          leftNode: /* @__PURE__ */ jsx4(
+            import_design_system_react_components65.Icon,
+            {
+              size: "small",
+              source: execution.status === import_developer_studio_api27.WorkflowExecutionStatus.Completed ? import_design_system_icons28.CheckCircle : import_design_system_icons28.CloseCircle
+            }
+          ),
+          children: execution.status
         }
       ) })
     ] }, execution.id)) : /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 4, children: "No executions" }) }) })
@@ -22699,8 +22884,8 @@ function WorkflowDetailsPanel({
   onClose
 }) {
   var _a, _b, _c, _d, _e;
-  const navigate = (0, import_react_router_dom12.useNavigate)();
-  const { id, tab } = (0, import_react_router_dom12.useParams)();
+  const navigate = (0, import_react_router_dom13.useNavigate)();
+  const { id, tab } = (0, import_react_router_dom13.useParams)();
   const workflowQuery = useFetchWorkflow(id);
   const workflowExecutionsQuery = useFetchWorkflowExecutionList(id);
   const relatedWorkflowQuery = useFetchWorkflow(
@@ -22801,10 +22986,10 @@ function WorkflowDetails({
   onClose,
   headerType
 }) {
-  return /* @__PURE__ */ jsxs2(import_react_router_dom13.Routes, { children: [
-    /* @__PURE__ */ jsx4(import_react_router_dom13.Route, { element: /* @__PURE__ */ jsx4(import_react_router_dom13.Navigate, { replace: true, to: "info" }), path: "" }),
+  return /* @__PURE__ */ jsxs2(import_react_router_dom14.Routes, { children: [
+    /* @__PURE__ */ jsx4(import_react_router_dom14.Route, { element: /* @__PURE__ */ jsx4(import_react_router_dom14.Navigate, { replace: true, to: "info" }), path: "" }),
     /* @__PURE__ */ jsx4(
-      import_react_router_dom13.Route,
+      import_react_router_dom14.Route,
       {
         element: /* @__PURE__ */ jsx4(Panel_default, { headerType, onClose }),
         path: ":tab/*"
@@ -22814,9 +22999,9 @@ function WorkflowDetails({
 }
 
 // src/views/Workflows/Creator/Panels/Editor/Panel.tsx
-var import_react88 = require("react");
-var import_react_router_dom14 = require("react-router-dom");
-var import_react89 = require("@monaco-editor/react");
+var import_react90 = require("react");
+var import_react_router_dom15 = require("react-router-dom");
+var import_react91 = require("@monaco-editor/react");
 var import_design_system_icons30 = require("@livechat/design-system-icons");
 var import_design_system_react_components68 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react32 = require("@livechat/developer-studio-ui-react");
@@ -22842,15 +23027,15 @@ function configureMonaco(monaco) {
   });
 }
 function WorkflowEditorPanel({ onClose }) {
-  const navigate = (0, import_react_router_dom14.useNavigate)();
+  const navigate = (0, import_react_router_dom15.useNavigate)();
   const {
     state: { workflow },
     replaceWorkflow,
     focus
   } = useWorkflowCreator();
-  const editorRef = (0, import_react88.useRef)();
-  const [, setIsModified] = (0, import_react88.useState)(false);
-  const [, setJsonErrors] = (0, import_react88.useState)([]);
+  const editorRef = (0, import_react90.useRef)();
+  const [, setIsModified] = (0, import_react90.useState)(false);
+  const [, setJsonErrors] = (0, import_react90.useState)([]);
   const filteredWorkflow = {
     definition: workflow.definition,
     trigger: workflow.trigger
@@ -22875,7 +23060,7 @@ function WorkflowEditorPanel({ onClose }) {
       )
     ] }),
     /* @__PURE__ */ jsx4(WorkflowSidebarContent, { children: /* @__PURE__ */ jsx4(
-      import_react89.Editor,
+      import_react91.Editor,
       {
         height: "100%",
         language: "json",
@@ -22918,7 +23103,7 @@ var Panel_default2 = WorkflowEditorPanel;
 // src/views/Workflows/Creator/Panels/Element/Panel.tsx
 var import_design_system_icons31 = require("@livechat/design-system-icons");
 var import_design_system_react_components69 = require("@livechat/design-system-react-components");
-var import_developer_studio_api27 = require("@livechat/developer-studio-api");
+var import_developer_studio_api28 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react33 = require("@livechat/developer-studio-ui-react");
 var import_styles4 = require("react-js-cron/dist/styles.css");
 var formCss = () => css`
@@ -23076,71 +23261,78 @@ function WorkflowElementPanel() {
       default:
     }
   };
-  const revertIconColor = getWorkflowsEnv("isHeadless") && ((config2 == null ? void 0 : config2.customization.provider) === import_developer_studio_api27.IntegrationNames.OpenAI || (config2 == null ? void 0 : config2.customization.provider) === import_developer_studio_api27.IntegrationNames.BigCommerce);
-  return /* @__PURE__ */ jsxs2(Wrapper4, { children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
-      /* @__PURE__ */ jsx4(
-        Header7,
-        {
-          css: css`
+  const revertIconColor = getWorkflowsEnv("isHeadless") && ((config2 == null ? void 0 : config2.customization.provider) === import_developer_studio_api28.IntegrationNames.OpenAI || (config2 == null ? void 0 : config2.customization.provider) === import_developer_studio_api28.IntegrationNames.BigCommerce);
+  return /* @__PURE__ */ jsxs2(
+    Wrapper4,
+    {
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.element.wrapper,
+      children: [
+        " ",
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
+          /* @__PURE__ */ jsx4(
+            Header7,
+            {
+              css: css`
             max-width: 85%;
           `,
-          children: /* @__PURE__ */ jsxs2(Title7, { children: [
-            (config2 == null ? void 0 : config2.customization.product) ? /* @__PURE__ */ jsx4(
-              ProductIcon_default,
-              {
-                center: true,
-                disabled: false,
-                height: 10,
-                product: config2.customization.provider,
-                revertColors: revertIconColor,
-                width: 10
-              }
-            ) : /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
-              import_design_system_react_components69.Icon,
-              {
-                css: css`
+              children: /* @__PURE__ */ jsxs2(Title7, { children: [
+                (config2 == null ? void 0 : config2.customization.product) ? /* @__PURE__ */ jsx4(
+                  ProductIcon_default,
+                  {
+                    center: true,
+                    disabled: false,
+                    height: 10,
+                    product: config2.customization.provider,
+                    revertColors: revertIconColor,
+                    width: 10
+                  }
+                ) : /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
+                  import_design_system_react_components69.Icon,
+                  {
+                    css: css`
                     width: var(${import_design_system_react_components69.SpacingToken.Spacing6});
                   `,
-                size: "xlarge",
-                source: import_design_system_icons31.Automation
-              }
-            ) }),
-            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Column, { noFlexBasis: true, notPadded: true, children: [
-              /* @__PURE__ */ jsxs2("strong", { children: [
-                ((_d = frame == null ? void 0 : frame.__meta) == null ? void 0 : _d.index) !== void 0 ? `${frame.__meta.index}. ` : "",
-                (_e = config2 == null ? void 0 : config2.customization.displayName) != null ? _e : data.type === NodeNames.switch ? "Condition" : data.type === NodeNames.http ? "Custom HTTP" : data.type === NodeNames.terminate ? "End workflow" : ""
-              ] }),
-              (_f = config2 == null ? void 0 : config2.customization.description) != null ? _f : data.type === NodeNames.switch ? "Conditional execution" : data.type === NodeNames.http ? "Make an HTTP request" : data.type === NodeNames.terminate ? "End the workflow" : ""
-            ] })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx4(
-        import_design_system_react_components69.Button,
-        {
-          kind: "plain",
-          onClick: () => {
-            toggle();
-          },
-          children: /* @__PURE__ */ jsx4(import_design_system_react_components69.Icon, { source: import_design_system_icons31.Close })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Row, { css: formCss, children: contentHandler() })
-  ] });
+                    size: "xlarge",
+                    source: import_design_system_icons31.Automation
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Column, { noFlexBasis: true, notPadded: true, children: [
+                  /* @__PURE__ */ jsxs2("strong", { children: [
+                    ((_d = frame == null ? void 0 : frame.__meta) == null ? void 0 : _d.index) !== void 0 ? `${frame.__meta.index}. ` : "",
+                    (_e = config2 == null ? void 0 : config2.customization.displayName) != null ? _e : data.type === NodeNames.switch ? "Condition" : data.type === NodeNames.http ? "Custom HTTP" : data.type === NodeNames.terminate ? "End workflow" : ""
+                  ] }),
+                  (_f = config2 == null ? void 0 : config2.customization.description) != null ? _f : data.type === NodeNames.switch ? "Conditional execution" : data.type === NodeNames.http ? "Make an HTTP request" : data.type === NodeNames.terminate ? "End the workflow" : ""
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            import_design_system_react_components69.Button,
+            {
+              kind: "plain",
+              onClick: () => {
+                toggle();
+              },
+              children: /* @__PURE__ */ jsx4(import_design_system_react_components69.Icon, { source: import_design_system_icons31.Close })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Row, { css: formCss, children: contentHandler() })
+      ]
+    }
+  );
 }
 var Panel_default3 = WorkflowElementPanel;
 
 // src/views/Workflows/Creator/Navbar.tsx
-var import_react91 = require("react");
-var import_react_router_dom15 = require("react-router-dom");
+var import_react93 = require("react");
+var import_react_router_dom16 = require("react-router-dom");
 var import_design_system_icons32 = require("@livechat/design-system-icons");
 var import_design_system_react_components70 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react34 = require("@livechat/developer-studio-ui-react");
 function WorkflowCreatorNavbar() {
   var _a, _b, _c, _d, _e;
-  const navigate = (0, import_react_router_dom15.useNavigate)();
+  const navigate = (0, import_react_router_dom16.useNavigate)();
   const {
     state: {
       workflow,
@@ -23153,14 +23345,14 @@ function WorkflowCreatorNavbar() {
     publishDraft,
     toggle
   } = useWorkflowCreator();
-  const inputRef = (0, import_react91.useRef)(null);
-  const [isNameChanging, setIsNameChanging] = (0, import_react91.useState)(false);
-  const [workflowName, setWorkflowName] = (0, import_react91.useState)(workflow.name);
+  const inputRef = (0, import_react93.useRef)(null);
+  const [isNameChanging, setIsNameChanging] = (0, import_react93.useState)(false);
+  const [workflowName, setWorkflowName] = (0, import_react93.useState)(workflow.name);
   const { user } = (0, import_developer_studio_ui_react34.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  (0, import_react91.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     setWorkflowName(workflow.name);
   }, [workflow.name]);
   (0, import_developer_studio_ui_react34.useOnClickOutside)(inputRef, () => {
@@ -23335,7 +23527,8 @@ function WorkflowCreatorNavbar() {
                         on: workflow.active,
                         onChange: () => void activate(),
                         size: "medium",
-                        state: isActivating ? "loading" : workflow.draft ? "locked" : "regular"
+                        state: isActivating ? "loading" : workflow.draft ? "locked" : "regular",
+                        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.navbar.activateSwitch
                       }
                     ),
                     children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
@@ -23354,7 +23547,15 @@ function WorkflowCreatorNavbar() {
                 workflow.draft ? !workflow.trigger.type || !workflow.definition.tasks.length ? /* @__PURE__ */ jsxs2(
                   import_design_system_react_components70.Tooltip,
                   {
-                    triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components70.Button, { disabled: true, kind: "primary", children: "Publish" }),
+                    triggerRenderer: /* @__PURE__ */ jsx4(
+                      import_design_system_react_components70.Button,
+                      {
+                        disabled: true,
+                        kind: "primary",
+                        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.navbar.publishButton,
+                        children: "Publish"
+                      }
+                    ),
                     children: [
                       !workflow.trigger.type && "To publish a workflow, add a trigger.",
                       !workflow.definition.tasks.length && "To publish a workflow, add at least one task."
@@ -23372,6 +23573,7 @@ function WorkflowCreatorNavbar() {
                       );
                       void publishDraft();
                     },
+                    "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.navbar.publishButton,
                     children: "Publish"
                   }
                 ) : /* @__PURE__ */ jsx4(
@@ -23387,6 +23589,7 @@ function WorkflowCreatorNavbar() {
                       }
                       void createDraft();
                     },
+                    "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.navbar.editButton,
                     children: "Edit"
                   }
                 )
@@ -23420,7 +23623,7 @@ function WorkflowCreatorView() {
     focus
   } = useWorkflowCreator();
   const { fitView } = (0, import_reactflow17.useReactFlow)();
-  (0, import_react93.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (getWorkflowsEnv("isLiveChatMode")) {
       sendMessage("closeSideNav" /* CloseSideNav */);
       const timeoutId = setTimeout(() => {
@@ -23439,10 +23642,10 @@ function WorkflowCreatorView() {
     /* @__PURE__ */ jsx4(Navbar_default, {}),
     /* @__PURE__ */ jsxs2(WorkflowCreatorContent, { grayBackground: getWorkflowsEnv("isHeadless"), children: [
       /* @__PURE__ */ jsx4(Diagram_default, {}),
-      (selection == null ? void 0 : selection.isEditable) ? /* @__PURE__ */ jsx4(Panel_default3, {}) : /* @__PURE__ */ jsxs2(import_react_router_dom16.Routes, { children: [
-        /* @__PURE__ */ jsx4(import_react_router_dom16.Route, { element: /* @__PURE__ */ jsx4(Panel_default2, {}), path: "editor" }),
+      (selection == null ? void 0 : selection.isEditable) ? /* @__PURE__ */ jsx4(Panel_default3, {}) : /* @__PURE__ */ jsxs2(import_react_router_dom17.Routes, { children: [
+        /* @__PURE__ */ jsx4(import_react_router_dom17.Route, { element: /* @__PURE__ */ jsx4(Panel_default2, {}), path: "editor" }),
         /* @__PURE__ */ jsx4(
-          import_react_router_dom16.Route,
+          import_react_router_dom17.Route,
           {
             element: /* @__PURE__ */ jsx4(
               WorkflowDetails,
@@ -23464,9 +23667,9 @@ var View_default = WorkflowCreatorView;
 // src/views/Workflows/Creator/index.tsx
 function WorkflowCreator() {
   var _a, _b, _c;
-  const location = (0, import_react_router_dom17.useLocation)();
-  const { id } = (0, import_react_router_dom17.useParams)();
-  const navigate = (0, import_react_router_dom17.useNavigate)();
+  const location = (0, import_react_router_dom18.useLocation)();
+  const { id } = (0, import_react_router_dom18.useParams)();
+  const navigate = (0, import_react_router_dom18.useNavigate)();
   const workflowQuery = useFetchWorkflow(id === "new" ? void 0 : id);
   const credentialsQuery = (0, import_platform_integrations6.useFetchIntegrationCredentialsQuery)();
   const organizationProducts = (0, import_developer_studio_ui_react35.useFetchOrganizationProducts)();
@@ -23488,9 +23691,9 @@ function WorkflowCreator() {
   }
   return /* @__PURE__ */ jsxs2(WorkflowCreatorProvider, { basePath, workflow, children: [
     /* @__PURE__ */ jsx4(View_default, {}),
-    /* @__PURE__ */ jsxs2(import_react_router_dom17.Routes, { children: [
+    /* @__PURE__ */ jsxs2(import_react_router_dom18.Routes, { children: [
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             Modal_default2,
@@ -23505,7 +23708,7 @@ function WorkflowCreator() {
         }
       ),
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             Modal_default,
@@ -23520,7 +23723,7 @@ function WorkflowCreator() {
         }
       ),
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             Modal_default3,
@@ -23535,7 +23738,7 @@ function WorkflowCreator() {
         }
       ),
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             PublishWorkflowModal,
@@ -23549,7 +23752,7 @@ function WorkflowCreator() {
         }
       ),
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             EditWorkflowModal,
@@ -23563,7 +23766,7 @@ function WorkflowCreator() {
         }
       ),
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             DeleteWorkflowModal,
@@ -23578,7 +23781,7 @@ function WorkflowCreator() {
         }
       ),
       /* @__PURE__ */ jsx4(
-        import_react_router_dom17.Route,
+        import_react_router_dom18.Route,
         {
           element: /* @__PURE__ */ jsx4(
             DeleteWorkflowModal,
@@ -23598,19 +23801,19 @@ function WorkflowCreator() {
 var Creator_default = WorkflowCreator;
 
 // src/views/Workflows/List/index.tsx
-var import_react_router_dom27 = require("react-router-dom");
+var import_react_router_dom28 = require("react-router-dom");
 var import_developer_studio_ui_react46 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/List/Modals/Create/index.tsx
-var import_react_router_dom23 = require("react-router-dom");
+var import_react_router_dom24 = require("react-router-dom");
 
 // src/views/Workflows/List/Modals/PreviewTemplate/index.tsx
-var import_react96 = require("react");
-var import_react_router_dom19 = require("react-router-dom");
+var import_react98 = require("react");
+var import_react_router_dom20 = require("react-router-dom");
 
 // src/views/Workflows/List/Modals/PreviewTemplate/Modal.tsx
-var import_react94 = require("react");
-var import_react_router_dom18 = require("react-router-dom");
+var import_react96 = require("react");
+var import_react_router_dom19 = require("react-router-dom");
 var import_design_system_icons34 = require("@livechat/design-system-icons");
 var import_design_system_react_components73 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
@@ -23618,15 +23821,15 @@ var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-
 // src/views/Workflows/Common/Icons/TemplateCategoryIcon.tsx
 var import_design_system_icons33 = require("@livechat/design-system-icons");
 var import_design_system_react_components72 = require("@livechat/design-system-react-components");
-var import_developer_studio_api28 = require("@livechat/developer-studio-api");
+var import_developer_studio_api29 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
 function WorkflowTemplateCategoryIcon(props) {
   const icons = {
-    [import_developer_studio_api28.WorkflowTemplateCategory.NotificationAndAlerts]: import_design_system_icons33.Notifications,
-    [import_developer_studio_api28.WorkflowTemplateCategory.SalesManagement]: import_design_system_icons33.CurrencyDollar,
-    [import_developer_studio_api28.WorkflowTemplateCategory.LeadCollection]: import_design_system_icons33.TargetArrow,
-    [import_developer_studio_api28.WorkflowTemplateCategory.ChatManagement]: import_design_system_icons33.ChatDots,
-    [import_developer_studio_api28.WorkflowTemplateCategory.CustomerExperience]: import_design_system_icons33.Smiles
+    [import_developer_studio_api29.WorkflowTemplateCategory.NotificationAndAlerts]: import_design_system_icons33.Notifications,
+    [import_developer_studio_api29.WorkflowTemplateCategory.SalesManagement]: import_design_system_icons33.CurrencyDollar,
+    [import_developer_studio_api29.WorkflowTemplateCategory.LeadCollection]: import_design_system_icons33.TargetArrow,
+    [import_developer_studio_api29.WorkflowTemplateCategory.ChatManagement]: import_design_system_icons33.ChatDots,
+    [import_developer_studio_api29.WorkflowTemplateCategory.CustomerExperience]: import_design_system_icons33.Smiles
   };
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { gap: `var(${import_design_system_react_components72.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: [
     /* @__PURE__ */ jsx4(
@@ -23691,7 +23894,7 @@ function WorkflowTemplatePreviewModal({
   template,
   onClose
 }) {
-  const navigate = (0, import_react_router_dom18.useNavigate)();
+  const navigate = (0, import_react_router_dom19.useNavigate)();
   const {
     save,
     state: {
@@ -23702,7 +23905,7 @@ function WorkflowTemplatePreviewModal({
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  const handleClose = (0, import_react94.useCallback)(
+  const handleClose = (0, import_react96.useCallback)(
     (target) => {
       if (onClose) {
         onClose();
@@ -23848,8 +24051,8 @@ function WorkflowTemplatePreview({
   workflow,
   onClose
 }) {
-  const flowTemplates = (0, import_react96.useMemo)(() => getWorkflowTemplates(), []);
-  const params = (0, import_react_router_dom19.useParams)();
+  const flowTemplates = (0, import_react98.useMemo)(() => getWorkflowTemplates(), []);
+  const params = (0, import_react_router_dom20.useParams)();
   const template = flowTemplates.find((t) => t.id === params.template);
   const targetWorkflow = workflow || (template == null ? void 0 : template.workflow);
   if (!template) {
@@ -23880,29 +24083,29 @@ function WorkflowTemplatePreview({
 var PreviewTemplate_default = WorkflowTemplatePreview;
 
 // src/views/Workflows/List/Modals/Create/Modal.tsx
-var import_react101 = require("react");
-var import_react_router_dom22 = require("react-router-dom");
+var import_react103 = require("react");
+var import_react_router_dom23 = require("react-router-dom");
 var import_design_system_react_components79 = require("@livechat/design-system-react-components");
 
 // src/views/Workflows/List/Home/Home.tsx
-var import_react100 = require("react");
+var import_react102 = require("react");
 var import_design_system_icons37 = require("@livechat/design-system-icons");
 var import_design_system_react_components78 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/List/Modals/TemplateList/Filters/Category.tsx
-var import_react97 = require("react");
+var import_react99 = require("react");
 var import_design_system_icons35 = require("@livechat/design-system-icons");
 var import_design_system_react_components74 = require("@livechat/design-system-react-components");
-var import_developer_studio_api29 = require("@livechat/developer-studio-api");
+var import_developer_studio_api30 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react38 = require("@livechat/developer-studio-ui-react");
 function WorkflowTemplatesCategoryFilter({
   handleStatus,
   status
 }) {
   var _a;
-  const [isVisible, setIsVisible] = (0, import_react97.useState)(false);
-  const getItem = (0, import_react97.useCallback)(
+  const [isVisible, setIsVisible] = (0, import_react99.useState)(false);
+  const getItem = (0, import_react99.useCallback)(
     (key, category, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react38.Row, { gap: `var(${import_design_system_react_components74.SpacingToken.Spacing1});`, notPadded: true, children: [
@@ -23918,11 +24121,11 @@ function WorkflowTemplatesCategoryFilter({
   );
   const options = [
     getItem("0", "All"),
-    getItem("1", import_developer_studio_api29.WorkflowTemplateCategory.NotificationAndAlerts, import_design_system_icons35.Notifications),
-    getItem("2", import_developer_studio_api29.WorkflowTemplateCategory.SalesManagement, import_design_system_icons35.CurrencyDollar),
-    getItem("3", import_developer_studio_api29.WorkflowTemplateCategory.LeadCollection, import_design_system_icons35.TargetArrow),
-    getItem("4", import_developer_studio_api29.WorkflowTemplateCategory.ChatManagement, import_design_system_icons35.ChatDots),
-    getItem("5", import_developer_studio_api29.WorkflowTemplateCategory.CustomerExperience, import_design_system_icons35.Smiles)
+    getItem("1", import_developer_studio_api30.WorkflowTemplateCategory.NotificationAndAlerts, import_design_system_icons35.Notifications),
+    getItem("2", import_developer_studio_api30.WorkflowTemplateCategory.SalesManagement, import_design_system_icons35.CurrencyDollar),
+    getItem("3", import_developer_studio_api30.WorkflowTemplateCategory.LeadCollection, import_design_system_icons35.TargetArrow),
+    getItem("4", import_developer_studio_api30.WorkflowTemplateCategory.ChatManagement, import_design_system_icons35.ChatDots),
+    getItem("5", import_developer_studio_api30.WorkflowTemplateCategory.CustomerExperience, import_design_system_icons35.Smiles)
   ];
   const selectedKey = (_a = options.find(
     (option) => option.element.props.children[1] === status
@@ -23957,18 +24160,18 @@ function WorkflowTemplatesCategoryFilter({
 var Category_default = WorkflowTemplatesCategoryFilter;
 
 // src/views/Workflows/List/Modals/TemplateList/Filters/Product.tsx
-var import_react98 = require("react");
+var import_react100 = require("react");
 var import_design_system_icons36 = require("@livechat/design-system-icons");
 var import_design_system_react_components75 = require("@livechat/design-system-react-components");
-var import_developer_studio_api30 = require("@livechat/developer-studio-api");
+var import_developer_studio_api31 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react39 = require("@livechat/developer-studio-ui-react");
 function WorkflowTemplatesProductFilter({
   handleStatus,
   status
 }) {
   var _a;
-  const [isVisible, setIsVisible] = (0, import_react98.useState)(false);
-  const getItem = (0, import_react98.useCallback)(
+  const [isVisible, setIsVisible] = (0, import_react100.useState)(false);
+  const getItem = (0, import_react100.useCallback)(
     (key, product, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Row, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1});`, notPadded: true, children: [
@@ -23984,11 +24187,11 @@ function WorkflowTemplatesProductFilter({
   );
   const options = [
     getItem("0", "All"),
-    getItem("1", import_developer_studio_api30.IntegrationDisplayNames.LiveChat, import_design_system_icons36.LiveChatColored),
-    getItem("2", import_developer_studio_api30.IntegrationDisplayNames.HelpDesk, import_design_system_icons36.HelpDeskColored),
-    getItem("3", import_developer_studio_api30.IntegrationDisplayNames.OpenAI, import_design_system_icons36.Chatgpt),
-    getItem("4", import_developer_studio_api30.IntegrationDisplayNames.Shopify, import_design_system_icons36.ShopifyColored),
-    getItem("5", import_developer_studio_api30.IntegrationDisplayNames.Mailchimp, import_design_system_icons36.Mailchimp)
+    getItem("1", import_developer_studio_api31.IntegrationDisplayNames.LiveChat, import_design_system_icons36.LiveChatColored),
+    getItem("2", import_developer_studio_api31.IntegrationDisplayNames.HelpDesk, import_design_system_icons36.HelpDeskColored),
+    getItem("3", import_developer_studio_api31.IntegrationDisplayNames.OpenAI, import_design_system_icons36.Chatgpt),
+    getItem("4", import_developer_studio_api31.IntegrationDisplayNames.Shopify, import_design_system_icons36.ShopifyColored),
+    getItem("5", import_developer_studio_api31.IntegrationDisplayNames.Mailchimp, import_design_system_icons36.Mailchimp)
     // getItem('6', IntegrationDisplayNames.Stripe, Stripe),
     // getItem('7', IntegrationDisplayNames.GoogleSheets, GoogleSheets),
   ];
@@ -24025,7 +24228,7 @@ function WorkflowTemplatesProductFilter({
 var Product_default = WorkflowTemplatesProductFilter;
 
 // src/views/Workflows/List/Home/Cards/Scratch.tsx
-var import_react_router_dom20 = require("react-router-dom");
+var import_react_router_dom21 = require("react-router-dom");
 var import_design_system_react_components76 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
 function WorkflowScratchCard({
@@ -24033,7 +24236,7 @@ function WorkflowScratchCard({
   icon: icon2,
   openOne
 }) {
-  const navigate = (0, import_react_router_dom20.useNavigate)();
+  const navigate = (0, import_react_router_dom21.useNavigate)();
   const { user } = (0, import_developer_studio_ui_react40.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
@@ -24065,7 +24268,7 @@ function WorkflowScratchCard({
 var Scratch_default = WorkflowScratchCard;
 
 // src/views/Workflows/List/Home/Cards/Template.tsx
-var import_react_router_dom21 = require("react-router-dom");
+var import_react_router_dom22 = require("react-router-dom");
 var import_design_system_react_components77 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react41 = require("@livechat/developer-studio-ui-react");
 var IconWrapper2 = newStyled.div`
@@ -24083,7 +24286,7 @@ function WorkflowTemplateCard({
   icons,
   category
 }) {
-  const navigate = (0, import_react_router_dom21.useNavigate)();
+  const navigate = (0, import_react_router_dom22.useNavigate)();
   return /* @__PURE__ */ jsx4(
     import_developer_studio_ui_react41.Card,
     {
@@ -24127,9 +24330,9 @@ var Grid = newStyled.div`
   gap: var(${import_design_system_react_components78.SpacingToken.Spacing3});
 `;
 function WorkflowsHome({ isOnModal }) {
-  const [product, setProduct] = (0, import_react100.useState)("All");
-  const [category, setCategory] = (0, import_react100.useState)("All");
-  const flowTemplates = (0, import_react100.useMemo)(() => getWorkflowTemplates(), []);
+  const [product, setProduct] = (0, import_react102.useState)("All");
+  const [category, setCategory] = (0, import_react102.useState)("All");
+  const flowTemplates = (0, import_react102.useMemo)(() => getWorkflowTemplates(), []);
   const filters = [
     (template) => product === "All" || template.products.includes(product),
     (template) => category === "All" || template.category.includes(category)
@@ -24231,8 +24434,8 @@ var Home_default = WorkflowsHome;
 
 // src/views/Workflows/List/Modals/Create/Modal.tsx
 function WorkflowCreateModal({ onClose }) {
-  const navigate = (0, import_react_router_dom22.useNavigate)();
-  const handleClose = (0, import_react101.useCallback)(() => {
+  const navigate = (0, import_react_router_dom23.useNavigate)();
+  const handleClose = (0, import_react103.useCallback)(() => {
     if (onClose) {
       onClose();
       return;
@@ -24259,21 +24462,21 @@ var Modal_default6 = WorkflowCreateModal;
 function WorkflowCreate() {
   return /* @__PURE__ */ jsxs2(Fragment4, { children: [
     /* @__PURE__ */ jsx4(Modal_default6, {}),
-    /* @__PURE__ */ jsx4(import_react_router_dom23.Routes, { children: /* @__PURE__ */ jsx4(import_react_router_dom23.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }) })
+    /* @__PURE__ */ jsx4(import_react_router_dom24.Routes, { children: /* @__PURE__ */ jsx4(import_react_router_dom24.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }) })
   ] });
 }
 var Create_default = WorkflowCreate;
 
 // src/views/Workflows/List/View.tsx
-var import_react108 = require("react");
-var import_react_router_dom26 = require("react-router-dom");
+var import_react110 = require("react");
+var import_react_router_dom27 = require("react-router-dom");
 var import_design_system_react_components84 = require("@livechat/design-system-react-components");
-var import_developer_studio_api32 = require("@livechat/developer-studio-api");
+var import_developer_studio_api33 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react45 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/LiveChatNavbar.tsx
-var import_react103 = require("react");
-var import_react_router_dom24 = require("react-router-dom");
+var import_react105 = require("react");
+var import_react_router_dom25 = require("react-router-dom");
 var import_design_system_icons38 = require("@livechat/design-system-icons");
 var import_design_system_react_components80 = require("@livechat/design-system-react-components");
 var wrapperCss = (hasData) => css`
@@ -24291,12 +24494,12 @@ var wrapperCss = (hasData) => css`
   }`}
 `;
 function LiveChatNavbar() {
-  const navigate = (0, import_react_router_dom24.useNavigate)();
+  const navigate = (0, import_react_router_dom25.useNavigate)();
   const workflows = useFetchWorkflows({});
   const isLoading = workflows.isLoading;
   const hasNoData = workflows.isSuccess && workflows.data.length === 0;
   const hasData = !isLoading && !hasNoData;
-  const handleClick = (0, import_react103.useCallback)(() => {
+  const handleClick = (0, import_react105.useCallback)(() => {
     sendMessage("toggleSideNav" /* ToggleSideNav */);
   }, []);
   return /* @__PURE__ */ jsxs2("div", { css: wrapperCss(hasData), children: [
@@ -24328,7 +24531,7 @@ var import_design_system_react_components83 = require("@livechat/design-system-r
 var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/List/Grid/Filters/StatusFilter.tsx
-var import_react105 = require("react");
+var import_react107 = require("react");
 var import_design_system_icons39 = require("@livechat/design-system-icons");
 var import_design_system_react_components81 = require("@livechat/design-system-react-components");
 function WorkflowStatusFilter({
@@ -24336,7 +24539,7 @@ function WorkflowStatusFilter({
   status
 }) {
   var _a;
-  const [isVisible, setIsVisible] = (0, import_react105.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react107.useState)(false);
   const items = [
     {
       key: "0",
@@ -24394,14 +24597,14 @@ function WorkflowStatusFilter({
 var StatusFilter_default = WorkflowStatusFilter;
 
 // src/views/Workflows/List/Grid/Table.tsx
-var import_react_router_dom25 = require("react-router-dom");
+var import_react_router_dom26 = require("react-router-dom");
 var import_design_system_icons40 = require("@livechat/design-system-icons");
 var import_design_system_react_components82 = require("@livechat/design-system-react-components");
-var import_developer_studio_api31 = require("@livechat/developer-studio-api");
+var import_developer_studio_api32 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react43 = require("@livechat/developer-studio-ui-react");
 function WorkflowsTable({ workflowsQuery, state }) {
   var _a, _b, _c;
-  const navigate = (0, import_react_router_dom25.useNavigate)();
+  const navigate = (0, import_react_router_dom26.useNavigate)();
   const notifications = (0, import_developer_studio_ui_react43.useNotificationContext)();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
@@ -24462,7 +24665,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                 ) : null
               ] }) }),
               /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react43.Row, { gap: 12, notPadded: true, children: (_d = workflow.tags) == null ? void 0 : _d.map((tag) => {
-                const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api31.IntegrationNames.BigCommerce.toLowerCase());
+                const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api32.IntegrationNames.BigCommerce.toLowerCase());
                 return /* @__PURE__ */ jsx4(
                   ProductIcon_default,
                   {
@@ -24645,8 +24848,8 @@ var markedStyles = css`
 `;
 function WorkflowListView() {
   var _a;
-  const navigate = (0, import_react_router_dom26.useNavigate)();
-  const [state, setState] = (0, import_react108.useState)({
+  const navigate = (0, import_react_router_dom27.useNavigate)();
+  const [state, setState] = (0, import_react110.useState)({
     filters: {
       status: "All",
       tasks: "All"
@@ -24707,7 +24910,7 @@ function WorkflowListView() {
         Grid_default,
         {
           onStateChange: (change) => {
-            setState((prevState) => (0, import_developer_studio_api32.mergeDeep)(prevState, change));
+            setState((prevState) => (0, import_developer_studio_api33.mergeDeep)(prevState, change));
           },
           state,
           workflowQuery: workflows
@@ -24723,10 +24926,10 @@ var View_default2 = WorkflowListView;
 function WorkflowList() {
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react46.Row, { noMaxWidth: true, noWrap: true, notPadded: true, stretch: true, children: [
     /* @__PURE__ */ jsx4(View_default2, {}),
-    /* @__PURE__ */ jsxs2(import_react_router_dom27.Routes, { children: [
-      /* @__PURE__ */ jsx4(import_react_router_dom27.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }),
-      /* @__PURE__ */ jsx4(import_react_router_dom27.Route, { element: /* @__PURE__ */ jsx4(Create_default, {}), path: "create/*" }),
-      /* @__PURE__ */ jsx4(import_react_router_dom27.Route, { element: /* @__PURE__ */ jsx4(WorkflowDetails, { headerType: "name" }), path: ":id/*" })
+    /* @__PURE__ */ jsxs2(import_react_router_dom28.Routes, { children: [
+      /* @__PURE__ */ jsx4(import_react_router_dom28.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }),
+      /* @__PURE__ */ jsx4(import_react_router_dom28.Route, { element: /* @__PURE__ */ jsx4(Create_default, {}), path: "create/*" }),
+      /* @__PURE__ */ jsx4(import_react_router_dom28.Route, { element: /* @__PURE__ */ jsx4(WorkflowDetails, { headerType: "name" }), path: ":id/*" })
     ] })
   ] });
 }
@@ -24735,9 +24938,9 @@ var List_default2 = WorkflowList;
 // src/views/Workflows/index.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
 function Workflows() {
-  const navigate = (0, import_react_router_dom28.useNavigate)();
+  const navigate = (0, import_react_router_dom29.useNavigate)();
   const { userHasInstalledWorkflows, isWorkflowAppLoading } = useFetchUserInstalledWorkflows();
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     if (isWorkflowAppLoading) {
       return;
     }
@@ -24748,10 +24951,10 @@ function Workflows() {
   if (isWorkflowAppLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_developer_studio_ui_react47.Loader, { stretch: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react_router_dom28.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom28.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom28.Navigate, { replace: true, to: "list" }), path: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom28.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(List_default2, {}), path: "list/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom28.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Creator_default, {}), path: ":id/*" })
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react_router_dom29.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom29.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom29.Navigate, { replace: true, to: "list" }), path: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom29.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(List_default2, {}), path: "list/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom29.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Creator_default, {}), path: ":id/*" })
   ] });
 }
 var Workflows_default = Workflows;
@@ -24800,14 +25003,15 @@ var LoginError_default = LoginErrorPage;
 // src/views/index.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
 function WorkflowsModule({ waitlistImage }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react_router_dom29.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react_router_dom29.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Workflows_default, {}), path: "*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react_router_dom29.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Waitlist_default, { image: waitlistImage }), path: "/waitlist" })
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react_router_dom30.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react_router_dom30.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Workflows_default, {}), path: "*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_react_router_dom30.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Waitlist_default, { image: waitlistImage }), path: "/waitlist" })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LoginError,
+  WORKFLOWS_TEST_SELECTORS,
   WorkflowsModule,
   config,
   getWorkflowsEnv,