@livechat/platform-workflows 0.0.15 → 0.0.17

package/dist/index.js

@@ -262,7 +262,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment47 = REACT_FRAGMENT_TYPE;
+        var Fragment46 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -321,7 +321,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment47;
+        exports2.Fragment = Fragment46;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -476,6 +476,7 @@ __export(src_exports, {
   AuthContext: () => AuthContext,
   AuthProvider: () => AuthProvider,
   Flows: () => Flows_default,
+  LoginError: () => LoginError_default,
   Settings: () => Settings_default,
   SettingsSubNav: () => SettingsSubNav,
   getWorkflowEnv: () => getWorkflowEnv,
@@ -1024,7 +1025,7 @@ var import_react_router_dom33 = require("react-router-dom");
 // src/views/Flows/Definitions/index.tsx
 var import_react145 = require("react");
 var import_react_router_dom31 = require("react-router-dom");
-var import_developer_studio_ui_react57 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react59 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/state/apps/apps.ts
 var import_react2 = require("react");
@@ -1046,11 +1047,12 @@ var appQueryKeys = {
   getAppVariables: (appId, decrypted) => ["console.getAppVariables", appId, decrypted].filter(
     (criteria) => criteria !== void 0
   ),
-  getAutoReview: (appId) => ["dps.getAutoReview", appId]
+  getAutoReview: (appId) => ["dps.getAutoReview", appId],
+  getAppInstalled: (appId) => ["dps.getAppInstalled", appId]
 };
 var useFetchInstalledApp = (appId, license) => {
   return (0, import_react_query.useQuery)(
-    appQueryKeys.getApp.byId(appId),
+    appQueryKeys.getAppInstalled(appId),
     () => __async(void 0, null, function* () {
       const { data } = yield import_developer_studio_api2.api.platform.dps.applications.application.install.getInstalledApplication(
         appId,
@@ -1087,7 +1089,7 @@ var useFetchUserInstalledWorkflows = (user) => {
 // src/views/Flows/Definitions/Edit/index.tsx
 var import_react127 = require("react");
 var import_react_router_dom21 = require("react-router-dom");
-var import_developer_studio_ui_react46 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react48 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Common/Builder/config/workflow.ts
 var import_developer_studio_api11 = require("@livechat/developer-studio-api");
@@ -8053,7 +8055,7 @@ var import_react9 = require("react");
 var import_react_router_dom = require("react-router-dom");
 var import_reactflow = require("reactflow");
 var import_lodash = require("lodash");
-var import_developer_studio_api17 = require("@livechat/developer-studio-api");
+var import_developer_studio_api19 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react6 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/hooks.ts
@@ -9060,9 +9062,63 @@ var getWorkflowFrames = (workflow, credentials) => {
 // src/views/Flows/Definitions/Common/Builder/Context/state/metadata/hooks.ts
 var import_react6 = require("react");
 
+// src/hooks/user.ts
+var import_react_query4 = require("@tanstack/react-query");
+var import_developer_studio_api16 = require("@livechat/developer-studio-api");
+var userQueryKeys = {
+  dps: {
+    getUser: ["dps.getUser"],
+    getUserIntegrations: ["dps.getUserIntegrations"]
+  },
+  livechat: {
+    agent: {
+      getUser: ["livechat.agent.getUser"]
+    }
+  },
+  accounts: {
+    account: {
+      getInfo: ["accounts.account.getInfo"]
+    },
+    products: {
+      getOrganizationProducts: ["accounts.products.getOrganizationProducts"]
+    }
+  }
+};
+var useFetchUserIntegrationsQuery = () => {
+  return (0, import_react_query4.useQuery)(
+    userQueryKeys.dps.getUserIntegrations,
+    () => import_developer_studio_api16.api.platform.dps.user.getUserIntegrations()
+  );
+};
+var useFetchOrganizationProducts = () => {
+  var _b;
+  const _a = (0, import_react_query4.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_query4.useQueryClient)();
+  const { mutateAsync: updateOrganizationProducts, isLoading } = (0, import_react_query4.useMutation)(
+    ({ productName }) => import_developer_studio_api16.api.platform.accounts.products.updateOrganizationProducts({
+      product: productName
+    }),
+    {
+      onSuccess: (_) => {
+        queryClient.refetchQueries({
+          queryKey: userQueryKeys.accounts.products.getOrganizationProducts
+        });
+      }
+    }
+  );
+  return { updateOrganizationProducts, isLoading };
+};
+
 // src/views/Flows/Definitions/Common/Builder/Context/state/metadata/validation/utils.ts
 var import_ajv = __toESM(require("ajv"));
 var import_ajv_errors = __toESM(require("ajv-errors"));
+var import_developer_studio_api17 = require("@livechat/developer-studio-api");
 var ajv = (0, import_ajv_errors.default)(
   new import_ajv.default({
     strict: false,
@@ -9084,8 +9140,12 @@ var getWorkflowValidationErrors = (validationErrors) => {
       if (!fieldErrors.__errors) {
         fieldErrors.__errors = [];
       }
+      if (!fieldErrors.__errorsExtended) {
+        fieldErrors.__errorsExtended = [];
+      }
       if (item.message && item.message !== 'must match "then" schema') {
         fieldErrors.__errors.push(item.message);
+        fieldErrors.__errorsExtended.push(item);
       }
     } else {
       if (!current[head]) {
@@ -9106,7 +9166,7 @@ var getWorkflowValidationErrors = (validationErrors) => {
   }
   return errors;
 };
-var getWorkflowValidation = (workflow, frames) => {
+var getSchemaError = (workflow, frames) => {
   const validate = ajv.compile(WORKFLOW_SCHEMA);
   const resolved = __spreadProps(__spreadValues({}, workflow), {
     definition: __spreadProps(__spreadValues({}, workflow.definition), {
@@ -9128,101 +9188,122 @@ var getWorkflowValidation = (workflow, frames) => {
       }
     ) : void 0
   });
-  console.log(resolved);
   validate(resolved);
-  const schemaValidationErrors = validate.errors || [];
-  const taskResolvingErrors = workflow.definition.tasks.flatMap(
-    (task2, index) => {
-      const frame = frames.tasks[task2.taskReferenceName];
-      const errors2 = workflowBuilderUtils.getMatchesInObject(task2).map((match2) => {
-        var _a, _b, _c, _d;
-        const segments = match2.rawValue.split(".");
-        const resolved2 = workflowBuilderUtils.resolveTextByContext(
-          match2.value,
-          frame
-        );
-        if (!(frame == null ? void 0 : frame[segments[0]])) {
-          let message = `Invalid field value`;
-          if (segments[0]) {
-            if ((_a = frames.global) == null ? void 0 : _a[segments[0]]) {
-              message += " - task not accessible";
-            } else {
-              message += " - task not found";
-            }
+  return validate.errors || [];
+};
+var getTasksErrors = (workflow, frames, products) => {
+  return workflow.definition.tasks.flatMap((task2, index) => {
+    var _a;
+    const globalFrame = frames.global;
+    const frame = frames.tasks[task2.taskReferenceName];
+    const config14 = (_a = frame.__meta) == null ? void 0 : _a.config;
+    const resolvingErrors = workflowBuilderUtils.getMatchesInObject(task2).map((match2) => {
+      var _a2, _b;
+      const segments = match2.rawValue.split(".");
+      const resolved = workflowBuilderUtils.resolveTextByContext(
+        match2.value,
+        frame
+      );
+      let message = `Invalid field value`;
+      const params = {};
+      if (!(frame == null ? void 0 : frame[segments[0]])) {
+        if (segments[0]) {
+          if (globalFrame == null ? void 0 : globalFrame[segments[0]]) {
+            message += " - task not accessible";
+          } else {
+            message += " - task not found";
           }
-          const error = {
-            instancePath: `/definition/tasks/${index}/${match2.instancePath}`,
-            message,
-            keyword: "resolver",
-            schemaPath: "",
-            params: {}
-          };
-          return error;
-        }
-        if (!resolved2) {
-          let message = `Invalid field value`;
-          if (segments[0] === "workflow") {
-            if (segments[1] === "input") {
-              if (segments[2] === "body") {
-                if (workflow.trigger.type) {
-                  message += " - invalid trigger property";
-                } else {
-                  message += " - trigger not found";
-                }
+        }
+      } else {
+        if (segments[0] === "workflow") {
+          if (segments[1] === "input") {
+            if (segments[2] === "body") {
+              if (workflow.trigger.type) {
+                message += " - invalid trigger property";
               } else {
-                if (!workflow.trigger.type || workflow.trigger.type === "recurring" || workflow.trigger.type === "webhook") {
-                  message = `Couldn't use manual parameters when trigger is not manual`;
-                } else {
-                  message += " - invalid input property";
-                }
+                message += " - trigger not found";
               }
-            } else if (segments[1] === "credentials") {
-              if (segments[2]) {
-                if (!((_d = (_c = (_b = frames.trigger) == null ? void 0 : _b.workflow) == null ? void 0 : _c.credentials) == null ? void 0 : _d[segments[2]])) {
-                  message += " - invalid credential";
-                } else {
-                  if (segments[3]) {
-                    message += " - invalid credential property";
-                  } else {
-                    message += " - unknown credential";
-                  }
-                }
+            } else {
+              if (!workflow.trigger.type || workflow.trigger.type === "recurring" || workflow.trigger.type === "webhook") {
+                message = `Couldn't use manual parameters when trigger is not manual`;
               } else {
+                message += " - invalid input property";
+              }
+            }
+          } else if (segments[1] === "credentials") {
+            if (segments[2]) {
+              params.subType = segments[1];
+              params.provider = segments[2];
+              if (!((_b = (_a2 = frame == null ? void 0 : frame.workflow) == null ? void 0 : _a2.credentials) == null ? void 0 : _b[segments[2]])) {
                 message += " - invalid credential";
+              } else {
+                if (segments[3]) {
+                  message += " - invalid credential property";
+                } else {
+                  message += " - unknown credential";
+                }
               }
             } else {
-              message += " - invalid property";
+              message += " - invalid credential";
             }
           } else {
-            message += " - invalid task property";
-          }
-          const error = {
-            instancePath: `/definition/tasks/${index}/${match2.instancePath}`,
-            message,
-            keyword: "resolver",
-            schemaPath: "",
-            params: {}
-          };
-          return error;
+            message += " - invalid property";
+          }
+        } else {
+          message += " - invalid task property";
         }
-        return void 0;
-      });
-      return errors2;
-    }
-  );
-  const triggerResolvingErrors = workflowBuilderUtils.getMatchesInObject(workflow.trigger).map((match2) => {
-    var _a, _b, _c;
+        if (resolved) {
+          return void 0;
+        }
+      }
+      return {
+        instancePath: `/definition/tasks/${index}/${match2.instancePath}`,
+        keyword: "resolver",
+        message,
+        params
+      };
+    }).filter(Boolean);
+    const connectionErrors = resolvingErrors.filter((error) => error.params.subType === "credentials").map((error) => {
+      return {
+        instancePath: `/definition/tasks/${index}`,
+        keyword: "connection",
+        message: `Not connected to ${error.params.provider}`,
+        params: {}
+      };
+    });
+    const activationError = config14 && (config14 == null ? void 0 : config14.customization.provider.startsWith(import_developer_studio_api17.IntegrationNames.Text)) && !products.find(({ product }) => product === config14.customization.product) ? {
+      instancePath: `/definition/tasks/${index}`,
+      keyword: "activation",
+      message: `${config14.customization.product} not activated`,
+      params: {}
+    } : void 0;
+    return [
+      ...resolvingErrors,
+      ...connectionErrors,
+      ...activationError ? [activationError] : []
+    ];
+  });
+};
+var getTriggerErrors = (workflow, frames, products) => {
+  var _a;
+  const frame = frames.trigger;
+  const config14 = (_a = frame == null ? void 0 : frame.__meta) == null ? void 0 : _a.config;
+  const resolvingErrors = workflowBuilderUtils.getMatchesInObject(workflow.trigger).map((match2) => {
+    var _a2, _b;
     const segments = match2.rawValue.split(".");
-    const resolved2 = workflowBuilderUtils.resolveTextByContext(
+    const resolved = workflowBuilderUtils.resolveTextByContext(
       match2.value,
       frames.trigger
     );
-    if (!resolved2) {
+    if (!resolved) {
       let message = `Invalid field value`;
+      const params = {};
       if (segments[0] === "workflow") {
         if (segments[1] === "credentials") {
           if (segments[2]) {
-            if (!((_c = (_b = (_a = frames.trigger) == null ? void 0 : _a.workflow) == null ? void 0 : _b.credentials) == null ? void 0 : _c[segments[2]])) {
+            params.subType = segments[1];
+            params.provider = segments[2];
+            if (!((_b = (_a2 = frame == null ? void 0 : frame.workflow) == null ? void 0 : _a2.credentials) == null ? void 0 : _b[segments[2]])) {
               message += " - invalid credential";
             } else {
               if (segments[3]) {
@@ -9240,22 +9321,43 @@ var getWorkflowValidation = (workflow, frames) => {
       } else {
         message += " - invalid trigger property";
       }
-      const error = {
+      return {
         instancePath: `/trigger/${match2.instancePath}`,
-        message,
         keyword: "resolver",
-        schemaPath: "",
-        params: {}
+        message,
+        params
       };
-      return error;
     }
     return void 0;
+  }).filter(Boolean);
+  const connectionErrors = resolvingErrors.filter((error) => error.params.subType === "credentials").map((error) => {
+    return {
+      instancePath: `/trigger`,
+      keyword: "connection",
+      message: `Not connected to ${error.params.provider}`,
+      params: {}
+    };
   });
-  const rawErrors = [
-    ...triggerResolvingErrors,
-    ...taskResolvingErrors,
-    ...schemaValidationErrors
-  ].filter((rawError) => Boolean(rawError)).map((rawError) => {
+  const activationError = config14 && (config14 == null ? void 0 : config14.customization.provider.startsWith(import_developer_studio_api17.IntegrationNames.Text)) && !products.find(({ product }) => product === config14.customization.product) ? {
+    instancePath: `/trigger`,
+    keyword: "activation",
+    message: `${config14.customization.product} not activated`,
+    params: {}
+  } : void 0;
+  console.log("activationError: ", activationError);
+  return [
+    ...resolvingErrors,
+    ...connectionErrors,
+    ...activationError ? [activationError] : []
+  ];
+};
+var getWorkflowValidation = (workflow, frames, products) => {
+  const schemaError = getSchemaError(workflow, frames);
+  const tasksErrors = getTasksErrors(workflow, frames, products);
+  const triggerErrors = getTriggerErrors(workflow, frames, products);
+  const rawErrors = [...triggerErrors, ...tasksErrors, ...schemaError].filter(
+    (rawError) => Boolean(rawError)
+  ).map((rawError) => {
     var _a;
     let message = rawError.message;
     if ("missingProperty" in rawError.params) {
@@ -9272,7 +9374,6 @@ var getWorkflowValidation = (workflow, frames) => {
           instanceJsonPath.replaceAll("/", "."),
           workflow
         )) == null ? void 0 : _a[0] : void 0;
-        console.log(value);
         if (value === null) {
           message = `This field cannot be empty`;
         } else {
@@ -9294,13 +9395,13 @@ var getWorkflowValidation = (workflow, frames) => {
       default:
         break;
     }
-    return {
+    return __spreadProps(__spreadValues({}, rawError), {
       message,
       instancePath: rawError.instancePath.replace(
         /tasks\/(\d+)/,
         (_, i) => `tasks/${workflow.definition.tasks[i].taskReferenceName}`
       )
-    };
+    });
   });
   const errors = getWorkflowValidationErrors(rawErrors);
   return {
@@ -9313,15 +9414,20 @@ var getWorkflowValidation = (workflow, frames) => {
 // src/views/Flows/Definitions/Common/Builder/Context/state/metadata/hooks.ts
 function useWorkflowMetadata(workflow) {
   const credentialsQuery = useFetchIntegrationCredentialsQuery();
+  const organizationProducts = useFetchOrganizationProducts();
   const metadata = (0, import_react6.useMemo)(() => {
-    var _a;
+    var _a, _b;
     const frames = getWorkflowFrames(workflow, (_a = credentialsQuery.data) != null ? _a : []);
-    const validation = getWorkflowValidation(workflow, frames);
+    const validation = getWorkflowValidation(
+      workflow,
+      frames,
+      (_b = organizationProducts.data) != null ? _b : []
+    );
     return {
       frames,
       validation
     };
-  }, [workflow, credentialsQuery.data]);
+  }, [workflow, credentialsQuery.data, organizationProducts.data]);
   return {
     metadata
   };
@@ -9356,14 +9462,14 @@ function useWorkflowState(workflow, options2) {
 }
 
 // src/views/Flows/Definitions/Common/Builder/Context/utils.ts
-var import_developer_studio_api16 = require("@livechat/developer-studio-api");
+var import_developer_studio_api18 = require("@livechat/developer-studio-api");
 var flattenTasks = (tasks) => tasks.flatMap((task2) => {
-  if (task2.type === import_developer_studio_api16.WorkflowDefinitionTaskType.switch) {
+  if (task2.type === import_developer_studio_api18.WorkflowDefinitionTaskType.switch) {
     return [
       task2,
       ...Object.values(task2.decisionCases).flatMap((a) => flattenTasks(a))
     ];
-  } else if (task2.type === import_developer_studio_api16.WorkflowDefinitionTaskType.forkJoin) {
+  } else if (task2.type === import_developer_studio_api18.WorkflowDefinitionTaskType.forkJoin) {
     return [task2, ...task2.forkTasks.flat()];
   } else {
     return [task2];
@@ -9371,7 +9477,7 @@ var flattenTasks = (tasks) => tasks.flatMap((task2) => {
 });
 var applyChange = (workflow, change) => {
   var _a, _b;
-  let changed = (0, import_developer_studio_api16.mergeDeep)(workflow, change);
+  let changed = (0, import_developer_studio_api18.mergeDeep)(workflow, change);
   const inputParameters = Array.from(
     new Set(
       (_b = (_a = workflowBuilderUtils.getMatchesInText(JSON.stringify(changed))) == null ? void 0 : _a.filter((x) => x.includes("workflow.input.") && !x.includes("body")).map((x) => x.replace("workflow.input.", "")).filter((x) => x.length > 0)) != null ? _b : []
@@ -10714,10 +10820,10 @@ function WorkflowContextProviderBase({
       setTimeout(() => {
         setSelection(() => {
           const isNotEditable = (params == null ? void 0 : params.kind) === "task" && [
-            import_developer_studio_api17.WorkflowDefinitionTaskType.forkJoin,
-            import_developer_studio_api17.WorkflowDefinitionTaskType.join,
-            import_developer_studio_api17.WorkflowDefinitionTaskType.addNode,
-            import_developer_studio_api17.WorkflowDefinitionTaskType.addTrigger
+            import_developer_studio_api19.WorkflowDefinitionTaskType.forkJoin,
+            import_developer_studio_api19.WorkflowDefinitionTaskType.join,
+            import_developer_studio_api19.WorkflowDefinitionTaskType.addNode,
+            import_developer_studio_api19.WorkflowDefinitionTaskType.addTrigger
           ].includes(params.id) || (params == null ? void 0 : params.kind) === "add-trigger" || (params == null ? void 0 : params.kind) === "trigger" && params.id === "manual_only";
           return params ? __spreadProps(__spreadValues({}, params), {
             isEditable: !isNotEditable
@@ -11488,7 +11594,7 @@ tags.forEach(function(tagName) {
 // src/views/Flows/Definitions/Common/Modals/Delete.tsx
 var import_design_system_icons34 = require("@livechat/design-system-icons");
 var import_design_system_react_components66 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react39 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react41 = require("@livechat/developer-studio-ui-react");
 
 // src/utils/tracking.ts
 var import_amplitude_js = __toESM(require("amplitude-js"));
@@ -11701,7 +11807,7 @@ var import_developer_studio_ui_react10 = require("@livechat/developer-studio-ui-
 // src/views/Flows/Definitions/Common/Icons/ProductIcon.tsx
 var import_design_system_icons2 = require("@livechat/design-system-icons");
 var import_design_system_react_components2 = require("@livechat/design-system-react-components");
-var import_developer_studio_api18 = require("@livechat/developer-studio-api");
+var import_developer_studio_api20 = require("@livechat/developer-studio-api");
 var defaultIconStyle = ({
   disabled,
   height,
@@ -11792,11 +11898,11 @@ var ProductIcon = ({
           })
         }
       );
-    case import_developer_studio_api18.IntegrationNames.Mailchimp:
+    case import_developer_studio_api20.IntegrationNames.Mailchimp:
       return /* @__PURE__ */ jsx4(import_design_system_icons2.Mailchimp, { css: defaultIconStyle({ disabled, height, width }) });
-    case import_developer_studio_api18.IntegrationNames.Shopify:
+    case import_developer_studio_api20.IntegrationNames.Shopify:
       return /* @__PURE__ */ jsx4(import_design_system_icons2.ShopifyColored, { css: defaultIconStyle({ disabled, height, width }) });
-    case import_developer_studio_api18.IntegrationNames.BigCommerce:
+    case import_developer_studio_api20.IntegrationNames.BigCommerce:
       return /* @__PURE__ */ jsx4(
         import_design_system_icons2.BigCommerceColored,
         {
@@ -11808,7 +11914,7 @@ var ProductIcon = ({
           })
         }
       );
-    case import_developer_studio_api18.IntegrationNames.HubSpot:
+    case import_developer_studio_api20.IntegrationNames.HubSpot:
       return /* @__PURE__ */ jsx4(import_design_system_icons2.Hubspot, { css: defaultIconStyle({ disabled, height, width }) });
     case OTHER_PRODUCT_TYPE.OPENAI:
       return /* @__PURE__ */ jsx4(
@@ -12118,11 +12224,10 @@ var WorkflowEditorRaw = () => {
 var Editor_default = WorkflowEditorRaw;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Panels/Edit/Wrapper.tsx
-var import_react76 = require("react");
 var import_design_system_icons22 = require("@livechat/design-system-icons");
 var import_design_system_react_components41 = require("@livechat/design-system-react-components");
-var import_developer_studio_api35 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react33 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api37 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react35 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/ForkJoinNode/Base.tsx
 var import_react19 = require("react");
@@ -12133,7 +12238,7 @@ var import_design_system_react_components7 = require("@livechat/design-system-re
 var import_reactflow2 = require("reactflow");
 var import_elkjs = __toESM(require("elkjs"));
 var import_design_system_react_components6 = require("@livechat/design-system-react-components");
-var import_developer_studio_api19 = require("@livechat/developer-studio-api");
+var import_developer_studio_api21 = require("@livechat/developer-studio-api");
 var DEFAULT_NODE_WIDTH = {
   [NodeTypes.http]: 180,
   [NodeTypes.forkJoin]: 140,
@@ -12210,19 +12315,19 @@ var customNode = ({
 };
 var getCustomNodeType = (taskType) => {
   switch (taskType) {
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.http:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.http:
       return NodeTypes.http;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.forkJoin:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.forkJoin:
       return NodeTypes.forkJoin;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.switch:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.switch:
       return NodeTypes.switch;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.terminate:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.terminate:
       return NodeTypes.terminate;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.join:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.join:
       return NodeTypes.join;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.addNode:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.addNode:
       return NodeTypes.addNode;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.trigger:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.trigger:
       return NodeTypes.trigger;
     default:
       return NodeTypes.http;
@@ -12236,12 +12341,12 @@ var convertToNodes = (tasks, originalTasks, parentIndex = 0, parentTaskReference
   );
   const targets = [];
   switch (type) {
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.terminate:
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.http:
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.join:
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.addNode:
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.addTrigger:
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.trigger:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.terminate:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.http:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.join:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.addNode:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.addTrigger:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.trigger:
       const targetHandler = () => {
         var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
         if (parentTaskReferenceName == null ? void 0 : parentTaskReferenceName.includes("fork")) {
@@ -12280,7 +12385,7 @@ var convertToNodes = (tasks, originalTasks, parentIndex = 0, parentTaskReference
       });
       nodes.push(node2);
       return nodes;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.switch:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.switch:
       Object.keys((_b = workflowTask.decisionCases) != null ? _b : {}).forEach(
         (decisionCase) => {
           var _a2;
@@ -12344,7 +12449,7 @@ var convertToNodes = (tasks, originalTasks, parentIndex = 0, parentTaskReference
         });
       }
       return nodes;
-    case import_developer_studio_api19.WorkflowDefinitionTaskType.forkJoin:
+    case import_developer_studio_api21.WorkflowDefinitionTaskType.forkJoin:
       (_i = workflowTask.forkTasks) == null ? void 0 : _i.forEach(
         (forkTask) => {
           forkTask.forEach((task2, index2) => {
@@ -13787,7 +13892,7 @@ var CustomTagsField = ({
   error,
   trim: trim2,
   disabled,
-  wrapperCss,
+  wrapperCss: wrapperCss2,
   onChange
 }) => {
   const wrapperRef = (0, import_react30.useRef)(null);
@@ -13795,7 +13900,7 @@ var CustomTagsField = ({
   (0, import_developer_studio_ui_react16.useOnClickOutside)(wrapperRef, () => {
     setIsPickerVisible(false);
   });
-  return /* @__PURE__ */ jsx4("div", { ref: wrapperRef, css: wrapperCss, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4("div", { ref: wrapperRef, css: wrapperCss2, children: /* @__PURE__ */ jsx4(
     CustomTagsInput,
     {
       value,
@@ -14817,7 +14922,7 @@ var Node_default = (0, import_react44.memo)(ForkJoinNode);
 var import_react45 = require("react");
 var import_design_system_icons12 = require("@livechat/design-system-icons");
 var import_design_system_react_components27 = require("@livechat/design-system-react-components");
-var import_developer_studio_api20 = require("@livechat/developer-studio-api");
+var import_developer_studio_api22 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react19 = require("@livechat/developer-studio-ui-react");
 var Node2 = newStyled.div`
   background-color: ${({ editing }) => editing ? `var(${import_design_system_react_components27.DesignToken.SurfacePrimaryActive})` : `var(${import_design_system_react_components27.DesignToken.SurfacePrimaryDefault})`};
@@ -14868,7 +14973,7 @@ var HttpNodeBase = ({
   } = useWorkflowContext();
   const frame = frames.tasks[data.taskReferenceName];
   const customization = (_b = (_a = frame == null ? void 0 : frame.__meta) == null ? void 0 : _a.config) == null ? void 0 : _b.customization;
-  const revertIconColor = getWorkflowEnv2("isHeadless") && ((customization == null ? void 0 : customization.icon) === import_developer_studio_api20.IntegrationNames.OpenAI || (customization == null ? void 0 : customization.icon) === import_developer_studio_api20.IntegrationNames.BigCommerce);
+  const revertIconColor = getWorkflowEnv2("isHeadless") && ((customization == null ? void 0 : customization.icon) === import_developer_studio_api22.IntegrationNames.OpenAI || (customization == null ? void 0 : customization.icon) === import_developer_studio_api22.IntegrationNames.BigCommerce);
   return /* @__PURE__ */ jsxs2(
     Node2,
     {
@@ -14940,30 +15045,27 @@ var HttpNodeBase = ({
 };
 var Base_default2 = HttpNodeBase;
 
-// src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/HttpNode/Form.tsx
-var import_developer_studio_api32 = require("@livechat/developer-studio-api");
-
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/Wrapper.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_design_system_icons19 = require("@livechat/design-system-icons");
 var import_design_system_react_components35 = require("@livechat/design-system-react-components");
-var import_developer_studio_api31 = require("@livechat/developer-studio-api");
+var import_developer_studio_api35 = require("@livechat/developer-studio-api");
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/BigCommerce/index.tsx
 var import_react50 = require("react");
 var import_react_router_dom6 = require("react-router-dom");
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 var import_design_system2 = require("@livechat/design-system");
 var import_design_system_icons13 = require("@livechat/design-system-icons");
 var import_design_system_react_components29 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react25 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/bigcommerce/credentials.ts
-var import_developer_studio_api21 = require("@livechat/developer-studio-api");
+var import_developer_studio_api23 = require("@livechat/developer-studio-api");
 var useFetchBigCommerceCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api21.IntegrationNames.BigCommerce
+    import_developer_studio_api23.IntegrationNames.BigCommerce
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("bigcommerceClientId")
@@ -14981,14 +15083,14 @@ var useFetchBigCommerceCredentials = () => {
 
 // src/views/Settings/Integrations/BigCommerce/Action.tsx
 var import_react49 = require("react");
-var import_developer_studio_api23 = require("@livechat/developer-studio-api");
+var import_developer_studio_api25 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react24 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Settings/Integrations/Common/IntegrationAction.tsx
 var import_react48 = require("react");
 var import_react_router_dom5 = require("react-router-dom");
 var import_uuid = require("uuid");
-var import_developer_studio_api22 = require("@livechat/developer-studio-api");
+var import_developer_studio_api24 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react23 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Settings/Integrations/Common/IntegrationCallback.tsx
@@ -15181,43 +15283,52 @@ function IntegrationAction(props) {
 }
 function executeIntegrationAction(props, meta) {
   return __async(this, null, function* () {
-    var _a, _b;
+    var _a, _b, _c;
     if (!meta.user.profile.id || !props.data) {
       return;
     }
     const serializedActionData = serializeContextState(props.data);
-    if (props.name === import_developer_studio_api22.IntegrationNames.Accounts) {
-      (0, import_developer_studio_ui_react23.getAccountsSDK)().redirect({
-        redirect_uri: `${window.location.origin}${getWorkflowEnv(
-          "publicUrl"
-        )}/settings/integrations/${props.name}/callback/${props.action}`,
-        state: serializedActionData
-      }).authorize();
+    if (props.name === import_developer_studio_api24.IntegrationNames.Accounts) {
+      if (((_a = props.trigger) == null ? void 0 : _a.mode) === import_developer_studio_api24.IntegrationModes.Modal) {
+        const result = yield (0, import_developer_studio_ui_react23.getAccountsSDK)().popup({
+          state: serializedActionData
+        }).authorize();
+        if (props.onSuccess && result.access_token) {
+          props.onSuccess(result);
+        }
+      } else {
+        (0, import_developer_studio_ui_react23.getAccountsSDK)().redirect({
+          redirect_uri: `${window.location.origin}${getWorkflowEnv(
+            "publicUrl"
+          )}/settings/integrations/${props.name}/callback/${props.action}`,
+          state: serializedActionData
+        }).authorize();
+      }
     } else if (!window.Cypress) {
-      const output = yield (0, import_developer_studio_api22.getIntegrationFlowUrl)(
+      const output = yield (0, import_developer_studio_api24.getIntegrationFlowUrl)(
         props.name,
         props.action,
-        props.trigger.mode === import_developer_studio_api22.IntegrationModes.Modal ? {
+        props.trigger.mode === import_developer_studio_api24.IntegrationModes.Modal ? {
           mode: props.trigger.mode
         } : {
-          mode: import_developer_studio_api22.IntegrationModes.Redirect,
+          mode: import_developer_studio_api24.IntegrationModes.Redirect,
           redirectUrl: `${window.location.origin}${getWorkflowEnv(
             "publicUrl"
           )}/settings/integrations/${props.name}/callback/${props.action}`
         },
-        (_a = props.context) != null ? _a : {},
+        (_b = props.context) != null ? _b : {},
         serializedActionData,
         {
           user: {
             id: meta.user.profile.id,
-            token: (_b = (0, import_developer_studio_ui_react23.getCookie)("access_token")) != null ? _b : ""
+            token: (_c = (0, import_developer_studio_ui_react23.getCookie)("access_token")) != null ? _c : ""
           },
           urls: {
             adapterUrl: `${getWorkflowEnv("adapterUrl")}`
           }
         }
       );
-      if (output && props.trigger.mode === import_developer_studio_api22.IntegrationModes.Modal) {
+      if (output && props.trigger.mode === import_developer_studio_api24.IntegrationModes.Modal) {
         const response = integrationHandlerWrapper(
           output,
           props.trigger.handler,
@@ -15247,7 +15358,7 @@ var BigCommerceAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api23.IntegrationNames.BigCommerce,
+      name: import_developer_studio_api25.IntegrationNames.BigCommerce,
       action,
       data: props.data,
       context: props.context,
@@ -15255,7 +15366,7 @@ var BigCommerceAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api23.IntegrationModes.Modal,
+        mode: import_developer_studio_api25.IntegrationModes.Modal,
         handler: (output) => bigCommerceActionHandlers(login)[action](output)
       },
       onSuccess: props.onSuccess
@@ -15265,9 +15376,9 @@ var BigCommerceAction = (props) => {
 function triggerBigCommerceAction(props, meta) {
   return executeIntegrationAction(
     __spreadProps(__spreadValues({}, props), {
-      name: import_developer_studio_api23.IntegrationNames.BigCommerce,
+      name: import_developer_studio_api25.IntegrationNames.BigCommerce,
       trigger: {
-        mode: import_developer_studio_api23.IntegrationModes.Modal,
+        mode: import_developer_studio_api25.IntegrationModes.Modal,
         handler: (output) => bigCommerceActionHandlers(meta.login)[props.action](output)
       }
     }),
@@ -15279,7 +15390,7 @@ var bigCommerceActionHandlers = (login) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         login({
-          source: import_developer_studio_api23.IntegrationNames.BigCommerce,
+          source: import_developer_studio_api25.IntegrationNames.BigCommerce,
           data: { token: output.result.token, shop: output.result.shop }
         });
         return {
@@ -15352,7 +15463,7 @@ var noteStyles = css`
 function BigCommerce() {
   var _a, _b;
   const { pathname } = (0, import_react_router_dom6.useLocation)();
-  const queryClient = (0, import_react_query4.useQueryClient)();
+  const queryClient = (0, import_react_query5.useQueryClient)();
   const credentialsQuery = useFetchBigCommerceCredentials();
   const { login } = (0, import_react50.useContext)(AuthContext);
   const {
@@ -15575,16 +15686,16 @@ var BigCommerce_default = (0, import_design_system2.notificationConnect)(BigComm
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/HubSpot/index.tsx
 var import_react53 = require("react");
 var import_react_router_dom7 = require("react-router-dom");
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 var import_design_system_icons14 = require("@livechat/design-system-icons");
 var import_design_system_react_components30 = require("@livechat/design-system-react-components");
 
 // src/hooks/integrations/hubspot/credentials.ts
-var import_developer_studio_api24 = require("@livechat/developer-studio-api");
+var import_developer_studio_api26 = require("@livechat/developer-studio-api");
 var useFetchHubspotCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api24.IntegrationNames.HubSpot
+    import_developer_studio_api26.IntegrationNames.HubSpot
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("hubpotClientId")
@@ -15602,7 +15713,7 @@ var useFetchHubspotCredentials = () => {
 
 // src/views/Settings/Integrations/HubSpot/Action.tsx
 var import_react52 = require("react");
-var import_developer_studio_api25 = require("@livechat/developer-studio-api");
+var import_developer_studio_api27 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react26 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var HubSpotAction = (props) => {
@@ -15616,7 +15727,7 @@ var HubSpotAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api25.IntegrationNames.HubSpot,
+      name: import_developer_studio_api27.IntegrationNames.HubSpot,
       action,
       data: props.data,
       context: props.context,
@@ -15624,7 +15735,7 @@ var HubSpotAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api25.IntegrationModes.Modal,
+        mode: import_developer_studio_api27.IntegrationModes.Modal,
         handler: (output) => hubSpotActionHandlers(login)[action](output)
       },
       onSuccess: props.onSuccess
@@ -15636,7 +15747,7 @@ var hubSpotActionHandlers = (login) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         login({
-          source: import_developer_studio_api25.IntegrationNames.HubSpot,
+          source: import_developer_studio_api27.IntegrationNames.HubSpot,
           data: { token: output.result.token }
         });
         return {
@@ -15689,7 +15800,7 @@ var connectionStyles2 = css`
 var HubSpot = () => {
   var _a;
   const { pathname } = (0, import_react_router_dom7.useLocation)();
-  const queryClient = (0, import_react_query5.useQueryClient)();
+  const queryClient = (0, import_react_query6.useQueryClient)();
   const credentialsQuery = useFetchHubspotCredentials();
   const oauthCredential = credentialsQuery.data.internal;
   const connected = (_a = credentialsQuery.data.internal) == null ? void 0 : _a.data.connected;
@@ -15759,16 +15870,16 @@ var HubSpot_default = HubSpot;
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Mailchimp/index.tsx
 var import_react56 = require("react");
 var import_react_router_dom8 = require("react-router-dom");
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 var import_design_system_icons15 = require("@livechat/design-system-icons");
 var import_design_system_react_components31 = require("@livechat/design-system-react-components");
 
 // src/hooks/integrations/mailchimp/credentials.ts
-var import_developer_studio_api26 = require("@livechat/developer-studio-api");
+var import_developer_studio_api28 = require("@livechat/developer-studio-api");
 var useFetchMailchimpCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api26.IntegrationNames.Mailchimp
+    import_developer_studio_api28.IntegrationNames.Mailchimp
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("mailchimpClientId")
@@ -15786,7 +15897,7 @@ var useFetchMailchimpCredentials = () => {
 
 // src/views/Settings/Integrations/Mailchimp/Action.tsx
 var import_react55 = require("react");
-var import_developer_studio_api27 = require("@livechat/developer-studio-api");
+var import_developer_studio_api29 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react27 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var MailchimpAction = (props) => {
@@ -15800,7 +15911,7 @@ var MailchimpAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api27.IntegrationNames.Mailchimp,
+      name: import_developer_studio_api29.IntegrationNames.Mailchimp,
       action,
       data: props.data,
       context: props.context,
@@ -15808,7 +15919,7 @@ var MailchimpAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api27.IntegrationModes.Modal,
+        mode: import_developer_studio_api29.IntegrationModes.Modal,
         handler: (output) => mailchimpActionHandlers(login)[action](output)
       },
       onSuccess: props.onSuccess
@@ -15820,7 +15931,7 @@ var mailchimpActionHandlers = (login) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         login({
-          source: import_developer_studio_api27.IntegrationNames.Mailchimp,
+          source: import_developer_studio_api29.IntegrationNames.Mailchimp,
           data: { token: output.result.token, server: output.result.server }
         });
         return {
@@ -15873,7 +15984,7 @@ var connectionStyles3 = css`
 var Mailchimp = () => {
   var _a;
   const { pathname } = (0, import_react_router_dom8.useLocation)();
-  const queryClient = (0, import_react_query6.useQueryClient)();
+  const queryClient = (0, import_react_query7.useQueryClient)();
   const credentialsQuery = useFetchMailchimpCredentials();
   const oauthCredential = credentialsQuery.data.internal;
   const connected = (_a = credentialsQuery.data.internal) == null ? void 0 : _a.data.connected;
@@ -15942,8 +16053,10 @@ var Mailchimp_default = Mailchimp;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/OpenAI/index.tsx
 var import_react58 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
 var import_design_system_icons16 = require("@livechat/design-system-icons");
 var import_design_system_react_components32 = require("@livechat/design-system-react-components");
+var import_developer_studio_api30 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react28 = require("@livechat/developer-studio-ui-react");
 var wrapperStyles4 = css`
   width: 100%;
@@ -15977,23 +16090,49 @@ var actionsStyles = css`
   flex-direction: column;
   margin-block-start: var(${import_design_system_react_components32.SpacingToken.Spacing7});
 `;
-var OpenAI = () => {
+function OpenAI() {
   var _a;
   const [loading, setLoading] = (0, import_react58.useState)(false);
-  const [error, setError] = (0, import_react58.useState)(false);
+  const [error, setError] = (0, import_react58.useState)();
+  const queryClient = (0, import_react_query8.useQueryClient)();
   const credentialQuery = useFetchIntegrationCredentialQuery("openai");
   const createCredential = useCreateIntegrationCredential();
   const updateCredential = useUpdateIntegrationCredential();
   const connected = Boolean((_a = credentialQuery.data) == null ? void 0 : _a.name);
   const [openAiToken, setOpenAiToken] = (0, import_react58.useState)("");
-  const handleConnect = () => {
+  const refetch = (0, import_react58.useCallback)(() => {
+    credentialQuery.refetch();
+    queryClient.invalidateQueries(
+      integrationCredentialsQueryKeys.getCredentials()
+    );
+  }, [credentialQuery, queryClient]);
+  const validateToken = () => __async(this, null, function* () {
+    setLoading(true);
+    try {
+      const isValid = yield import_developer_studio_api30.api.integrations.openai.verifyToken(openAiToken);
+      if (!isValid) {
+        setError("Invalid API KEY");
+      }
+      return isValid;
+    } catch (e) {
+      setError("Invalid API KEY");
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  });
+  const handleConnect = () => __async(this, null, function* () {
     if (!openAiToken) {
-      setError(true);
+      setError("Cannot be empty");
+      return;
+    }
+    const isValid = yield validateToken();
+    if (!isValid) {
       return;
     }
     try {
       setLoading(true);
-      createCredential.mutateAsync({
+      yield createCredential.mutateAsync({
         name: "openai",
         description: "",
         provider: "openai",
@@ -16002,16 +16141,21 @@ var OpenAI = () => {
           api_key: openAiToken
         }
       });
+      refetch();
     } catch (error2) {
-      setError(true);
+      setError(error2.message);
     } finally {
       setLoading(false);
       setOpenAiToken("");
     }
-  };
-  const handleUpdate = () => {
+  });
+  const handleUpdate = () => __async(this, null, function* () {
     if (!openAiToken) {
-      setError(true);
+      setError("Cannot be empty");
+      return;
+    }
+    const isValid = yield validateToken();
+    if (!isValid) {
       return;
     }
     try {
@@ -16025,30 +16169,31 @@ var OpenAI = () => {
           api_key: openAiToken
         }
       });
+      refetch();
     } catch (error2) {
-      setError(true);
+      setError(error2.message);
     } finally {
       setLoading(false);
       setOpenAiToken("");
     }
-  };
+  });
   const handleChange = (e) => {
     setOpenAiToken(e.target.value);
     if (e.target.value) {
-      setError(false);
+      setError(void 0);
     }
   };
   return /* @__PURE__ */ jsxs2("div", { css: wrapperStyles4, children: [
     /* @__PURE__ */ jsxs2("div", { css: connectionStyles4, children: [
       /* @__PURE__ */ jsxs2("span", { children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components32.Icon, { source: import_design_system_icons16.Chatgpt }),
-        /* @__PURE__ */ jsx4(import_design_system_react_components32.Text, { size: "lg", bold: true, children: "OpenAI" })
+        /* @__PURE__ */ jsx4(import_design_system_react_components32.Text, { bold: true, size: "lg", children: "OpenAI" })
       ] }),
       connected ? /* @__PURE__ */ jsx4(
         import_design_system_react_components32.Tag,
         {
           kind: "success",
-          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components32.Icon, { source: import_design_system_icons16.CheckCircle, size: "small" }),
+          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components32.Icon, { size: "small", source: import_design_system_icons16.CheckCircle }),
           size: "small",
           children: "Connected"
         }
@@ -16056,94 +16201,106 @@ var OpenAI = () => {
         import_design_system_react_components32.Tag,
         {
           kind: "error",
-          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components32.Icon, { source: import_design_system_icons16.CloseCircle, size: "small" }),
+          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components32.Icon, { size: "small", source: import_design_system_icons16.CloseCircle }),
           size: "small",
           children: "Not connected"
         }
       )
     ] }),
     !connected ? /* @__PURE__ */ jsxs2("div", { css: actionsStyles, children: [
-      /* @__PURE__ */ jsx4(import_design_system_react_components32.Text, { size: "sm", css: labelStyles2, children: "API Key" }),
-      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react28.Row, { noWrap: true, notPadded: true, gap: `var(${import_design_system_react_components32.SpacingToken.Spacing2})`, children: [
+      /* @__PURE__ */ jsx4(import_design_system_react_components32.Text, { css: labelStyles2, size: "sm", children: "API Key" }),
+      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react28.Row, { gap: `var(${import_design_system_react_components32.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
         /* @__PURE__ */ jsx4(
-          import_design_system_react_components32.Input,
+          import_design_system_react_components32.FormField,
           {
-            value: openAiToken,
-            onChange: (e) => {
-              handleChange(e);
-            },
-            placeholder: "Enter API Key",
-            type: "password",
-            inputSize: "medium",
-            error,
             css: css`
                 width: 100%;
-              `
+              `,
+            error,
+            children: /* @__PURE__ */ jsx4(
+              import_design_system_react_components32.Input,
+              {
+                error: Boolean(error),
+                inputSize: "medium",
+                onChange: (e) => {
+                  handleChange(e);
+                },
+                placeholder: "Enter API Key",
+                type: "password",
+                value: openAiToken
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx4(
           import_design_system_react_components32.Button,
           {
-            size: "medium",
+            disabled: loading,
             kind: "secondary",
-            onClick: handleConnect,
             loading,
-            disabled: loading,
+            onClick: handleConnect,
+            size: "medium",
             children: "Connect"
           }
         )
       ] })
     ] }) : /* @__PURE__ */ jsxs2("div", { css: actionsStyles, children: [
-      /* @__PURE__ */ jsx4(import_design_system_react_components32.Text, { size: "sm", css: labelStyles2, children: "API Key" }),
-      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react28.Row, { noWrap: true, notPadded: true, gap: `var(${import_design_system_react_components32.SpacingToken.Spacing2})`, children: [
+      /* @__PURE__ */ jsx4(import_design_system_react_components32.Text, { css: labelStyles2, size: "sm", children: "API Key" }),
+      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react28.Row, { gap: `var(${import_design_system_react_components32.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
         /* @__PURE__ */ jsx4(
-          import_design_system_react_components32.Input,
+          import_design_system_react_components32.FormField,
           {
-            value: openAiToken,
-            onChange: (e) => {
-              handleChange(e);
-            },
-            placeholder: "Enter API Key",
-            type: "password",
-            inputSize: "medium",
-            error,
             css: css`
                 width: 100%;
-              `
+              `,
+            error,
+            children: /* @__PURE__ */ jsx4(
+              import_design_system_react_components32.Input,
+              {
+                error: Boolean(error),
+                inputSize: "medium",
+                onChange: (e) => {
+                  handleChange(e);
+                },
+                placeholder: "Enter API Key",
+                type: "password",
+                value: openAiToken
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx4(
           import_design_system_react_components32.Button,
           {
-            size: "medium",
+            disabled: loading,
             kind: "secondary",
-            onClick: handleUpdate,
             loading,
-            disabled: loading,
+            onClick: handleUpdate,
+            size: "medium",
             children: "Update"
           }
         )
       ] })
     ] })
   ] });
-};
+}
 var OpenAI_default = OpenAI;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Shopify/index.tsx
 var import_react61 = require("react");
 var import_react_router_dom9 = require("react-router-dom");
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_design_system3 = require("@livechat/design-system");
 var import_design_system_icons17 = require("@livechat/design-system-icons");
 var import_design_system_react_components33 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react30 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/shopify/credentials.ts
-var import_developer_studio_api28 = require("@livechat/developer-studio-api");
+var import_developer_studio_api31 = require("@livechat/developer-studio-api");
 var useFetchShopifyCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api28.IntegrationNames.Shopify
+    import_developer_studio_api31.IntegrationNames.Shopify
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("shopifyClientId")
@@ -16161,7 +16318,7 @@ var useFetchShopifyCredentials = () => {
 
 // src/views/Settings/Integrations/Shopify/Action.tsx
 var import_react60 = require("react");
-var import_developer_studio_api29 = require("@livechat/developer-studio-api");
+var import_developer_studio_api32 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react29 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var ShopifyAction = (props) => {
@@ -16175,7 +16332,7 @@ var ShopifyAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api29.IntegrationNames.Shopify,
+      name: import_developer_studio_api32.IntegrationNames.Shopify,
       action,
       data: props.data,
       context: props.context,
@@ -16183,7 +16340,7 @@ var ShopifyAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api29.IntegrationModes.Modal,
+        mode: import_developer_studio_api32.IntegrationModes.Modal,
         handler: (output) => shopifyActionHandlers(login)[action](output)
       },
       onSuccess: props.onSuccess
@@ -16193,9 +16350,9 @@ var ShopifyAction = (props) => {
 function triggerShopifyAction(props, meta) {
   return executeIntegrationAction(
     __spreadProps(__spreadValues({}, props), {
-      name: import_developer_studio_api29.IntegrationNames.Shopify,
+      name: import_developer_studio_api32.IntegrationNames.Shopify,
       trigger: {
-        mode: import_developer_studio_api29.IntegrationModes.Modal,
+        mode: import_developer_studio_api32.IntegrationModes.Modal,
         handler: (output) => shopifyActionHandlers(meta.login)[props.action](output)
       }
     }),
@@ -16207,7 +16364,7 @@ var shopifyActionHandlers = (login) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         login({
-          source: import_developer_studio_api29.IntegrationNames.Shopify,
+          source: import_developer_studio_api32.IntegrationNames.Shopify,
           data: { token: output.result.token, shop: output.result.shop }
         });
         return {
@@ -16276,7 +16433,7 @@ var noteStyles2 = css`
 function Shopify() {
   var _a, _b;
   const { pathname } = (0, import_react_router_dom9.useLocation)();
-  const queryClient = (0, import_react_query7.useQueryClient)();
+  const queryClient = (0, import_react_query9.useQueryClient)();
   const credentialsQuery = useFetchShopifyCredentials();
   const { login } = (0, import_react61.useContext)(AuthContext);
   const {
@@ -16497,16 +16654,18 @@ function Shopify() {
 var Shopify_default = (0, import_design_system3.notificationConnect)(Shopify);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Text/index.tsx
+var import_react63 = require("react");
 var import_react_router_dom10 = require("react-router-dom");
 var import_design_system_icons18 = require("@livechat/design-system-icons");
 var import_design_system_react_components34 = require("@livechat/design-system-react-components");
+var import_developer_studio_ui_react32 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/text/credentials.ts
-var import_developer_studio_api30 = require("@livechat/developer-studio-api");
+var import_developer_studio_api33 = require("@livechat/developer-studio-api");
 var useFetchTextCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api30.IntegrationNames.Text
+    import_developer_studio_api33.IntegrationNames.Text
   );
   const textAuth = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "text_auth"
@@ -16533,24 +16692,88 @@ var useFetchUserInstalledTextIntegration = (user) => {
   }, rest);
 };
 
-// src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Text/index.tsx
-var wrapperStyles6 = css`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(${import_design_system_react_components34.SpacingToken.Spacing2});
-  padding: var(${import_design_system_react_components34.SpacingToken.Spacing2}) 0;
-`;
-var infoStyles5 = css`
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 16px;
-  color: ${import_design_system_react_components34.DesignToken.ContentBasicSecondary};
-  margin-top: var(${import_design_system_react_components34.SpacingToken.Spacing3});
-`;
-var connectionStyles6 = css`
-  background-color: var(${import_design_system_react_components34.DesignToken.SurfaceSecondaryDefault});
-  border-radius: var(${import_design_system_react_components34.RadiusToken.Radius2});
+// src/views/Settings/Integrations/Accounts/Action.tsx
+var import_developer_studio_api34 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react31 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var AccountsAction = (props) => {
+  var _a;
+  const match2 = (0, import_developer_studio_ui_react31.useMatch)();
+  const action = (_a = props.action) != null ? _a : match2.params.action;
+  if (!action) {
+    throw new Error("Invalid action");
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    IntegrationAction_default,
+    {
+      name: import_developer_studio_api34.IntegrationNames.Accounts,
+      action,
+      data: props.data,
+      context: props.context,
+      serializedData: match2.params.data,
+      serializedContext: match2.params.context,
+      executor: props.executor,
+      trigger: {
+        mode: import_developer_studio_api34.IntegrationModes.Modal,
+        handler: (output) => accountsActionHandlers()[action](output)
+      },
+      onSuccess: props.onSuccess
+    }
+  );
+};
+function triggerAccountsAction(props, meta) {
+  executeIntegrationAction(
+    __spreadProps(__spreadValues({}, props), {
+      name: import_developer_studio_api34.IntegrationNames.Accounts,
+      trigger: {
+        mode: import_developer_studio_api34.IntegrationModes.Modal,
+        handler: (output) => accountsActionHandlers()[props.action](output)
+      }
+    }),
+    meta
+  );
+}
+var accountsActionHandlers = () => {
+  const handlers = {
+    activate: (output) => {
+      if (output.status === "success" && output.result.access_token) {
+        (0, import_developer_studio_ui_react31.setRootData)({
+          access_token: output.result.access_token,
+          scope: output.result.scope,
+          expires_in: output.result.expires_in
+        });
+        return {
+          isValid: true,
+          result: output.result
+        };
+      }
+      return {
+        isValid: false
+      };
+    }
+  };
+  return handlers;
+};
+var Action_default5 = AccountsAction;
+
+// src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Text/index.tsx
+var wrapperStyles6 = css`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(${import_design_system_react_components34.SpacingToken.Spacing2});
+  padding: var(${import_design_system_react_components34.SpacingToken.Spacing2}) 0;
+`;
+var infoStyles5 = css`
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 16px;
+  color: ${import_design_system_react_components34.DesignToken.ContentBasicSecondary};
+  margin-top: var(${import_design_system_react_components34.SpacingToken.Spacing3});
+`;
+var connectionStyles6 = css`
+  background-color: var(${import_design_system_react_components34.DesignToken.SurfaceSecondaryDefault});
+  border-radius: var(${import_design_system_react_components34.RadiusToken.Radius2});
   padding: var(${import_design_system_react_components34.SpacingToken.Spacing3});
   display: flex;
   justify-content: space-between;
@@ -16565,20 +16788,37 @@ var connectionStyles6 = css`
     }
   }
 `;
-var GlobalAccounts = () => {
+function GlobalAccounts(props) {
+  const { pathname } = (0, import_react_router_dom10.useLocation)();
+  const notifications = (0, import_developer_studio_ui_react32.useNotifications)();
+  const {
+    userData: { user }
+  } = (0, import_developer_studio_ui_react32.useRootContext)();
   const credentialsQuery = useFetchTextCredentials();
+  const organizationProductsQuery = useFetchOrganizationProducts();
+  const {
+    updateOrganizationProducts,
+    isLoading: isOrganizationProductsUpdating
+  } = useUpdateOrganizationProducts();
   const connected = Boolean(credentialsQuery.data.internal);
+  const needToBeActivated = organizationProductsQuery.data ? !organizationProductsQuery.data.find(
+    (product) => product.product === props.product
+  ) : void 0;
+  const refetch = (0, import_react63.useCallback)(() => {
+    credentialsQuery.refetch();
+    organizationProductsQuery.refetch();
+  }, [credentialsQuery, organizationProductsQuery]);
   return /* @__PURE__ */ jsxs2("div", { css: wrapperStyles6, children: [
     /* @__PURE__ */ jsxs2("div", { css: connectionStyles6, children: [
       /* @__PURE__ */ jsxs2("span", { children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components34.Icon, { source: import_design_system_icons18.TextLogo }),
-        /* @__PURE__ */ jsx4(import_design_system_react_components34.Text, { size: "lg", bold: true, children: "Text" })
+        /* @__PURE__ */ jsx4(import_design_system_react_components34.Text, { bold: true, size: "lg", children: "Text" })
       ] }),
       connected ? /* @__PURE__ */ jsx4(
         import_design_system_react_components34.Tag,
         {
           kind: "success",
-          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components34.Icon, { source: import_design_system_icons18.CheckCircle, size: "small" }),
+          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components34.Icon, { size: "small", source: import_design_system_icons18.CheckCircle }),
           size: "small",
           children: "Connected"
         }
@@ -16586,12 +16826,61 @@ var GlobalAccounts = () => {
         import_design_system_react_components34.Tag,
         {
           kind: "error",
-          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components34.Icon, { source: import_design_system_icons18.CloseCircle, size: "small" }),
+          leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components34.Icon, { size: "small", source: import_design_system_icons18.CloseCircle }),
           size: "small",
           children: "Not connected"
         }
       ) : /* @__PURE__ */ jsx4(import_design_system_react_components34.Loader, { size: "small" })
     ] }),
+    props.product && needToBeActivated ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react32.Card, { light: true, children: [
+      /* @__PURE__ */ jsxs2("p", { children: [
+        "To use ",
+        props.product,
+        " in your workflow, you need an active",
+        " ",
+        props.product,
+        "account."
+      ] }),
+      props.product === "HelpDesk" && /* @__PURE__ */ jsx4("p", { children: "We can activate your HelpDesk license on your behalf using your registered email. You`'ll automatically start a 14-day trial." }),
+      /* @__PURE__ */ jsx4("p", { children: "Do you want to proceed?" }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react32.Row, { flexEnd: true, notPadded: true, children: /* @__PURE__ */ jsx4(
+        import_design_system_react_components34.Button,
+        {
+          kind: "primary",
+          loading: organizationProductsQuery.isRefetching || isOrganizationProductsUpdating,
+          onClick: () => __async(this, null, function* () {
+            if (!props.product) {
+              return;
+            }
+            try {
+              yield updateOrganizationProducts({
+                productName: props.product
+              });
+              user && triggerAccountsAction(
+                {
+                  action: "activate",
+                  data: {
+                    redirectTo: {
+                      success: pathname || "/settings/integrations/shopify/status"
+                    }
+                  },
+                  context: {},
+                  onSuccess: refetch
+                },
+                {
+                  notifications: notifications.context,
+                  user
+                }
+              );
+            } catch (e) {
+              notifications.showError(`Couldn't activate ${props.product}`);
+            }
+          }),
+          type: "submit",
+          children: "Start free trial"
+        }
+      ) })
+    ] }) : null,
     /* @__PURE__ */ jsxs2("p", { css: infoStyles5, children: [
       "Text Platform provides a secure connection with Global Accounts. To add, change, or remove the connection,",
       " ",
@@ -16599,17 +16888,17 @@ var GlobalAccounts = () => {
       "."
     ] })
   ] });
-};
+}
 var Text_default = GlobalAccounts;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/Wrapper.tsx
 var componentsMap = {
-  [`${import_developer_studio_api31.IntegrationNames.Text}-${PRODUCT_TYPE.HD}`]: () => /* @__PURE__ */ jsx4(Text_default, {}),
-  [`${import_developer_studio_api31.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`]: () => /* @__PURE__ */ jsx4(Text_default, {}),
-  [import_developer_studio_api31.IntegrationNames.Shopify]: () => /* @__PURE__ */ jsx4(Shopify_default, {}),
-  [import_developer_studio_api31.IntegrationNames.Mailchimp]: () => /* @__PURE__ */ jsx4(Mailchimp_default, {}),
-  [import_developer_studio_api31.IntegrationNames.BigCommerce]: () => /* @__PURE__ */ jsx4(BigCommerce_default, {}),
-  [import_developer_studio_api31.IntegrationNames.HubSpot]: () => /* @__PURE__ */ jsx4(HubSpot_default, {}),
+  [`${import_developer_studio_api35.IntegrationNames.Text}-${PRODUCT_TYPE.HD}`]: ({ product }) => /* @__PURE__ */ jsx4(Text_default, { product }),
+  [`${import_developer_studio_api35.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`]: ({ product }) => /* @__PURE__ */ jsx4(Text_default, { product }),
+  [import_developer_studio_api35.IntegrationNames.Shopify]: () => /* @__PURE__ */ jsx4(Shopify_default, {}),
+  [import_developer_studio_api35.IntegrationNames.Mailchimp]: () => /* @__PURE__ */ jsx4(Mailchimp_default, {}),
+  [import_developer_studio_api35.IntegrationNames.BigCommerce]: () => /* @__PURE__ */ jsx4(BigCommerce_default, {}),
+  [import_developer_studio_api35.IntegrationNames.HubSpot]: () => /* @__PURE__ */ jsx4(HubSpot_default, {}),
   openai: () => /* @__PURE__ */ jsx4(OpenAI_default, {})
 };
 var CustomSchemaFormWrapper = ({
@@ -16620,10 +16909,10 @@ var CustomSchemaFormWrapper = ({
 }) => {
   var _a;
   const spec = workflowBuilderUtils.getItemConfig(data);
-  const [selectedTab, setSelectedTab] = (0, import_react64.useState)(
+  const [selectedTab, setSelectedTab] = (0, import_react65.useState)(
     preselectedTab != null ? preselectedTab : !spec || (spec == null ? void 0 : spec.specification.input) ? "parameters" : spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? "connection" : void 0
   );
-  const tabItems = (0, import_react64.useMemo)(
+  const tabItems = (0, import_react65.useMemo)(
     () => [
       !spec || (spec == null ? void 0 : spec.specification.input) ? { id: "parameters", title: "Parameters" } : void 0,
       spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? {
@@ -16635,7 +16924,7 @@ var CustomSchemaFormWrapper = ({
     ),
     [spec]
   );
-  return /* @__PURE__ */ jsxs2(import_react64.Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(import_react65.Fragment, { children: [
     tabItems.length > 1 ? /* @__PURE__ */ jsx4(
       import_design_system_react_components35.TabsWrapper,
       {
@@ -16653,7 +16942,7 @@ var CustomSchemaFormWrapper = ({
               onClick: () => {
                 setSelectedTab(id);
               },
-              icon: ((_a2 = tabsMetadata == null ? void 0 : tabsMetadata[id]) == null ? void 0 : _a2.hasError) ? /* @__PURE__ */ jsx4(import_design_system_react_components35.Icon, { source: import_design_system_icons19.Error, size: "small", kind: "negative" }) : /* @__PURE__ */ jsx4(import_react64.Fragment, {}),
+              icon: ((_a2 = tabsMetadata == null ? void 0 : tabsMetadata[id]) == null ? void 0 : _a2.hasError) ? /* @__PURE__ */ jsx4(import_design_system_react_components35.Icon, { source: import_design_system_icons19.Error, size: "small", kind: "negative" }) : /* @__PURE__ */ jsx4(import_react65.Fragment, {}),
               children: title
             },
             id
@@ -16661,7 +16950,9 @@ var CustomSchemaFormWrapper = ({
         }) })
       }
     ) : void 0,
-    spec && selectedTab === "connection" && ((_a = componentsMap[spec.customization.provider]) == null ? void 0 : _a.call(componentsMap, {})),
+    spec && selectedTab === "connection" && ((_a = componentsMap[spec.customization.provider]) == null ? void 0 : _a.call(componentsMap, {
+      product: spec.customization.product
+    })),
     selectedTab === "parameters" && /* @__PURE__ */ jsx4(
       "div",
       {
@@ -16682,7 +16973,7 @@ var HttpNodeForm = ({
   onChange,
   readonly
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
   const spec = (_a = metadata.frame.__meta) == null ? void 0 : _a.config;
   if (data.name === "http") {
     return /* @__PURE__ */ jsx4(
@@ -16710,29 +17001,26 @@ var HttpNodeForm = ({
     result[key] = value;
     return result;
   }, {});
-  const isTextIntegration = (_h = (_g = metadata.frame.__meta) == null ? void 0 : _g.config) == null ? void 0 : _h.customization.provider.startsWith(
-    import_developer_studio_api32.IntegrationNames.Text
-  );
-  const hasConnectionError = Boolean(
-    (_k = (_j = (_i = metadata.errors) == null ? void 0 : _i.inputParameters) == null ? void 0 : _j.http_request) == null ? void 0 : _k.headers
+  const hasConnectionError = (_h = (_g = metadata.errors) == null ? void 0 : _g.__errorsExtended) == null ? void 0 : _h.some(
+    (error) => error.keyword === "connection" || "activation"
   );
   return /* @__PURE__ */ jsxs2(
     Wrapper_default,
     {
       data,
-      preselectedTab: hasConnectionError && !isTextIntegration ? "connection" : void 0,
+      preselectedTab: hasConnectionError ? "connection" : void 0,
       tabsMetadata: {
         connection: {
-          hasError: hasConnectionError && !isTextIntegration
+          hasError: hasConnectionError
         }
       },
       children: [
-        ((_m = (_l = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _l.properties) == null ? void 0 : _m.query) ? /* @__PURE__ */ jsx4(
+        ((_j = (_i = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _i.properties) == null ? void 0 : _j.query) ? /* @__PURE__ */ jsx4(
           Form_default,
           {
-            schema: (_o = (_n = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _n.properties) == null ? void 0 : _o.query,
+            schema: (_l = (_k = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _k.properties) == null ? void 0 : _l.query,
             formData: queryParams,
-            formErrors: ((_r = (_q = (_p = metadata.errors) == null ? void 0 : _p.inputParameters) == null ? void 0 : _q.http_request) == null ? void 0 : _r.uri) ? Object.fromEntries(
+            formErrors: ((_o = (_n = (_m = metadata.errors) == null ? void 0 : _m.inputParameters) == null ? void 0 : _n.http_request) == null ? void 0 : _o.uri) ? Object.fromEntries(
               Object.entries(queryParams).map((entry) => {
                 var _a2, _b2, _c2;
                 return [
@@ -16756,12 +17044,12 @@ var HttpNodeForm = ({
             readonly
           }
         ) : void 0,
-        ((_t = (_s = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _s.properties) == null ? void 0 : _t.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,
           {
-            schema: (_v = (_u = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _u.properties) == null ? void 0 : _v.body,
+            schema: (_s = (_r = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _r.properties) == null ? void 0 : _s.body,
             formData: data.inputParameters.http_request.body,
-            formErrors: (_y = (_x = (_w = metadata.errors) == null ? void 0 : _w.inputParameters) == null ? void 0 : _x.http_request) == null ? void 0 : _y.body,
+            formErrors: (_v = (_u = (_t = metadata.errors) == null ? void 0 : _t.inputParameters) == null ? void 0 : _u.http_request) == null ? void 0 : _v.body,
             formContext: __spreadProps(__spreadValues({}, metadata), {
               data
             }),
@@ -16784,14 +17072,14 @@ var HttpNodeForm = ({
 var Form_default3 = HttpNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/HttpNode/Node.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_reactflow8 = require("reactflow");
 function HttpNode({
   id,
   data
 }) {
   var _a, _b;
-  const [isHovered, setIsHovered] = (0, import_react66.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react67.useState)(false);
   const {
     removeTask,
     goToAddTask,
@@ -16857,10 +17145,10 @@ function HttpNode({
     }
   );
 }
-var Node_default2 = (0, import_react66.memo)(HttpNode);
+var Node_default2 = (0, import_react67.memo)(HttpNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/SwitchNode/Base.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_design_system_icons20 = require("@livechat/design-system-icons");
 var import_design_system_react_components36 = require("@livechat/design-system-react-components");
 var Node3 = newStyled.div`
@@ -16918,7 +17206,7 @@ var SwitchNodeBase = ({
   const {
     state: { selection }
   } = useWorkflowContext();
-  return /* @__PURE__ */ jsxs2(import_react67.Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(import_react68.Fragment, { children: [
     top,
     /* @__PURE__ */ jsxs2(Node3, { source: Boolean(source), editing: (selection == null ? void 0 : selection.id) === id, children: [
       toolbar,
@@ -16965,7 +17253,7 @@ var SwitchNodeForm = ({
 var Form_default4 = SwitchNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/SwitchNode/Node.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_reactflow9 = require("reactflow");
 var import_design_system_react_components37 = require("@livechat/design-system-react-components");
 var handlerWrapperCss = css`
@@ -16988,10 +17276,10 @@ function SwitchNode({
   id,
   data
 }) {
-  const [isHovered, setIsHovered] = (0, import_react69.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react70.useState)(false);
   const { nodes, updateTask, removeTask, goToAddTask } = useWorkflowContext();
   const node2 = nodes.find((node3) => node3.id === id);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     const sourceNode = nodes.find((node1) => node1.id === (node2 == null ? void 0 : node2.source));
     if (sourceNode) {
@@ -17021,7 +17309,7 @@ function SwitchNode({
     }
   }, [node2 == null ? void 0 : node2.source]);
   if (!node2) {
-    return /* @__PURE__ */ jsx4(import_react69.Fragment, {});
+    return /* @__PURE__ */ jsx4(import_react70.Fragment, {});
   }
   return /* @__PURE__ */ jsx4(
     CustomNodeWrapper,
@@ -17037,7 +17325,7 @@ function SwitchNode({
         {
           id,
           name: data.name,
-          top: /* @__PURE__ */ jsxs2(import_react69.Fragment, { children: [
+          top: /* @__PURE__ */ jsxs2(import_react70.Fragment, { children: [
             /* @__PURE__ */ jsx4(
               import_reactflow9.Handle,
               {
@@ -17069,7 +17357,7 @@ function SwitchNode({
               }
             }
           ),
-          bottom: /* @__PURE__ */ jsxs2(import_react69.Fragment, { children: [
+          bottom: /* @__PURE__ */ jsxs2(import_react70.Fragment, { children: [
             /* @__PURE__ */ jsx4(
               import_reactflow9.Handle,
               {
@@ -17099,13 +17387,13 @@ function SwitchNode({
     }
   );
 }
-var Node_default3 = (0, import_react69.memo)(SwitchNode);
+var Node_default3 = (0, import_react70.memo)(SwitchNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TerminateNode/Base.tsx
 var import_design_system_icons21 = require("@livechat/design-system-icons");
 var import_design_system_react_components38 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react31 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_developer_studio_ui_react33 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Node4 = newStyled.div`
   background-color: ${({ editing }) => editing ? `var(${import_design_system_react_components38.DesignToken.SurfacePrimaryActive})` : `var(${import_design_system_react_components38.DesignToken.SurfacePrimaryDefault})`};
   color: var(${import_design_system_react_components38.DesignToken.ContentBasicPrimary});
@@ -17148,7 +17436,7 @@ var TerminateNodeBase = ({
   const {
     state: { selection, visibility }
   } = useWorkflowContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     Node4,
     {
       hasErrors: visibility.validation && hasErrors,
@@ -17156,9 +17444,9 @@ var TerminateNodeBase = ({
       children: [
         top,
         toolbar,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Header5, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Title4, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_design_system_react_components38.Icon, { size: "large", source: import_design_system_icons21.ArrowBarToRight }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_developer_studio_ui_react31.Column, { notPadded: true, children: "END" })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Header5, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Title4, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_design_system_react_components38.Icon, { size: "large", source: import_design_system_icons21.ArrowBarToRight }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_developer_studio_ui_react33.Column, { notPadded: true, children: "END" })
         ] }) })
       ]
     }
@@ -17191,13 +17479,13 @@ var TerminateNodeForm = ({
 var Form_default5 = TerminateNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TerminateNode/Node.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_reactflow10 = require("reactflow");
 function TerminateNode({
   id,
   data
 }) {
-  const [isHovered, setIsHovered] = (0, import_react71.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react72.useState)(false);
   const { removeTask, goToAddTask } = useWorkflowContext();
   return /* @__PURE__ */ jsx4(
     CustomNodeWrapper,
@@ -17240,12 +17528,12 @@ function TerminateNode({
     }
   );
 }
-var Node_default4 = (0, import_react71.memo)(TerminateNode);
+var Node_default4 = (0, import_react72.memo)(TerminateNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TriggerNode/Base.tsx
 var import_design_system_react_components39 = require("@livechat/design-system-react-components");
-var import_developer_studio_api33 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react32 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api36 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react34 = require("@livechat/developer-studio-ui-react");
 var Node5 = newStyled.div`
   background-color: ${({ editing }) => editing ? `var(${import_design_system_react_components39.DesignToken.SurfacePrimaryActive})` : `var(${import_design_system_react_components39.DesignToken.SurfacePrimaryDefault})`};
   color: var(${import_design_system_react_components39.DesignToken.ContentBasicPrimary});
@@ -17296,7 +17584,7 @@ var TriggerNodeBase = ({
   } = useWorkflowContext();
   const frame = frames.trigger;
   const customization = (_a = frame == null ? void 0 : frame.__meta) == null ? void 0 : _a.config.customization;
-  const revertIconColor = getWorkflowEnv2("isHeadless") && ((customization == null ? void 0 : customization.icon) === import_developer_studio_api33.IntegrationNames.OpenAI || (customization == null ? void 0 : customization.icon) === import_developer_studio_api33.IntegrationNames.BigCommerce);
+  const revertIconColor = getWorkflowEnv2("isHeadless") && ((customization == null ? void 0 : customization.icon) === import_developer_studio_api36.IntegrationNames.OpenAI || (customization == null ? void 0 : customization.icon) === import_developer_studio_api36.IntegrationNames.BigCommerce);
   return /* @__PURE__ */ jsxs2(
     Node5,
     {
@@ -17317,7 +17605,7 @@ var TriggerNodeBase = ({
             }
           ),
           /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react32.Column,
+            import_developer_studio_ui_react34.Column,
             {
               notPadded: true,
               css: css`
@@ -17355,10 +17643,9 @@ var TriggerNodeBase = ({
 var Base_default5 = TriggerNodeBase;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TriggerNode/Form.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_react_js_cron = require("react-js-cron");
 var import_design_system_react_components40 = require("@livechat/design-system-react-components");
-var import_developer_studio_api34 = require("@livechat/developer-studio-api");
 var cronCss = css`
   width: 100%;
 
@@ -17393,7 +17680,7 @@ var cronCss = css`
   }
 `;
 var CronWrapper = (props) => {
-  const [state, setState] = (0, import_react73.useState)(props.value);
+  const [state, setState] = (0, import_react74.useState)(props.value);
   return /* @__PURE__ */ jsx4(
     import_react_js_cron.Cron,
     {
@@ -17416,20 +17703,17 @@ var TriggerNodeForm = ({
   if (data.type === "webhook") {
     const _a = data.webhook.event, { name } = _a, formData = __objRest(_a, ["name"]);
     const specConfig = (_c = (_b = metadata.frame) == null ? void 0 : _b.__meta) == null ? void 0 : _c.config;
-    const isTextIntegration = data.webhook.source.startsWith(
-      import_developer_studio_api34.IntegrationNames.Text
-    );
-    const hasConnectionError = Boolean(
-      (_e = (_d = metadata.error) == null ? void 0 : _d.webhook) == null ? void 0 : _e.headers
+    const hasConnectionError = (_e = (_d = metadata.errors) == null ? void 0 : _d.__errorsExtended) == null ? void 0 : _e.some(
+      (error) => error.keyword === "connection" || "activation"
     );
     return /* @__PURE__ */ jsx4(
       Wrapper_default,
       {
         data,
-        preselectedTab: hasConnectionError && !isTextIntegration ? "connection" : void 0,
+        preselectedTab: hasConnectionError ? "connection" : void 0,
         tabsMetadata: {
           connection: {
-            hasError: hasConnectionError && !isTextIntegration
+            hasError: hasConnectionError
           }
         },
         children: /* @__PURE__ */ jsx4(
@@ -17438,7 +17722,7 @@ var TriggerNodeForm = ({
             schema: (_f = specConfig == null ? void 0 : specConfig.specification) == null ? void 0 : _f.input,
             formData,
             formContext: { frame: metadata.frame, data },
-            formErrors: (_h = (_g = metadata.error) == null ? void 0 : _g.webhook) == null ? void 0 : _h.event,
+            formErrors: (_h = (_g = metadata.errors) == null ? void 0 : _g.webhook) == null ? void 0 : _h.event,
             onChange: (formData2) => {
               onChange(__spreadProps(__spreadValues({}, data), {
                 webhook: __spreadProps(__spreadValues({}, data.webhook), {
@@ -17465,18 +17749,18 @@ var TriggerNodeForm = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx4(import_react73.Fragment, {});
+  return /* @__PURE__ */ jsx4(import_react74.Fragment, {});
 };
 var Form_default6 = TriggerNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TriggerNode/Node.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_reactflow11 = require("reactflow");
 function TriggerNode({
   id,
   data
 }) {
-  const [isHovered, setIsHovered] = (0, import_react75.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react76.useState)(false);
   const {
     goToAddTask,
     removeTrigger,
@@ -17531,7 +17815,7 @@ function TriggerNode({
     }
   );
 }
-var Node_default5 = (0, import_react75.memo)(TriggerNode);
+var Node_default5 = (0, import_react76.memo)(TriggerNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Panels/Edit/Wrapper.tsx
 var import_styles = require("react-js-cron/dist/styles.css");
@@ -17561,8 +17845,8 @@ var Title6 = newStyled.p`
   align-items: center;
   gap: 16px;
 `;
-var EditNodeWrapper = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+function EditNodeWrapper() {
+  var _a, _b, _c, _d, _e;
   const {
     updateTask,
     updateTrigger,
@@ -17581,15 +17865,15 @@ var EditNodeWrapper = () => {
     frame: frames.trigger
   } : {
     data: workflow.definition.tasks.find(
-      (task2) => task2.taskReferenceName === (selection == null ? void 0 : selection.id)
+      (task2) => task2.taskReferenceName === selection.id
     ),
-    frame: frames.tasks[(_a = selection == null ? void 0 : selection.id) != null ? _a : ""]
+    frame: frames.tasks[(_a = selection.id) != null ? _a : ""]
   } : {
     data: void 0,
     frame: void 0
   };
   if (!data) {
-    return /* @__PURE__ */ jsx4(import_react76.Fragment, {});
+    return /* @__PURE__ */ jsx4(Fragment3, {});
   }
   const config14 = (_b = frame == null ? void 0 : frame.__meta) == null ? void 0 : _b.config;
   const readonly = !workflow.draft;
@@ -17600,8 +17884,8 @@ var EditNodeWrapper = () => {
         return /* @__PURE__ */ jsx4(
           Form_default3,
           {
-            id: data.taskReferenceName,
             data,
+            id: data.taskReferenceName,
             metadata: {
               triggerType: workflow.trigger.type,
               frame: frames.tasks[data.taskReferenceName],
@@ -17617,8 +17901,8 @@ var EditNodeWrapper = () => {
         return /* @__PURE__ */ jsx4(
           Form_default4,
           {
-            id: data.taskReferenceName,
             data,
+            id: data.taskReferenceName,
             metadata: {
               frame: frames.tasks[data.taskReferenceName]
             },
@@ -17632,8 +17916,8 @@ var EditNodeWrapper = () => {
         return /* @__PURE__ */ jsx4(
           Form_default2,
           {
-            id: data.taskReferenceName,
             data,
+            id: data.taskReferenceName,
             metadata: {
               frame: frames.tasks[data.taskReferenceName]
             },
@@ -17647,8 +17931,8 @@ var EditNodeWrapper = () => {
         return /* @__PURE__ */ jsx4(
           Form_default5,
           {
-            id: data.taskReferenceName,
             data,
+            id: data.taskReferenceName,
             metadata: {
               frame: frames.tasks[data.taskReferenceName]
             },
@@ -17666,7 +17950,7 @@ var EditNodeWrapper = () => {
             data,
             metadata: {
               frame: frames.trigger,
-              error: errors.trigger
+              errors: errors.trigger
             },
             onChange: (trigger) => {
               updateTrigger(trigger);
@@ -17676,9 +17960,9 @@ var EditNodeWrapper = () => {
         );
     }
   };
-  const revertIconColor = getWorkflowEnv2("isHeadless") && (((_c = config14 == null ? void 0 : config14.customization) == null ? void 0 : _c.icon) === import_developer_studio_api35.IntegrationNames.OpenAI || ((_d = config14 == null ? void 0 : config14.customization) == null ? void 0 : _d.icon) === import_developer_studio_api35.IntegrationNames.BigCommerce);
+  const revertIconColor = getWorkflowEnv2("isHeadless") && ((config14 == null ? void 0 : config14.customization.icon) === import_developer_studio_api37.IntegrationNames.OpenAI || (config14 == null ? void 0 : config14.customization.icon) === import_developer_studio_api37.IntegrationNames.BigCommerce);
   return /* @__PURE__ */ jsxs2(Wrapper3, { children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
       /* @__PURE__ */ jsx4(
         Header7,
         {
@@ -17689,40 +17973,47 @@ var EditNodeWrapper = () => {
             (config14 == null ? void 0 : config14.customization.product) ? /* @__PURE__ */ jsx4(
               ProductIcon_default,
               {
-                product: config14.customization.icon,
                 center: true,
                 disabled: false,
                 height: 10,
-                width: 10,
-                revertColors: revertIconColor
+                product: config14.customization.icon,
+                revertColors: revertIconColor,
+                width: 10
               }
             ) : /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
               import_design_system_react_components41.Icon,
               {
-                source: import_design_system_icons22.Automation,
-                size: "xlarge",
                 css: css`
                     width: var(${import_design_system_react_components41.SpacingToken.Spacing6});
-                  `
+                  `,
+                size: "xlarge",
+                source: import_design_system_icons22.Automation
               }
             ) }),
-            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Column, { notPadded: true, noFlexBasis: true, children: [
+            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Column, { noFlexBasis: true, notPadded: true, children: [
               /* @__PURE__ */ jsxs2("strong", { children: [
-                ((_e = frame == null ? void 0 : frame.__meta) == null ? void 0 : _e.index) !== void 0 ? `${(_f = frame.__meta) == null ? void 0 : _f.index}. ` : "",
-                (_h = (_g = config14 == null ? void 0 : config14.customization) == null ? void 0 : _g.displayName) != null ? _h : data.type === NodeTypes.switch ? "Condition" : data.type === NodeTypes.http ? "Custom HTTP" : data.type === NodeTypes.terminate ? "End workflow" : ""
+                ((_c = frame == null ? void 0 : frame.__meta) == null ? void 0 : _c.index) !== void 0 ? `${frame.__meta.index}. ` : "",
+                (_d = config14 == null ? void 0 : config14.customization.displayName) != null ? _d : data.type === NodeTypes.switch ? "Condition" : data.type === NodeTypes.http ? "Custom HTTP" : data.type === NodeTypes.terminate ? "End workflow" : ""
               ] }),
-              (_j = (_i = config14 == null ? void 0 : config14.customization) == null ? void 0 : _i.description) != null ? _j : data.type === NodeTypes.switch ? "Conditional execution" : data.type === NodeTypes.http ? "Make an HTTP request" : data.type === NodeTypes.terminate ? "End the workflow" : ""
+              (_e = config14 == null ? void 0 : config14.customization.description) != null ? _e : data.type === NodeTypes.switch ? "Conditional execution" : data.type === NodeTypes.http ? "Make an HTTP request" : data.type === NodeTypes.terminate ? "End the workflow" : ""
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx4(import_design_system_react_components41.Button, { kind: "plain", onClick: () => {
-        toggle();
-      }, children: /* @__PURE__ */ jsx4(import_design_system_react_components41.Icon, { source: import_design_system_icons22.Close }) })
+      /* @__PURE__ */ jsx4(
+        import_design_system_react_components41.Button,
+        {
+          kind: "plain",
+          onClick: () => {
+            toggle();
+          },
+          children: /* @__PURE__ */ jsx4(import_design_system_react_components41.Icon, { source: import_design_system_icons22.Close })
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Row, { css: formCss, children: contentHandler() })
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react35.Row, { css: formCss, children: contentHandler() })
   ] });
-};
+}
 var Wrapper_default2 = EditNodeWrapper;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Panels/Edit/index.ts
@@ -17733,7 +18024,7 @@ var import_react113 = require("react");
 var import_reactflow18 = __toESM(require("reactflow"));
 var import_design_system_icons33 = require("@livechat/design-system-icons");
 var import_design_system_react_components64 = require("@livechat/design-system-react-components");
-var import_developer_studio_api36 = require("@livechat/developer-studio-api");
+var import_developer_studio_api38 = require("@livechat/developer-studio-api");
 
 // src/views/Flows/Definitions/Common/Modals/Preview.tsx
 var import_react78 = require("react");
@@ -18026,7 +18317,7 @@ var import_react_router_dom14 = require("react-router-dom");
 var import_reactflow15 = require("reactflow");
 var import_design_system_icons32 = require("@livechat/design-system-icons");
 var import_design_system_react_components61 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react38 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Common/One/widget/message-box/OneMessageBox.tsx
 var import_react94 = require("react");
@@ -18199,7 +18490,7 @@ var import_lexical = require("lexical");
 // src/views/Flows/Definitions/Common/One/contexts/OneMessagesContext.tsx
 var import_react87 = require("react");
 var import_uuid3 = require("uuid");
-var import_developer_studio_ui_react34 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Common/One/helpers.ts
 var import_uuid2 = require("uuid");
@@ -18273,7 +18564,7 @@ var getSources = (sources) => {
 };
 
 // src/views/Flows/Definitions/Common/One/contexts/OneMessagesContext.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var getInitialMessage = () => [
   {
     authorId: "live-assistant",
@@ -18303,7 +18594,7 @@ var OneMessagesProvider = ({
   const generateAiResponseMutation = useGenerateAIResponse();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react34.useRootContext)();
+  } = (0, import_developer_studio_ui_react36.useRootContext)();
   const isLoading = generateAiResponseMutation.isLoading;
   const sendMessage = (message) => __async(void 0, null, function* () {
     const config14 = getWorkflowsConfig2();
@@ -18362,7 +18653,7 @@ var OneMessagesProvider = ({
     [events, isLoading, isError]
   );
   const hasAdditionalEvents = events.length !== eventsGroup.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     OneMessagesContext.Provider,
     {
       value: {
@@ -19431,7 +19722,7 @@ var NavigateButton = ({
 var import_react106 = require("react");
 var import_design_system_icons30 = require("@livechat/design-system-icons");
 var import_design_system_react_components57 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react38 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Common/One/components/ApplyWorkflowButton.tsx
 var import_react104 = require("react");
@@ -19489,12 +19780,12 @@ var ApplyWorkflowButton = ({
 };
 
 // src/views/Flows/Definitions/Common/One/hooks/use-message-bottom-bar.ts
-var import_developer_studio_ui_react35 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
 var useMessageBottomBar = (event) => {
   const { text: text2, sessionId } = event;
-  const notifications = (0, import_developer_studio_ui_react35.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react37.useNotifications)();
   const handleCopyClick = () => __async(void 0, null, function* () {
-    const isCopied = yield (0, import_developer_studio_ui_react35.copyTextToClipboard)(text2);
+    const isCopied = yield (0, import_developer_studio_ui_react37.copyTextToClipboard)(text2);
     if (isCopied) {
       notifications.showSuccess("Message copied successfully");
     } else {
@@ -19531,7 +19822,7 @@ var OneAssistantMessageBottomBar = ({
   const numberOfSources = (eventSources == null ? void 0 : eventSources.length) || 0;
   const { topSources } = getSources(eventSources);
   const { handleCopyClick, handleRateMessageClick } = useMessageBottomBar(event);
-  const sourcesText = `${(0, import_developer_studio_ui_react36.plural)(numberOfSources, "Source", "Sources")}`;
+  const sourcesText = `${(0, import_developer_studio_ui_react38.plural)(numberOfSources, "Source", "Sources")}`;
   return /* @__PURE__ */ jsxs2("div", { css: bottomBarContainer, children: [
     /* @__PURE__ */ jsxs2("div", { css: bottomBar2, children: [
       /* @__PURE__ */ jsxs2("div", { children: [
@@ -19846,12 +20137,12 @@ var OneChatFeedContent = ({
 // src/views/Flows/Definitions/Common/One/widget/OneWidgetHeader.tsx
 var import_design_system_icons31 = require("@livechat/design-system-icons");
 var import_design_system_react_components60 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react39 = require("@livechat/developer-studio-ui-react");
 var OneWidgetHeader = () => {
   const { toggleOneWidget } = useOneWidgetContext();
   return /* @__PURE__ */ jsxs2("div", { css: headerWrapper, children: [
     /* @__PURE__ */ jsxs2("div", { children: [
-      /* @__PURE__ */ jsx4(import_design_system_react_components60.Icon, { size: "xlarge", source: import_developer_studio_ui_react37.OneIcon }),
+      /* @__PURE__ */ jsx4(import_design_system_react_components60.Icon, { size: "xlarge", source: import_developer_studio_ui_react39.OneIcon }),
       /* @__PURE__ */ jsx4(import_design_system_react_components60.Text, { as: "h2", children: "Copilot" })
     ] }),
     /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
@@ -19971,7 +20262,7 @@ var CustomControls = ({
                     }
                   `,
                 size: "large",
-                source: import_developer_studio_ui_react38.OneIcon
+                source: import_developer_studio_ui_react40.OneIcon
               }
             )
           }
@@ -20047,7 +20338,7 @@ var import_react110 = require("react");
 var import_react_router_dom15 = require("react-router-dom");
 var import_reactflow16 = require("reactflow");
 var import_design_system_react_components62 = require("@livechat/design-system-react-components");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function SwitcherControls({
   isDraft,
   hasRelatedWorkflow,
@@ -20090,7 +20381,7 @@ function SwitcherControls({
     }
   };
   if (!visibility.switcher || !isDraft && !hasRelatedWorkflow) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react110.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react110.Fragment, {});
   }
   const handleVersionClick = (id) => {
     if (id === "draft" && isDraft) {
@@ -20105,14 +20396,14 @@ function SwitcherControls({
     });
     focus();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     import_reactflow16.Controls,
     {
       showZoom: false,
       showInteractive: false,
       showFitView: false,
       position: "top-center",
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         import_design_system_react_components62.SegmentedControl,
         {
           size: "compact",
@@ -20183,16 +20474,16 @@ var Edges_default = CustomEdge_default;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Diagram.tsx
 var import_style = require("reactflow/dist/style.css");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var nodeConfig = {
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.http]: Node_default2,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.forkJoin]: Node_default,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.switch]: Node_default3,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.terminate]: Node_default4,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.join]: Node_default7,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.addNode]: Node_default6,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.addTrigger]: Trigger_default,
-  [import_developer_studio_api36.WorkflowDefinitionTaskType.trigger]: Node_default5
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.http]: Node_default2,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.forkJoin]: Node_default,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.switch]: Node_default3,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.terminate]: Node_default4,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.join]: Node_default7,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.addNode]: Node_default6,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.addTrigger]: Trigger_default,
+  [import_developer_studio_api38.WorkflowDefinitionTaskType.trigger]: Node_default5
 };
 var nodeTypes = Object.entries(nodeConfig).reduce((result, [key, Node8]) => {
   result[key] = Node8;
@@ -20241,10 +20532,10 @@ var Diagram = ({
           if (forkNode.data.forkTasks.length > 2) {
             const indexHelper = edge.id.split("-");
             const pathIndex = indexHelper[indexHelper.length - 1];
-            edge.data.label = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            edge.data.label = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               import_design_system_react_components64.Button,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system_react_components64.Icon, { source: import_design_system_icons33.Delete }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system_react_components64.Icon, { source: import_design_system_icons33.Delete }),
                 kind: "plain",
                 onClick: () => {
                   forkNode.data.forkTasks.splice(pathIndex, 1);
@@ -20272,8 +20563,8 @@ var Diagram = ({
   if (!workflow.draft && isRawEditorVisible) {
     onRawEditorToggle && onRawEditorToggle();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_react113.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_react113.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       import_reactflow18.default,
       {
         nodes,
@@ -20286,7 +20577,7 @@ var Diagram = ({
             return;
           }
           toggle(
-            node2.type === import_developer_studio_api36.WorkflowDefinitionTaskType.trigger ? {
+            node2.type === import_developer_studio_api38.WorkflowDefinitionTaskType.trigger ? {
               kind: "trigger",
               id: node2.data.type
             } : {
@@ -20307,7 +20598,7 @@ var Diagram = ({
         },
         edgeTypes,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             SwitcherControls,
             {
               isDraft: (_a = workflow.draft) != null ? _a : false,
@@ -20315,7 +20606,7 @@ var Diagram = ({
               relatedWorkflowId: workflow.related_workflow_id
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             CustomControls_default,
             {
               isRawEditorVisible,
@@ -20331,7 +20622,7 @@ var Diagram = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             import_reactflow18.Background,
             {
               color: `var(${import_design_system_react_components64.DesignToken.SurfaceSecondaryActive})`,
@@ -20342,7 +20633,7 @@ var Diagram = ({
         ]
       }
     ),
-    previewModalVisible.isVisible && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    previewModalVisible.isVisible && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Preview_default,
       {
         onClose: () => {
@@ -20423,7 +20714,7 @@ var WorkflowBuilder = () => {
 var Builder_default = WorkflowBuilder;
 
 // src/views/Flows/Definitions/Common/Modals/Delete.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var ModalContent2 = newStyled.div`
   display: grid;
   align-items: center;
@@ -20460,12 +20751,12 @@ function WorkflowDeleteModal({
   } = useWorkflowContext();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react39.useRootContext)();
+  } = (0, import_developer_studio_ui_react41.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_design_system_react_components66.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(ModalContent2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system_react_components66.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ModalContent2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       import_design_system_react_components66.Icon,
       {
         source: import_design_system_icons34.Error,
@@ -20473,20 +20764,20 @@ function WorkflowDeleteModal({
         customColor: `var(${import_design_system_react_components66.DesignToken.ContentBasicDisabled})`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_design_system_react_components66.Heading, { as: "h2", size: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_design_system_react_components66.Heading, { as: "h2", size: "md", children: [
       "You are",
       " ",
       version === "draft" ? `discarding a ${version}` : `deleting a ${version}`
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_design_system_react_components66.Text, { size: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_design_system_react_components66.Text, { size: "md", children: [
       "You can\u2019t restore a",
       " ",
       version === "draft" ? `discarded ${version}` : `deleted ${version}`,
       ". Are you sure you want to continue?"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(ModalFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_design_system_react_components66.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ModalFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system_react_components66.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         import_design_system_react_components66.Button,
         {
           kind: "destructive",
@@ -20514,8 +20805,8 @@ function WorkflowDeleteModal({
 var import_react_router_dom17 = require("react-router-dom");
 var import_design_system_icons35 = require("@livechat/design-system-icons");
 var import_design_system_react_components67 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var ModalContent3 = newStyled.div`
   display: grid;
   align-items: center;
@@ -20549,12 +20840,12 @@ function WorkflowEditModal({ onClose }) {
   } = useWorkflowContext();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react40.useRootContext)();
+  } = (0, import_developer_studio_ui_react42.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system_react_components67.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ModalContent3, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components67.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(ModalContent3, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       import_design_system_react_components67.Icon,
       {
         source: import_design_system_icons35.Error,
@@ -20562,10 +20853,10 @@ function WorkflowEditModal({ onClose }) {
         customColor: `var(${import_design_system_react_components67.DesignToken.ContentBasicDisabled})`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system_react_components67.Heading, { as: "h2", size: "md", children: "You have an existing draft" }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system_react_components67.Text, { size: "md", children: "You already have an existing draft, by editing the published version you can overwrite the current draft for this workflow. Do you want to continue?" }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ModalFooter2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components67.Heading, { as: "h2", size: "md", children: "You have an existing draft" }),
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components67.Text, { size: "md", children: "You already have an existing draft, by editing the published version you can overwrite the current draft for this workflow. Do you want to continue?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(ModalFooter2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         import_design_system_react_components67.Button,
         {
           kind: "secondary",
@@ -20578,7 +20869,7 @@ function WorkflowEditModal({ onClose }) {
           children: "Edit existing draft"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         import_design_system_react_components67.Button,
         {
           kind: "destructive",
@@ -20597,7 +20888,7 @@ function WorkflowEditModal({ onClose }) {
 // src/views/Flows/Definitions/Common/Modals/Publish.tsx
 var import_design_system_icons36 = require("@livechat/design-system-icons");
 var import_design_system_react_components68 = require("@livechat/design-system-react-components");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var ModalContent4 = newStyled.div`
   display: grid;
   align-items: center;
@@ -20629,8 +20920,8 @@ function WorkflowPublishModal({
     },
     publishDraft
   } = useWorkflowContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components68.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(ModalContent4, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system_react_components68.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(ModalContent4, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       import_design_system_react_components68.Icon,
       {
         source: import_design_system_icons36.Error,
@@ -20638,11 +20929,11 @@ function WorkflowPublishModal({
         customColor: `var(${import_design_system_react_components68.DesignToken.ContentBasicDisabled})`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components68.Heading, { as: "h2", size: "md", children: "You are publishing a workflow" }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components68.Text, { size: "md", children: "Once published, this will be the working version of your workflow and will\xA0be\xA0automatically set to active." }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(ModalFooter3, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_design_system_react_components68.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system_react_components68.Heading, { as: "h2", size: "md", children: "You are publishing a workflow" }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system_react_components68.Text, { size: "md", children: "Once published, this will be the working version of your workflow and will\xA0be\xA0automatically set to active." }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(ModalFooter3, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system_react_components68.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         import_design_system_react_components68.Button,
         {
           kind: "primary",
@@ -20748,13 +21039,13 @@ var Execute_default = ExecuteWorkflow;
 var import_react119 = require("react");
 var import_react_router_dom18 = require("react-router-dom");
 var import_design_system_react_components71 = require("@livechat/design-system-react-components");
-var import_developer_studio_api37 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api39 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Edit/Tasks/Options.tsx
 var import_react117 = require("react");
 var import_design_system_react_components70 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react41 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react43 = require("@livechat/developer-studio-ui-react");
 var itemOptionCss = (active) => css`
   display: flex;
   align-items: center;
@@ -20775,7 +21066,7 @@ var itemOptionCss = (active) => css`
   }
 `;
 var ItemOption = ({ option, onClick, active }) => {
-  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Column, { setColumnPadding: "0", width: 6, children: [
+  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react43.Column, { setColumnPadding: "0", width: 6, children: [
     /* @__PURE__ */ jsx4(import_design_system_react_components70.Text, { noMargin: true, children: option.name }),
     /* @__PURE__ */ jsx4(
       import_design_system_react_components70.Text,
@@ -20889,9 +21180,9 @@ var config10 = [
     }))
   },
   {
-    name: import_developer_studio_api37.IntegrationNames.Mailchimp,
-    displayName: import_developer_studio_api37.IntegrationDisplayNames.Mailchimp,
-    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api37.IntegrationNames.Mailchimp, height: 5, width: 5 }),
+    name: import_developer_studio_api39.IntegrationNames.Mailchimp,
+    displayName: import_developer_studio_api39.IntegrationDisplayNames.Mailchimp,
+    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api39.IntegrationNames.Mailchimp, height: 5, width: 5 }),
     values: Object.values(mailchimpTaskConfigs).map((x) => ({
       key: x.key,
       name: x.customization.displayName,
@@ -20900,9 +21191,9 @@ var config10 = [
     }))
   },
   {
-    name: import_developer_studio_api37.IntegrationNames.HubSpot,
-    displayName: import_developer_studio_api37.IntegrationDisplayNames.HubSpot,
-    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api37.IntegrationNames.HubSpot, height: 5, width: 5 }),
+    name: import_developer_studio_api39.IntegrationNames.HubSpot,
+    displayName: import_developer_studio_api39.IntegrationDisplayNames.HubSpot,
+    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api39.IntegrationNames.HubSpot, height: 5, width: 5 }),
     values: Object.values(hubspotTaskConfigs).map((x) => ({
       key: x.key,
       name: x.customization.displayName,
@@ -20911,12 +21202,12 @@ var config10 = [
     }))
   },
   {
-    name: import_developer_studio_api37.IntegrationNames.BigCommerce,
-    displayName: import_developer_studio_api37.IntegrationDisplayNames.BigCommerce,
+    name: import_developer_studio_api39.IntegrationNames.BigCommerce,
+    displayName: import_developer_studio_api39.IntegrationDisplayNames.BigCommerce,
     icon: /* @__PURE__ */ jsx4(
       ProductIcon_default,
       {
-        product: import_developer_studio_api37.IntegrationNames.BigCommerce,
+        product: import_developer_studio_api39.IntegrationNames.BigCommerce,
         height: 5,
         width: 5
       }
@@ -20929,9 +21220,9 @@ var config10 = [
     }))
   },
   {
-    name: import_developer_studio_api37.IntegrationNames.Shopify,
-    displayName: import_developer_studio_api37.IntegrationDisplayNames.Shopify,
-    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api37.IntegrationNames.Shopify, height: 5, width: 5 }),
+    name: import_developer_studio_api39.IntegrationNames.Shopify,
+    displayName: import_developer_studio_api39.IntegrationDisplayNames.Shopify,
+    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api39.IntegrationNames.Shopify, height: 5, width: 5 }),
     values: Object.values(shopifyTaskConfigs).map((x) => ({
       key: x.key,
       name: x.customization.displayName,
@@ -20953,7 +21244,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
   } = useWorkflowContext();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react42.useRootContext)();
+  } = (0, import_developer_studio_ui_react44.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -21022,7 +21313,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
         width: 650px;
       `,
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components71.ModalHeader, { title: "Add task" }),
-      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Row, { gap: `var(${import_design_system_react_components71.SpacingToken.Spacing2})`, flexEnd: true, notPadded: true, children: [
+      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Row, { gap: `var(${import_design_system_react_components71.SpacingToken.Spacing2})`, flexEnd: true, notPadded: true, children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components71.Button, { size: "medium", kind: "secondary", onClick: onClose, children: "Cancel" }),
         /* @__PURE__ */ jsx4(
           import_design_system_react_components71.Button,
@@ -21038,9 +21329,9 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
         )
       ] }),
       onClose,
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Row, { notPadded: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Row, { notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react42.Column,
+          import_developer_studio_ui_react44.Column,
           {
             width: 2,
             noWrap: true,
@@ -21070,7 +21361,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
                 }
               ),
               config10.map(({ name, displayName, icon: icon2, values }) => {
-                const revertIconColor = getWorkflowEnv2("isHeadless") && (name === "openai" || name === import_developer_studio_api37.IntegrationNames.BigCommerce);
+                const revertIconColor = getWorkflowEnv2("isHeadless") && (name === "openai" || name === import_developer_studio_api39.IntegrationNames.BigCommerce);
                 if (search) {
                   if (values.some(
                     (el) => el.name.toLowerCase().includes(search.toLowerCase())
@@ -21079,7 +21370,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
                   }
                 }
                 return /* @__PURE__ */ jsxs2(
-                  import_developer_studio_ui_react42.Row,
+                  import_developer_studio_ui_react44.Row,
                   {
                     center: true,
                     setRowPadding: `var(${import_design_system_react_components71.SpacingToken.Spacing2})`,
@@ -21126,7 +21417,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
                           css: css`
                     text-decoration: none;
                   `,
-                          children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.Text, { size: "md", children: displayName })
+                          children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Text, { size: "md", children: displayName })
                         }
                       )
                     ]
@@ -21137,7 +21428,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
           }
         ),
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react42.Column,
+          import_developer_studio_ui_react44.Column,
           {
             css: css`
             height: 350px;
@@ -21154,7 +21445,7 @@ var AddWorkflowTask = ({ basePath, onClose }) => {
                 })).sort((a, b) => a.name.localeCompare(b.name)).filter(
                   (el) => el.name.toLowerCase().includes(search.toLowerCase())
                 );
-                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.Row, { notPadded: true, gap: "4px", children: /* @__PURE__ */ jsx4(
+                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Row, { notPadded: true, gap: "4px", children: /* @__PURE__ */ jsx4(
                   Options_default,
                   {
                     options: options2,
@@ -21182,13 +21473,13 @@ var Add_default = AddWorkflowTask;
 var import_react123 = require("react");
 var import_react_router_dom19 = require("react-router-dom");
 var import_design_system_react_components73 = require("@livechat/design-system-react-components");
-var import_developer_studio_api38 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api40 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react46 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/Edit/Triggers/Options.tsx
 var import_react121 = require("react");
 var import_design_system_react_components72 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react43 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react45 = require("@livechat/developer-studio-ui-react");
 var itemOptionCss2 = (active) => css`
   display: flex;
   align-items: center;
@@ -21209,7 +21500,7 @@ var itemOptionCss2 = (active) => css`
   }
 `;
 var ItemOption2 = ({ option, onClick, active }) => {
-  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss2(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react43.Column, { setColumnPadding: "0", width: 6, children: [
+  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss2(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Column, { setColumnPadding: "0", width: 6, children: [
     /* @__PURE__ */ jsx4(import_design_system_react_components72.Text, { noMargin: true, bold: true, children: option.name }),
     /* @__PURE__ */ jsx4(
       import_design_system_react_components72.Text,
@@ -21300,9 +21591,9 @@ var config11 = [
     }))
   },
   {
-    name: import_developer_studio_api38.IntegrationNames.Mailchimp,
-    displayName: import_developer_studio_api38.IntegrationDisplayNames.Mailchimp,
-    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api38.IntegrationNames.Mailchimp, height: 5, width: 5 }),
+    name: import_developer_studio_api40.IntegrationNames.Mailchimp,
+    displayName: import_developer_studio_api40.IntegrationDisplayNames.Mailchimp,
+    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api40.IntegrationNames.Mailchimp, height: 5, width: 5 }),
     values: Object.values(mailchimpTriggerConfigs).map((x) => ({
       key: x.key,
       name: x.customization.displayName,
@@ -21310,9 +21601,9 @@ var config11 = [
     }))
   },
   {
-    name: import_developer_studio_api38.IntegrationNames.Shopify,
-    displayName: import_developer_studio_api38.IntegrationDisplayNames.Shopify,
-    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api38.IntegrationNames.Shopify, height: 5, width: 5 }),
+    name: import_developer_studio_api40.IntegrationNames.Shopify,
+    displayName: import_developer_studio_api40.IntegrationDisplayNames.Shopify,
+    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api40.IntegrationNames.Shopify, height: 5, width: 5 }),
     values: Object.values(shopifyTriggerConfigs).map((x) => ({
       key: x.key,
       name: x.customization.displayName,
@@ -21320,9 +21611,9 @@ var config11 = [
     }))
   },
   {
-    name: import_developer_studio_api38.IntegrationNames.HubSpot,
-    displayName: import_developer_studio_api38.IntegrationDisplayNames.HubSpot,
-    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api38.IntegrationNames.HubSpot, height: 5, width: 5 }),
+    name: import_developer_studio_api40.IntegrationNames.HubSpot,
+    displayName: import_developer_studio_api40.IntegrationDisplayNames.HubSpot,
+    icon: /* @__PURE__ */ jsx4(ProductIcon_default, { product: import_developer_studio_api40.IntegrationNames.HubSpot, height: 5, width: 5 }),
     values: Object.values(hubspotTriggerConfigs).map((x) => ({
       key: x.key,
       name: x.customization.displayName,
@@ -21330,12 +21621,12 @@ var config11 = [
     }))
   },
   {
-    name: import_developer_studio_api38.IntegrationNames.BigCommerce,
-    displayName: import_developer_studio_api38.IntegrationDisplayNames.BigCommerce,
+    name: import_developer_studio_api40.IntegrationNames.BigCommerce,
+    displayName: import_developer_studio_api40.IntegrationDisplayNames.BigCommerce,
     icon: /* @__PURE__ */ jsx4(
       ProductIcon_default,
       {
-        product: import_developer_studio_api38.IntegrationNames.BigCommerce,
+        product: import_developer_studio_api40.IntegrationNames.BigCommerce,
         height: 5,
         width: 5
       }
@@ -21356,7 +21647,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
   const { addTrigger } = useWorkflowContext();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react44.useRootContext)();
+  } = (0, import_developer_studio_ui_react46.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -21388,7 +21679,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
         width: 650px;
       `,
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components73.ModalHeader, { title: "Add trigger" }),
-      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing2})`, flexEnd: true, notPadded: true, children: [
+      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react46.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing2})`, flexEnd: true, notPadded: true, children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components73.Button, { size: "medium", kind: "secondary", onClick: onClose, children: "Cancel" }),
         /* @__PURE__ */ jsx4(
           import_design_system_react_components73.Button,
@@ -21404,9 +21695,9 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
         )
       ] }),
       onClose,
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Row, { notPadded: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react46.Row, { notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react44.Column,
+          import_developer_studio_ui_react46.Column,
           {
             width: 2,
             noWrap: true,
@@ -21436,7 +21727,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
                 }
               ),
               config11.map(({ name, displayName, icon: icon2, values }) => {
-                const revertIconColor = getWorkflowEnv2("isHeadless") && (name === import_developer_studio_api38.IntegrationNames.OpenAI || name === import_developer_studio_api38.IntegrationNames.BigCommerce);
+                const revertIconColor = getWorkflowEnv2("isHeadless") && (name === import_developer_studio_api40.IntegrationNames.OpenAI || name === import_developer_studio_api40.IntegrationNames.BigCommerce);
                 if (search) {
                   if (values.some(
                     (el) => el.name.toLowerCase().includes(search.toLowerCase())
@@ -21445,7 +21736,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
                   }
                 }
                 return /* @__PURE__ */ jsxs2(
-                  import_developer_studio_ui_react44.Row,
+                  import_developer_studio_ui_react46.Row,
                   {
                     setRowPadding: `var(${import_design_system_react_components73.SpacingToken.Spacing2})`,
                     center: true,
@@ -21492,7 +21783,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
                           css: css`
                     text-decoration: none;
                   `,
-                          children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Text, { size: "md", children: displayName })
+                          children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Text, { size: "md", children: displayName })
                         }
                       )
                     ]
@@ -21503,7 +21794,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
           }
         ),
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react44.Column,
+          import_developer_studio_ui_react46.Column,
           {
             css: css`
             height: 350px;
@@ -21521,7 +21812,7 @@ var AddWorkflowTrigger = ({ basePath, onClose }) => {
                 })).sort((a, b) => a.name.localeCompare(b.name)).filter(
                   (el) => el.name.toLowerCase().includes(search.toLowerCase())
                 );
-                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Row, { notPadded: true, gap: "4px", children: /* @__PURE__ */ jsx4(
+                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Row, { notPadded: true, gap: "4px", children: /* @__PURE__ */ jsx4(
                   Options_default2,
                   {
                     options: options2,
@@ -21550,7 +21841,7 @@ var import_react125 = require("react");
 var import_react_router_dom20 = require("react-router-dom");
 var import_design_system_icons37 = require("@livechat/design-system-icons");
 var import_design_system_react_components74 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react45 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react47 = require("@livechat/developer-studio-ui-react");
 var WorkflowBuilderNavbar = () => {
   var _a, _b, _c, _d, _e;
   const navigate = (0, import_react_router_dom20.useNavigate)();
@@ -21571,14 +21862,14 @@ var WorkflowBuilderNavbar = () => {
   const [workflowName, setWorkflowName] = (0, import_react125.useState)(workflow.name);
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react45.useRootContext)();
+  } = (0, import_developer_studio_ui_react47.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
   (0, import_react125.useEffect)(() => {
     setWorkflowName(workflow.name);
   }, [workflow.name]);
-  (0, import_developer_studio_ui_react45.useOnClickOutside)(inputRef, () => {
+  (0, import_developer_studio_ui_react47.useOnClickOutside)(inputRef, () => {
     setIsNameChanging(false);
   });
   const menuOptions = [
@@ -21625,7 +21916,7 @@ var WorkflowBuilderNavbar = () => {
     }));
   };
   return /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react45.Row,
+    import_developer_studio_ui_react47.Row,
     {
       center: true,
       noMaxWidth: true,
@@ -21652,7 +21943,7 @@ var WorkflowBuilderNavbar = () => {
             onClick: () => {
               navigate("/workflow/list");
             },
-            children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Row, { center: true, notPadded: true, noWrap: true, children: [
+            children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Row, { center: true, notPadded: true, noWrap: true, children: [
               /* @__PURE__ */ jsx4(
                 import_design_system_react_components74.Icon,
                 {
@@ -21668,9 +21959,9 @@ var WorkflowBuilderNavbar = () => {
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Row, { center: true, noMaxWidth: true, setRowPadding: "4px 16px", spaceBetween: true, children: [
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Column, {}),
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Column, { center: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Row, { center: true, verticalCenter: true, noWrap: true, children: [
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Row, { center: true, noMaxWidth: true, setRowPadding: "4px 16px", spaceBetween: true, children: [
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, {}),
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { center: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Row, { center: true, verticalCenter: true, noWrap: true, children: [
             /* @__PURE__ */ jsx4(
               import_design_system_react_components74.FormField,
               {
@@ -21742,8 +22033,8 @@ var WorkflowBuilderNavbar = () => {
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Column, { setColumnPadding: "0", children: /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react45.Row,
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { setColumnPadding: "0", children: /* @__PURE__ */ jsxs2(
+            import_developer_studio_ui_react47.Row,
             {
               center: true,
               notPadded: true,
@@ -21857,7 +22148,7 @@ var EditWorkflow = () => {
     return /* @__PURE__ */ jsx4(import_react127.Fragment, {});
   }
   if (id !== "new" && workflowQuery.isLoading) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Loader, { stretch: true });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react48.Loader, { stretch: true });
   }
   if (id !== "new" && !workflowQuery.isSuccess) {
     throw new Error("Couldn't load workflow");
@@ -21978,7 +22269,7 @@ var import_react_router_dom23 = require("react-router-dom");
 
 // src/views/Flows/Templates/api.mocks.tsx
 var import_design_system_icons38 = require("@livechat/design-system-icons");
-var import_developer_studio_api39 = require("@livechat/developer-studio-api");
+var import_developer_studio_api41 = require("@livechat/developer-studio-api");
 var config12 = getWorkflowsConfig2();
 var flowTemplates = [
   {
@@ -22010,9 +22301,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-adapter-text-token": [
@@ -22231,9 +22522,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatMessage,
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatMessage,
             filter: "competitor"
           },
           headers: {
@@ -22379,9 +22670,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-adapter-text-token": [
@@ -22531,7 +22822,7 @@ var flowTemplates = [
         webhook: {
           source: "text-livechat",
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-adapter-text-token": [
@@ -22673,9 +22964,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-adapter-text-token": [
@@ -22746,9 +23037,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatStarted
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatStarted
           },
           headers: {
             "x-adapter-text-token": [
@@ -22865,9 +23156,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatRated,
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatRated,
             rating: "bad"
           },
           headers: {
@@ -22983,9 +23274,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatStarted
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatStarted
           },
           headers: {
             "x-cred-access-token": [
@@ -23076,9 +23367,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-cred-access-token": [
@@ -23174,9 +23465,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatStarted
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatStarted
           },
           headers: {
             "x-cred-access-token": [
@@ -23292,9 +23583,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-cred-access-token": [
@@ -23390,9 +23681,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatTagged,
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatTagged,
             tag: void 0,
             exact: false
           },
@@ -23489,9 +23780,9 @@ var flowTemplates = [
       trigger: {
         type: "webhook",
         webhook: {
-          source: `${import_developer_studio_api39.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
+          source: `${import_developer_studio_api41.IntegrationNames.Text}-${PRODUCT_TYPE.LC}`,
           event: {
-            name: import_developer_studio_api39.TextLivechatEventNames.ChatEnded
+            name: import_developer_studio_api41.TextLivechatEventNames.ChatEnded
           },
           headers: {
             "x-cred-access-token": [
@@ -23511,12 +23802,12 @@ var import_react128 = require("react");
 var import_react_router_dom22 = require("react-router-dom");
 var import_design_system_icons40 = require("@livechat/design-system-icons");
 var import_design_system_react_components76 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react48 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react50 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Templates/Common/CategoryIcon.tsx
 var import_design_system_icons39 = require("@livechat/design-system-icons");
 var import_design_system_react_components75 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react47 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react49 = require("@livechat/developer-studio-ui-react");
 var WorkflowTemplateCategoryIcon = (category) => {
   const icons = {
     ["Notifications & alerts" /* notifications_and_alerts */]: import_design_system_icons39.Notifications,
@@ -23525,7 +23816,7 @@ var WorkflowTemplateCategoryIcon = (category) => {
     ["Chat management" /* chat_management */]: import_design_system_icons39.ChatDots,
     ["Customer experience" /* customer_experience */]: import_design_system_icons39.Smiles
   };
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Row, { noWrap: true, notPadded: true, gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1})`, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react49.Row, { noWrap: true, notPadded: true, gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1})`, children: [
     /* @__PURE__ */ jsx4(
       import_design_system_react_components75.Icon,
       {
@@ -23609,7 +23900,7 @@ var WorkflowTemplatePreviewModal = ({
   } = useWorkflowContext();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react48.useRootContext)();
+  } = (0, import_developer_studio_ui_react50.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -23685,9 +23976,9 @@ var WorkflowTemplatePreviewModal = ({
         )
       ] }),
       onClose: handleClose,
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react48.Row, { notPadded: true, noWrap: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react50.Row, { notPadded: true, noWrap: true, children: [
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react48.Column,
+          import_developer_studio_ui_react50.Column,
           {
             notPadded: true,
             noFlexBasis: true,
@@ -23731,7 +24022,7 @@ var WorkflowTemplatePreviewModal = ({
                     children: "Products used:"
                   }
                 ),
-                /* @__PURE__ */ jsx4(import_developer_studio_ui_react48.Row, { notPadded: true, gap: `var(${import_design_system_react_components76.SpacingToken.Spacing1})`, children: template.products && renderProductTags(template.products) })
+                /* @__PURE__ */ jsx4(import_developer_studio_ui_react50.Row, { notPadded: true, gap: `var(${import_design_system_react_components76.SpacingToken.Spacing1})`, children: template.products && renderProductTags(template.products) })
               ] })
             ]
           }
@@ -23795,13 +24086,13 @@ var import_design_system_react_components82 = require("@livechat/design-system-r
 var import_react134 = require("react");
 var import_design_system_icons43 = require("@livechat/design-system-icons");
 var import_design_system_react_components81 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react53 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react55 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Category.tsx
 var import_react131 = require("react");
 var import_design_system_icons41 = require("@livechat/design-system-icons");
 var import_design_system_react_components77 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react49 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react51 = require("@livechat/developer-studio-ui-react");
 var WorkflowTemplatesCategoryFilter = ({
   handleStatus,
   status
@@ -23810,7 +24101,7 @@ var WorkflowTemplatesCategoryFilter = ({
   const getItem = (0, import_react131.useCallback)(
     (key, category, icon2) => ({
       key,
-      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react49.Row, { notPadded: true, gap: `var(${import_design_system_react_components77.SpacingToken.Spacing1});`, children: [
+      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react51.Row, { notPadded: true, gap: `var(${import_design_system_react_components77.SpacingToken.Spacing1});`, children: [
         icon2 ? /* @__PURE__ */ jsx4(import_design_system_react_components77.Icon, { source: icon2 }) : void 0,
         category
       ] }),
@@ -23864,7 +24155,7 @@ var Category_default = WorkflowTemplatesCategoryFilter;
 var import_react132 = require("react");
 var import_design_system_icons42 = require("@livechat/design-system-icons");
 var import_design_system_react_components78 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react50 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react52 = require("@livechat/developer-studio-ui-react");
 var WorkflowTemplatesProductFilter = ({
   handleStatus,
   status
@@ -23873,7 +24164,7 @@ var WorkflowTemplatesProductFilter = ({
   const getItem = (0, import_react132.useCallback)(
     (key, product, icon2) => ({
       key,
-      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react50.Row, { notPadded: true, gap: `var(${import_design_system_react_components78.SpacingToken.Spacing1});`, children: [
+      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react52.Row, { notPadded: true, gap: `var(${import_design_system_react_components78.SpacingToken.Spacing1});`, children: [
         icon2 ? /* @__PURE__ */ jsx4(import_design_system_react_components78.Icon, { source: icon2 }) : void 0,
         product
       ] }),
@@ -23924,7 +24215,7 @@ var Product_default = WorkflowTemplatesProductFilter;
 // src/views/Flows/Definitions/List/Home/Cards/Scratch.tsx
 var import_react_router_dom24 = require("react-router-dom");
 var import_design_system_react_components79 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react51 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react53 = require("@livechat/developer-studio-ui-react");
 var WorkflowScratchCard = ({
   title,
   icon: icon2,
@@ -23933,7 +24224,7 @@ var WorkflowScratchCard = ({
   const navigate = (0, import_react_router_dom24.useNavigate)();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react51.useRootContext)();
+  } = (0, import_developer_studio_ui_react53.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -23943,10 +24234,10 @@ var WorkflowScratchCard = ({
     );
     navigate("/workflow/new", { state: { openOne } });
   };
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react51.Card, { light: true, hover: true, rounded: true, width: "100%", onClick: handleClick, children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react51.Row, { notPadded: true, spaceBetween: true, noWrap: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react53.Card, { light: true, hover: true, rounded: true, width: "100%", onClick: handleClick, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react53.Row, { notPadded: true, spaceBetween: true, noWrap: true, children: [
       /* @__PURE__ */ jsx4(import_design_system_react_components79.Icon, { source: icon2, kind: "primary", size: "xlarge" }),
-      openOne && /* @__PURE__ */ jsx4(import_developer_studio_ui_react51.BetaTag, { darkTag: getWorkflowEnv2("isHeadless"), children: "Beta" })
+      openOne && /* @__PURE__ */ jsx4(import_developer_studio_ui_react53.BetaTag, { darkTag: getWorkflowEnv2("isHeadless"), children: "Beta" })
     ] }),
     /* @__PURE__ */ jsx4(
       import_design_system_react_components79.Heading,
@@ -23966,7 +24257,7 @@ var Scratch_default = WorkflowScratchCard;
 // src/views/Flows/Definitions/List/Home/Cards/Template.tsx
 var import_react_router_dom25 = require("react-router-dom");
 var import_design_system_react_components80 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react52 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react54 = require("@livechat/developer-studio-ui-react");
 var IconWrapper2 = newStyled.div`
   display: flex;
   align-items: center;
@@ -23984,7 +24275,7 @@ var WorkflowTemplateCard = ({
 }) => {
   const navigate = (0, import_react_router_dom25.useNavigate)();
   return /* @__PURE__ */ jsx4(
-    import_developer_studio_ui_react52.Card,
+    import_developer_studio_ui_react54.Card,
     {
       border: true,
       noBackground: true,
@@ -23996,7 +24287,7 @@ var WorkflowTemplateCard = ({
         navigate(`preview/${id}`);
       },
       children: /* @__PURE__ */ jsxs2(
-        import_developer_studio_ui_react52.Column,
+        import_developer_studio_ui_react54.Column,
         {
           notPadded: true,
           noFlexBasis: true,
@@ -24005,11 +24296,11 @@ var WorkflowTemplateCard = ({
           inheritHeight: true,
           gap: `var(${import_design_system_react_components80.SpacingToken.Spacing4})`,
           children: [
-            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react52.Column, { notPadded: true, noFlexBasis: true, gap: `var(${import_design_system_react_components80.SpacingToken.Spacing4})`, children: [
+            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react54.Column, { notPadded: true, noFlexBasis: true, gap: `var(${import_design_system_react_components80.SpacingToken.Spacing4})`, children: [
               CategoryIcon_default(category),
               /* @__PURE__ */ jsx4(import_design_system_react_components80.Heading, { as: "div", size: "xs", children: name })
             ] }),
-            /* @__PURE__ */ jsx4(import_developer_studio_ui_react52.Row, { noWrap: true, notPadded: true, gap: `var(${import_design_system_react_components80.SpacingToken.Spacing1})`, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(import_design_system_react_components80.Icon, { source: icon2, kind: "primary", size: "medium" }) }, i)) })
+            /* @__PURE__ */ jsx4(import_developer_studio_ui_react54.Row, { noWrap: true, notPadded: true, gap: `var(${import_design_system_react_components80.SpacingToken.Spacing1})`, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(import_design_system_react_components80.Icon, { source: icon2, kind: "primary", size: "medium" }) }, i)) })
           ]
         }
       )
@@ -24040,8 +24331,8 @@ var WorkflowsHome = ({ isOnModal, basePath }) => {
     }
     return true;
   });
-  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react53.Column, { width: 12, notPadded: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react53.Row, { verticalCenter: true, notPadded: true, children: /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react53.Column,
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react55.Column, { width: 12, notPadded: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react55.Row, { verticalCenter: true, notPadded: true, children: /* @__PURE__ */ jsxs2(
+    import_developer_studio_ui_react55.Column,
     {
       width: 9,
       gap: `var(${import_design_system_react_components81.SpacingToken.Spacing3})`,
@@ -24049,14 +24340,14 @@ var WorkflowsHome = ({ isOnModal, basePath }) => {
       notPadded: true,
       children: [
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react53.Intro,
+          import_developer_studio_ui_react55.Intro,
           {
             header: "Start from scratch",
             headerSize: isOnModal ? "xs" : "s"
           }
         ),
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react53.Row,
+          import_developer_studio_ui_react55.Row,
           {
             bottomMargin: true,
             lowMargin: true,
@@ -24084,13 +24375,13 @@ var WorkflowsHome = ({ isOnModal, basePath }) => {
           }
         ),
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react53.Intro,
+          import_developer_studio_ui_react55.Intro,
           {
             header: "Start with a template",
             headerSize: isOnModal ? "xs" : "s"
           }
         ),
-        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react53.Row, { notPadded: true, gap: `var(${import_design_system_react_components81.SpacingToken.Spacing2})`, children: [
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react55.Row, { notPadded: true, gap: `var(${import_design_system_react_components81.SpacingToken.Spacing2})`, children: [
           /* @__PURE__ */ jsx4(
             Product_default,
             {
@@ -24172,19 +24463,19 @@ var Create_default = WorkflowCreate;
 var import_react142 = require("react");
 var import_react_router_dom29 = require("react-router-dom");
 var import_design_system_react_components87 = require("@livechat/design-system-react-components");
-var import_developer_studio_api41 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react56 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api43 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react58 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/List/Grid/Grid.tsx
 var import_react140 = require("react");
 var import_design_system_react_components86 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react55 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react57 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/List/Grid/Filters/StatusFilter.tsx
 var import_react138 = require("react");
 var import_design_system_icons44 = require("@livechat/design-system-icons");
 var import_design_system_react_components83 = require("@livechat/design-system-react-components");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var WorkflowStatusFilter = ({
   handleStatus,
   status
@@ -24216,20 +24507,20 @@ var WorkflowStatusFilter = ({
       }
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     import_design_system_react_components83.ActionMenu,
     {
       options: items,
       placement: "bottom",
       visible: isVisible,
-      triggerRenderer: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+      triggerRenderer: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
         import_design_system_react_components83.Button,
         {
           kind: "secondary",
           onClick: () => {
             setIsVisible(!isVisible);
           },
-          icon: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_design_system_react_components83.Icon, { source: import_design_system_icons44.ToggleLeft }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_design_system_react_components83.Icon, { source: import_design_system_icons44.ToggleLeft }),
           children: [
             "Status: ",
             status
@@ -24249,17 +24540,17 @@ var import_react_router_dom28 = require("react-router-dom");
 var import_design_system_icons45 = require("@livechat/design-system-icons");
 var import_design_system_react_components84 = require("@livechat/design-system-react-components");
 var import_design_system_react_components85 = require("@livechat/design-system-react-components");
-var import_developer_studio_api40 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react54 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api42 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react56 = require("@livechat/developer-studio-ui-react");
 var WorkflowsTable = ({ workflowsQuery, state }) => {
   var _a, _b, _c, _d, _e;
   const navigate = (0, import_react_router_dom28.useNavigate)();
-  const notifications = (0, import_developer_studio_ui_react54.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react56.useNotifications)();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react54.useRootContext)();
+  } = (0, import_developer_studio_ui_react56.useRootContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -24275,7 +24566,7 @@ var WorkflowsTable = ({ workflowsQuery, state }) => {
       return workflow.name.toLowerCase().includes((_c2 = (_b2 = (_a2 = state.params) == null ? void 0 : _a2.name) == null ? void 0 : _b2.value) != null ? _c2 : "");
     }
   );
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react54.Table, { loading: workflowsQuery.isLoading, flowTable: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react56.Table, { loading: workflowsQuery.isLoading, flowTable: true, children: [
     /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
       /* @__PURE__ */ jsx4("th", { children: "Name" }),
       /* @__PURE__ */ jsx4("th", { children: "Tasks" }),
@@ -24302,7 +24593,7 @@ var WorkflowsTable = ({ workflowsQuery, state }) => {
                     }
                   `,
             children: [
-              /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react54.Row, { notPadded: true, gap: `var(${import_design_system_react_components84.SpacingToken.Spacing2})`, children: [
+              /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react56.Row, { notPadded: true, gap: `var(${import_design_system_react_components84.SpacingToken.Spacing2})`, children: [
                 /* @__PURE__ */ jsx4("span", { children: workflow.name }),
                 workflow.related_workflow_id && /* @__PURE__ */ jsx4(
                   import_design_system_react_components84.Tag,
@@ -24316,8 +24607,8 @@ var WorkflowsTable = ({ workflowsQuery, state }) => {
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react54.Row, { notPadded: true, gap: 12, children: (_d2 = workflow.tags) == null ? void 0 : _d2.map((tag) => {
-                const revertIconColor = getWorkflowEnv2("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api40.IntegrationNames.BigCommerce.toLowerCase());
+              /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Row, { notPadded: true, gap: 12, children: (_d2 = workflow.tags) == null ? void 0 : _d2.map((tag) => {
+                const revertIconColor = getWorkflowEnv2("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api42.IntegrationNames.BigCommerce.toLowerCase());
                 return /* @__PURE__ */ jsx4(
                   ProductIcon_default,
                   {
@@ -24419,7 +24710,7 @@ var WorkflowsTable = ({ workflowsQuery, state }) => {
         );
       }
       return null;
-    }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { colSpan: 6, align: "center", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react54.Loader, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
+    }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { colSpan: 6, align: "center", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Loader, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
       "tr",
       {
         css: css`
@@ -24449,7 +24740,7 @@ var WorkflowsGrid = ({
 }) => {
   var _a, _b, _c, _d;
   return /* @__PURE__ */ jsx4(
-    import_developer_studio_ui_react55.Grid,
+    import_developer_studio_ui_react57.Grid,
     {
       filters: {
         left: /* @__PURE__ */ jsx4(import_react140.Fragment, { children: /* @__PURE__ */ jsx4(
@@ -24511,15 +24802,15 @@ var WorkflowListView = () => {
   const hasNoData = workflows.isSuccess && workflows.data.length === 0 && state.params === void 0;
   const hasData = !isLoading && !hasNoData;
   if (isLoading) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Loader, { stretch: true });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Loader, { stretch: true });
   }
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react56.View, { stretch: isLoading, center: hasNoData, children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react56.Row, { topMargin: true, verticalCenter: hasNoData, children: [
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Column, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
-        import_developer_studio_ui_react56.Intro,
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react58.View, { stretch: isLoading, center: hasNoData, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react58.Row, { topMargin: true, verticalCenter: hasNoData, children: [
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Column, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
+        import_developer_studio_ui_react58.Intro,
         {
-          header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react56.Row,
+          header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
+            import_developer_studio_ui_react58.Row,
             {
               notPadded: true,
               verticalCenter: true,
@@ -24537,14 +24828,14 @@ var WorkflowListView = () => {
           noMaxWidth: true
         }
       ) }) : /* @__PURE__ */ jsx4(
-        import_developer_studio_ui_react56.Intro,
+        import_developer_studio_ui_react58.Intro,
         {
           header: "Your workflows",
           body: "Create custom workflows to automate your work.",
           bodySize: "s"
         }
       ) }),
-      hasData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Column, { pullRight: true, children: /* @__PURE__ */ jsx4(
+      hasData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Column, { pullRight: true, children: /* @__PURE__ */ jsx4(
         import_design_system_react_components87.Button,
         {
           kind: "primary",
@@ -24555,14 +24846,14 @@ var WorkflowListView = () => {
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react56.Row, { children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react56.Column, { width: 12, noMaxWidth: true, gap: `var(${import_design_system_react_components87.SpacingToken.Spacing10})`, children: [
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Row, { children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react58.Column, { width: 12, noMaxWidth: true, gap: `var(${import_design_system_react_components87.SpacingToken.Spacing10})`, children: [
       hasData ? /* @__PURE__ */ jsx4(
         Grid_default,
         {
           workflowQuery: workflows,
           state,
           onStateChange: (change) => {
-            setState((prevState) => (0, import_developer_studio_api41.mergeDeep)(prevState, change));
+            setState((prevState) => (0, import_developer_studio_api43.mergeDeep)(prevState, change));
           }
         }
       ) : null,
@@ -24592,12 +24883,12 @@ var WorkflowList = () => {
 var List_default2 = WorkflowList;
 
 // src/views/Flows/Definitions/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 function Workflows() {
   const navigate = (0, import_react_router_dom31.useNavigate)();
   const {
     userData: { user, isLoading: isUserLoading }
-  } = (0, import_developer_studio_ui_react57.useRootContext)();
+  } = (0, import_developer_studio_ui_react59.useRootContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowAppLoading } = useFetchUserInstalledWorkflows(user);
   (0, import_react145.useEffect)(() => {
     if (isUserLoading || isWorkflowAppLoading) {
@@ -24612,10 +24903,10 @@ function Workflows() {
     isWorkflowAppLoading,
     userHasInstalledWorkflows
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_react_router_dom31.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react_router_dom31.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react_router_dom31.Navigate, { replace: true, to: "list" }), path: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react_router_dom31.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(List_default2, {}), path: "list/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react_router_dom31.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Edit_default2, {}), path: ":id/*" })
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_react_router_dom31.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react_router_dom31.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react_router_dom31.Navigate, { replace: true, to: "list" }), path: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react_router_dom31.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(List_default2, {}), path: "list/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_react_router_dom31.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Edit_default2, {}), path: ":id/*" })
   ] });
 }
 var Definitions_default = Workflows;
@@ -24625,7 +24916,7 @@ var import_react146 = require("react");
 var import_react_router_dom32 = require("react-router-dom");
 var import_design_system_icons46 = require("@livechat/design-system-icons");
 var import_design_system_react_components88 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react58 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react60 = require("@livechat/developer-studio-ui-react");
 
 // src/assets/flows/workflows-presentation.png
 var workflows_presentation_default = "./workflows-presentation-EFFOQNV2.png";
@@ -24649,7 +24940,7 @@ var imgContainerCss = css`
 var Waitlist = () => {
   const {
     userData: { user, isLoading }
-  } = (0, import_developer_studio_ui_react58.useRootContext)();
+  } = (0, import_developer_studio_ui_react60.useRootContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowsAppLoading } = useFetchUserInstalledWorkflows(user);
   const navigate = (0, import_react_router_dom32.useNavigate)();
   (0, import_react146.useEffect)(() => {
@@ -24658,14 +24949,14 @@ var Waitlist = () => {
     }
   }, [userHasInstalledWorkflows, navigate]);
   if (isLoading || isWorkflowsAppLoading) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Loader, { stretch: true });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Loader, { stretch: true });
   }
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react58.View, { children: [
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Row, { topMargin: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Column, { center: true, children: /* @__PURE__ */ jsx4(
-      import_developer_studio_ui_react58.Intro,
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.View, { children: [
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Row, { topMargin: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { center: true, children: /* @__PURE__ */ jsx4(
+      import_developer_studio_ui_react60.Intro,
       {
-        header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Column, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react58.Row,
+        header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
+          import_developer_studio_ui_react60.Row,
           {
             notPadded: true,
             verticalCenter: true,
@@ -24679,7 +24970,7 @@ var Waitlist = () => {
         noMaxWidth: true
       }
     ) }) }),
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react58.Row, { verticalCenter: true, gap: 8, topMargin: true, noMaxWidth: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.Row, { verticalCenter: true, gap: 8, topMargin: true, noMaxWidth: true, children: [
       /* @__PURE__ */ jsx4(
         import_design_system_react_components88.Button,
         {
@@ -24706,7 +24997,7 @@ var Waitlist = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react58.Row, { verticalCenter: true, gap: 8, topMargin: true, lowMargin: true, noMaxWidth: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.Row, { verticalCenter: true, gap: 8, topMargin: true, lowMargin: true, noMaxWidth: true, children: [
       /* @__PURE__ */ jsxs2(import_design_system_react_components88.Text, { css: infoCss, size: "lg", children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components88.Icon, { source: import_design_system_icons46.CheckCircle }),
         "integrated with popular platforms"
@@ -24720,7 +25011,7 @@ var Waitlist = () => {
         "build with ready-made blocks"
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Row, { center: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react58.Column, { width: 5, center: true, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Row, { center: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { width: 5, center: true, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: /* @__PURE__ */ jsx4(
       "img",
       {
         alt: "waitlist",
@@ -24736,11 +25027,11 @@ var Waitlist = () => {
 var Waitlist_default = Waitlist;
 
 // src/views/Flows/index.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var Flows = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_react_router_dom33.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react_router_dom33.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Definitions_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react_router_dom33.Route, { path: "/waitlist", element: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Waitlist_default, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react_router_dom33.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom33.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Definitions_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom33.Route, { path: "/waitlist", element: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Waitlist_default, {}) })
   ] });
 };
 var Flows_default = Flows;
@@ -24752,68 +25043,16 @@ var import_react_router_dom45 = require("react-router-dom");
 var import_react_router_dom44 = require("react-router-dom");
 var import_design_system_react_components103 = require("@livechat/design-system-react-components");
 var import_developer_studio_api70 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react85 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react86 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Settings/Integrations/Accounts/index.tsx
 var import_react_router_dom34 = require("react-router-dom");
 
-// src/views/Settings/Integrations/Accounts/Action.tsx
-var import_developer_studio_api42 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react59 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
-var AccountsAction = (props) => {
-  var _a;
-  const match2 = (0, import_developer_studio_ui_react59.useMatch)();
-  const action = (_a = props.action) != null ? _a : match2.params.action;
-  if (!action) {
-    throw new Error("Invalid action");
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-    IntegrationAction_default,
-    {
-      name: import_developer_studio_api42.IntegrationNames.Accounts,
-      action,
-      data: props.data,
-      context: props.context,
-      serializedData: match2.params.data,
-      serializedContext: match2.params.context,
-      executor: props.executor,
-      trigger: {
-        mode: import_developer_studio_api42.IntegrationModes.Modal,
-        handler: (output) => accountsActionHandlers()[action](output)
-      },
-      onSuccess: props.onSuccess
-    }
-  );
-};
-var accountsActionHandlers = () => {
-  const handlers = {
-    activate: (output) => {
-      if (output.status === "success" && output.result.access_token) {
-        (0, import_developer_studio_ui_react59.setRootData)({
-          access_token: output.result.access_token,
-          scope: output.result.scope,
-          expires_in: output.result.expires_in
-        });
-        return {
-          isValid: true,
-          result: output.result
-        };
-      }
-      return {
-        isValid: false
-      };
-    }
-  };
-  return handlers;
-};
-var Action_default5 = AccountsAction;
-
 // src/views/Settings/Integrations/Accounts/Callback.tsx
-var import_developer_studio_ui_react60 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react61 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var AccountsCallback = () => {
-  const match2 = (0, import_developer_studio_ui_react60.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react61.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -24848,11 +25087,11 @@ var import_react_router_dom35 = require("react-router-dom");
 
 // src/views/Settings/Integrations/BigCommerce/Callback.tsx
 var import_react148 = require("react");
-var import_developer_studio_ui_react61 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react62 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 var BigCommerceCallback = () => {
   const { login } = (0, import_react148.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react61.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react62.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -24870,14 +25109,14 @@ var Callback_default2 = BigCommerceCallback;
 var import_react155 = require("react");
 var import_design_system_icons48 = require("@livechat/design-system-icons");
 var import_design_system_react_components93 = require("@livechat/design-system-react-components");
-var import_developer_studio_api43 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react65 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api44 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react66 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Settings/Integrations/Common/IntegrationCredentials.tsx
 var import_react149 = require("react");
 var import_design_system_icons47 = require("@livechat/design-system-icons");
 var import_design_system_react_components89 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react62 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react63 = require("@livechat/developer-studio-ui-react");
 function IntegrationStatusCredentials({
   credentials,
   trigger
@@ -24900,7 +25139,7 @@ function IntegrationStatusCredentials({
     ] }) }),
     [trigger, removeCredentialMutation]
   );
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react62.Table, { children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react63.Table, { children: [
     /* @__PURE__ */ jsxs2("tr", { children: [
       /* @__PURE__ */ jsx4("th", { children: "Name" }),
       /* @__PURE__ */ jsx4("th", { children: "Type" }),
@@ -24917,7 +25156,7 @@ function IntegrationStatusCredentials({
 // src/views/Settings/Integrations/Common/IntegrationStatus.tsx
 var import_react150 = __toESM(require("react"));
 var import_design_system_react_components90 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react63 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react64 = require("@livechat/developer-studio-ui-react");
 var infoContainerCss = css`
   background-color: var(${import_design_system_react_components90.DesignToken.SurfaceSecondaryDefault});
 `;
@@ -24937,10 +25176,10 @@ var bigImageStyle = css`
 `;
 var IntegrationStatusView = (props) => {
   var _a;
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react63.View, { children: [
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Row, { topMargin: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Column, { width: 6, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Intro, { header: props.title, body: props.subtitle, bodySize: "s" }) }) }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Row, { topMargin: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Column, { width: 6, children: /* @__PURE__ */ jsx4(
-      import_developer_studio_ui_react63.Card,
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react64.View, { children: [
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Row, { topMargin: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Column, { width: 6, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Intro, { header: props.title, body: props.subtitle, bodySize: "s" }) }) }),
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Row, { topMargin: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Column, { width: 6, children: /* @__PURE__ */ jsx4(
+      import_developer_studio_ui_react64.Card,
       {
         noPadding: true,
         title: props.header,
@@ -24949,8 +25188,8 @@ var IntegrationStatusView = (props) => {
             `,
         dataCy: props.dataCy,
         children: /* @__PURE__ */ jsxs2(import_react150.default.Fragment, { children: [
-          /* @__PURE__ */ jsxs2(import_developer_studio_ui_react63.Row, { notPadded: true, css: infoContainerCss, children: [
-            /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Column, { center: true, width: 2, setColumnPadding: 28, children: props.imgSrc ? /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsxs2(import_developer_studio_ui_react64.Row, { notPadded: true, css: infoContainerCss, children: [
+            /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Column, { center: true, width: 2, setColumnPadding: 28, children: props.imgSrc ? /* @__PURE__ */ jsx4(
               "img",
               {
                 alt: "",
@@ -24958,10 +25197,10 @@ var IntegrationStatusView = (props) => {
                 css: bigImageStyle
               }
             ) : /* @__PURE__ */ jsx4("div", { css: bigIconStyle(props.iconColor), children: props.icon }) }),
-            /* @__PURE__ */ jsx4(import_developer_studio_ui_react63.Column, { setColumnPadding: 28, children: props.description })
+            /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Column, { setColumnPadding: 28, children: props.description })
           ] }),
           /* @__PURE__ */ jsx4(
-            import_developer_studio_ui_react63.Row,
+            import_developer_studio_ui_react64.Row,
             {
               setRowPadding: `var(${import_design_system_react_components90.SpacingToken.Spacing5})  var(${import_design_system_react_components90.SpacingToken.Spacing5}) 0 var(${import_design_system_react_components90.SpacingToken.Spacing5}) `,
               children: props.children
@@ -24976,7 +25215,7 @@ var IntegrationStatus_default = IntegrationStatusView;
 
 // src/views/Settings/Integrations/Common/IntegrationStatusRow.tsx
 var import_design_system_react_components92 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react64 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react65 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Settings/Integrations/Common/IntegrationConnectionStatus.tsx
 var import_react152 = require("react");
@@ -25015,18 +25254,18 @@ var smallIconStyle = css`
   }
 `;
 function IntegrationStatusRow(props) {
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react64.Row, { notPadded: true, spaceBetween: true, children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react64.Column, { notPadded: true, stretch: true, children: [
-      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react64.Row, { notPadded: true, stretch: true, center: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react65.Row, { notPadded: true, spaceBetween: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react65.Column, { notPadded: true, stretch: true, children: [
+      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react65.Row, { notPadded: true, stretch: true, center: true, children: [
         /* @__PURE__ */ jsx4("div", { css: smallIconStyle, children: props.icon }),
         /* @__PURE__ */ jsx4(import_design_system_react_components92.Text, { as: "span", size: "xs", children: props.title })
       ] }),
-      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react64.Row, { setRowPadding: "4px 0 0 20px", center: true, stretch: true, children: [
+      /* @__PURE__ */ jsxs2(import_developer_studio_ui_react65.Row, { setRowPadding: "4px 0 0 20px", center: true, stretch: true, children: [
         getConnectionStatus(props.isConnected, "connect", props.isLoading),
         props.status
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react64.Column, { pullRight: true, stretch: true, children: props.action })
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react65.Column, { pullRight: true, stretch: true, children: props.action })
   ] });
 }
 
@@ -25036,8 +25275,8 @@ var BigCommerceStatus = () => {
   const { login } = (0, import_react155.useContext)(AuthContext);
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react65.useRootContext)();
-  const { context: notifications } = (0, import_developer_studio_ui_react65.useNotifications)();
+  } = (0, import_developer_studio_ui_react66.useRootContext)();
+  const { context: notifications } = (0, import_developer_studio_ui_react66.useNotifications)();
   const credentialsQuery = useFetchBigCommerceCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const [state, setState] = (0, import_react155.useState)();
@@ -25196,9 +25435,9 @@ var BigCommerceStatus = () => {
     /* @__PURE__ */ jsxs2(
       IntegrationStatus_default,
       {
-        title: import_developer_studio_api43.IntegrationDisplayNames.BigCommerce,
-        subtitle: `${import_developer_studio_api43.IntegrationDisplayNames.BigCommerce} integration`,
-        header: `${import_developer_studio_api43.IntegrationDisplayNames.BigCommerce} integration`,
+        title: import_developer_studio_api44.IntegrationDisplayNames.BigCommerce,
+        subtitle: `${import_developer_studio_api44.IntegrationDisplayNames.BigCommerce} integration`,
+        header: `${import_developer_studio_api44.IntegrationDisplayNames.BigCommerce} integration`,
         description: "",
         icon: /* @__PURE__ */ jsx4(import_design_system_icons48.BigCommerceColored, {}),
         iconColor: true,
@@ -25264,8 +25503,8 @@ var import_react_router_dom36 = require("react-router-dom");
 
 // src/views/Settings/Integrations/GitHub/Action.tsx
 var import_react156 = require("react");
-var import_developer_studio_api44 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react66 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api45 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react67 = require("@livechat/developer-studio-ui-react");
 
 // src/utils/amplitude/journeys/application/blocks/repository.ts
 var appRepositoryBlockAmplitudeJourneyFactory = (email) => ({
@@ -25392,10 +25631,10 @@ var import_jsx_runtime142 = require("react/jsx-runtime");
 var GitHubAction = (props) => {
   var _a;
   const { login } = (0, import_react156.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react66.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react67.useMatch)();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react66.useRootContext)();
+  } = (0, import_developer_studio_ui_react67.useRootContext)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -25403,7 +25642,7 @@ var GitHubAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api44.IntegrationNames.GitHub,
+      name: import_developer_studio_api45.IntegrationNames.GitHub,
       action,
       data: props.data,
       context: props.context,
@@ -25411,7 +25650,7 @@ var GitHubAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api44.IntegrationModes.Modal,
+        mode: import_developer_studio_api45.IntegrationModes.Modal,
         handler: (output) => gitHubActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
       },
       onSuccess: props.onSuccess
@@ -25424,10 +25663,10 @@ var gitHubActionHandlers = (login, email) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.appToken && output.result.oauthToken) {
         amplitudeRepositoryJourney.app.repository.actions.authorize.success(
-          import_developer_studio_api44.IntegrationNames.GitHub
+          import_developer_studio_api45.IntegrationNames.GitHub
         );
         login({
-          source: import_developer_studio_api44.IntegrationNames.GitHub,
+          source: import_developer_studio_api45.IntegrationNames.GitHub,
           data: {
             appToken: output.result.appToken,
             oauthToken: output.result.oauthToken
@@ -25451,7 +25690,7 @@ var gitHubActionHandlers = (login, email) => {
     install: (output) => {
       if (output.status === "success" && output.result.installationId) {
         amplitudeRepositoryJourney.app.repository.actions.install.success(
-          import_developer_studio_api44.IntegrationNames.GitHub
+          import_developer_studio_api45.IntegrationNames.GitHub
         );
         return {
           isValid: true,
@@ -25470,15 +25709,15 @@ var Action_default6 = GitHubAction;
 
 // src/views/Settings/Integrations/GitHub/Callback.tsx
 var import_react157 = require("react");
-var import_developer_studio_ui_react67 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react68 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var GithubCallback = () => {
   const { login } = (0, import_react157.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react67.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react68.useMatch)();
   const action = match2.params.action;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react67.useRootContext)();
+  } = (0, import_developer_studio_ui_react68.useRootContext)();
   if (!action) {
     throw new Error("Invalid action");
   }
@@ -25496,15 +25735,15 @@ var import_react161 = require("react");
 var import_design_system_icons49 = require("@livechat/design-system-icons");
 var import_design_system_react_components94 = require("@livechat/design-system-react-components");
 var import_design_system_react_components95 = require("@livechat/design-system-react-components");
-var import_developer_studio_api48 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react68 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api49 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react69 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/github/credentials.ts
-var import_developer_studio_api45 = require("@livechat/developer-studio-api");
+var import_developer_studio_api46 = require("@livechat/developer-studio-api");
 var useFetchGitHubCredentials = () => {
   var _a, _b, _c;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api45.IntegrationNames.GitHub
+    import_developer_studio_api46.IntegrationNames.GitHub
   );
   const appCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("githubAppClientId")
@@ -25528,22 +25767,22 @@ var useFetchGitHubCredentials = () => {
 
 // src/hooks/integrations/github/installation.ts
 var import_react158 = require("react");
-var import_react_query8 = require("@tanstack/react-query");
-var import_developer_studio_api46 = require("@livechat/developer-studio-api");
+var import_react_query10 = require("@tanstack/react-query");
+var import_developer_studio_api47 = require("@livechat/developer-studio-api");
 var githubInstallationQueryKeys = {
   getInstallations: ["github.getInstallations"],
   getIsInstalled: ["github.getIsInstalled"]
 };
 var useFetchGitHubInstallations = () => {
   const { logout } = (0, import_react158.useContext)(AuthContext);
-  return (0, import_react_query8.useQuery)(
+  return (0, import_react_query10.useQuery)(
     githubInstallationQueryKeys.getInstallations,
-    () => import_developer_studio_api46.api.integrations.github.installation.getInstallations(),
+    () => import_developer_studio_api47.api.integrations.github.installation.getInstallations(),
     {
       retry: false,
       onError: (error) => {
-        if (error instanceof import_developer_studio_api46.UnauthorizeApiError) {
-          logout(import_developer_studio_api46.IntegrationNames.GitHub);
+        if (error instanceof import_developer_studio_api47.UnauthorizeApiError) {
+          logout(import_developer_studio_api47.IntegrationNames.GitHub);
         }
       }
     }
@@ -25552,8 +25791,8 @@ var useFetchGitHubInstallations = () => {
 
 // src/hooks/integrations/github/repository.ts
 var import_react159 = require("react");
-var import_react_query9 = require("@tanstack/react-query");
-var import_developer_studio_api47 = require("@livechat/developer-studio-api");
+var import_react_query11 = require("@tanstack/react-query");
+var import_developer_studio_api48 = require("@livechat/developer-studio-api");
 
 // src/hooks/integrations/pusher/usePusher.ts
 var import_react160 = require("react");
@@ -25592,7 +25831,7 @@ var GitHubStatus = () => {
   var _a, _b;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react68.useRootContext)();
+  } = (0, import_developer_studio_ui_react69.useRootContext)();
   const { logout } = (0, import_react161.useContext)(AuthContext);
   const credentialsQuery = useFetchGitHubCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
@@ -25615,7 +25854,7 @@ var GitHubStatus = () => {
     }
     if (!appCredential && !oauthCredential) {
       amplitudeRepositoryJourney.app.repository.actions.authorize.requested(
-        import_developer_studio_api48.IntegrationNames.GitHub
+        import_developer_studio_api49.IntegrationNames.GitHub
       );
       return;
     }
@@ -25624,7 +25863,7 @@ var GitHubStatus = () => {
     }
     if (!isInstalled) {
       amplitudeRepositoryJourney.app.repository.actions.install.requested(
-        import_developer_studio_api48.IntegrationNames.GitHub
+        import_developer_studio_api49.IntegrationNames.GitHub
       );
     }
   }, [
@@ -25639,7 +25878,7 @@ var GitHubStatus = () => {
     "my-event",
     (data) => {
       var _a2;
-      if (data.integration !== import_developer_studio_api48.IntegrationNames.GitHub) {
+      if (data.integration !== import_developer_studio_api49.IntegrationNames.GitHub) {
         return;
       }
       if (data.action === "install" && data.userId === (user == null ? void 0 : user.profile.id)) {
@@ -25649,7 +25888,7 @@ var GitHubStatus = () => {
       ))) {
         credentialsQuery.refetch();
         gitHubInstallationsQuery.refetch();
-        logout(import_developer_studio_api48.IntegrationNames.GitHub);
+        logout(import_developer_studio_api49.IntegrationNames.GitHub);
       }
     },
     [gitHubInstallationsQuery.data]
@@ -25668,7 +25907,7 @@ var GitHubStatus = () => {
               onClick: () => {
                 if (!(credential == null ? void 0 : credential.data.connected)) {
                   amplitudeRepositoryJourney.app.repository.actions.authorize.click(
-                    import_developer_studio_api48.IntegrationNames.GitHub
+                    import_developer_studio_api49.IntegrationNames.GitHub
                   );
                 }
                 confirm();
@@ -25707,7 +25946,7 @@ var GitHubStatus = () => {
               loading: gitHubInstallationsQuery.isLoading,
               onClick: () => {
                 amplitudeRepositoryJourney.app.repository.actions.install.click(
-                  import_developer_studio_api48.IntegrationNames.GitHub
+                  import_developer_studio_api49.IntegrationNames.GitHub
                 );
                 confirm();
               },
@@ -25772,11 +26011,11 @@ var GitHubStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api48.IntegrationDisplayNames.GitHub,
+      title: import_developer_studio_api49.IntegrationDisplayNames.GitHub,
       subtitle: "Integrate your GitHub account to be able to link repositories of your apps.",
       header: "GitHub integration",
       description: "The integration of GitHub and the Developer Console streamlines your development process, enhances collaboration, centralizes the services for building, testing and deploying apps, and helps to efficiently manage your code.",
-      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react68.Github, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react69.Github, {}),
       iconColor: true,
       dataCy: "github-integration-component",
       children: [
@@ -25788,8 +26027,8 @@ var GitHubStatus = () => {
               (appCredential == null ? void 0 : appCredential.data.connected) && (oauthCredential == null ? void 0 : oauthCredential.data.connected)
             ),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react68.Github, {}),
-            action: !credentialsQuery.isFetching && !(appCredential == null ? void 0 : appCredential.name) && !(oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react68.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components94.SpacingToken.Spacing2})`, children: [
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react69.Github, {}),
+            action: !credentialsQuery.isFetching && !(appCredential == null ? void 0 : appCredential.name) && !(oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react69.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components94.SpacingToken.Spacing2})`, children: [
               /* @__PURE__ */ jsx4(Install, {}),
               /* @__PURE__ */ jsx4(
                 import_design_system_react_components95.ActionMenu,
@@ -25869,11 +26108,11 @@ var import_react_router_dom37 = require("react-router-dom");
 
 // src/views/Settings/Integrations/HubSpot/Callback.tsx
 var import_react162 = require("react");
-var import_developer_studio_ui_react69 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react70 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime146 = require("react/jsx-runtime");
 var HubSpotCallback = () => {
   const { login } = (0, import_react162.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react69.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react70.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -25891,7 +26130,7 @@ var Callback_default4 = HubSpotCallback;
 var import_react163 = require("react");
 var import_design_system_icons50 = require("@livechat/design-system-icons");
 var import_design_system_react_components96 = require("@livechat/design-system-react-components");
-var import_developer_studio_api49 = require("@livechat/developer-studio-api");
+var import_developer_studio_api50 = require("@livechat/developer-studio-api");
 var HubspotStatus = () => {
   const credentialsQuery = useFetchHubspotCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
@@ -25934,9 +26173,9 @@ var HubspotStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api49.IntegrationDisplayNames.HubSpot,
-      subtitle: `${import_developer_studio_api49.IntegrationDisplayNames.HubSpot} integration`,
-      header: `${import_developer_studio_api49.IntegrationDisplayNames.HubSpot} integration`,
+      title: import_developer_studio_api50.IntegrationDisplayNames.HubSpot,
+      subtitle: `${import_developer_studio_api50.IntegrationDisplayNames.HubSpot} integration`,
+      header: `${import_developer_studio_api50.IntegrationDisplayNames.HubSpot} integration`,
       description: "",
       icon: /* @__PURE__ */ jsx4(import_design_system_icons50.Hubspot, {}),
       dataCy: "hubpsot-integration-component",
@@ -26000,11 +26239,11 @@ var import_react_router_dom38 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Mailchimp/Callback.tsx
 var import_react164 = require("react");
-var import_developer_studio_ui_react70 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react71 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 var MailchimpCallback = () => {
   const { login } = (0, import_react164.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react70.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react71.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -26022,7 +26261,7 @@ var Callback_default5 = MailchimpCallback;
 var import_react165 = require("react");
 var import_design_system_icons51 = require("@livechat/design-system-icons");
 var import_design_system_react_components97 = require("@livechat/design-system-react-components");
-var import_developer_studio_api50 = require("@livechat/developer-studio-api");
+var import_developer_studio_api51 = require("@livechat/developer-studio-api");
 var MailchimpStatus = () => {
   const credentialsQuery = useFetchMailchimpCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
@@ -26065,9 +26304,9 @@ var MailchimpStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api50.IntegrationDisplayNames.Mailchimp,
-      subtitle: `${import_developer_studio_api50.IntegrationDisplayNames.Mailchimp} integration`,
-      header: `${import_developer_studio_api50.IntegrationDisplayNames.Mailchimp} integration`,
+      title: import_developer_studio_api51.IntegrationDisplayNames.Mailchimp,
+      subtitle: `${import_developer_studio_api51.IntegrationDisplayNames.Mailchimp} integration`,
+      header: `${import_developer_studio_api51.IntegrationDisplayNames.Mailchimp} integration`,
       description: "Integrate Developer Console with Mailchimp to streamline your marketing campaigns, automate email workflows, and enhance your customer engagement with ease. Experience efficient and effective communication, all within a unified platform.",
       icon: /* @__PURE__ */ jsx4(import_design_system_icons51.Mailchimp, {}),
       dataCy: "mailchimp-integration-component",
@@ -26131,13 +26370,13 @@ var import_react_router_dom39 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Neon/Action.tsx
 var import_react166 = require("react");
-var import_developer_studio_api51 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react71 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api52 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react72 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var NeonAction = (props) => {
   var _a;
   const { login } = (0, import_react166.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react71.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react72.useMatch)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -26145,7 +26384,7 @@ var NeonAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api51.IntegrationNames.Neon,
+      name: import_developer_studio_api52.IntegrationNames.Neon,
       action,
       data: props.data,
       context: props.context,
@@ -26153,7 +26392,7 @@ var NeonAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api51.IntegrationModes.Modal,
+        mode: import_developer_studio_api52.IntegrationModes.Modal,
         handler: (output) => {
           var _a2;
           return neonActionHandlers(login, (_a2 = props.data) == null ? void 0 : _a2.setIsActionLoading)[action](output);
@@ -26169,7 +26408,7 @@ var neonActionHandlers = (login, setIsActionLoading) => {
       setIsActionLoading == null ? void 0 : setIsActionLoading(false);
       if (output.status === "success" && output.result.token) {
         login({
-          source: import_developer_studio_api51.IntegrationNames.Neon,
+          source: import_developer_studio_api52.IntegrationNames.Neon,
           data: { token: output.result.token }
         });
         return {
@@ -26188,11 +26427,11 @@ var Action_default7 = NeonAction;
 
 // src/views/Settings/Integrations/Neon/Callback.tsx
 var import_react167 = require("react");
-var import_developer_studio_ui_react72 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react73 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var NeonCallback = () => {
   const { login } = (0, import_react167.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react72.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react73.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -26210,15 +26449,15 @@ var Callback_default6 = NeonCallback;
 var import_react171 = require("react");
 var import_design_system_icons52 = require("@livechat/design-system-icons");
 var import_design_system_react_components98 = require("@livechat/design-system-react-components");
-var import_developer_studio_api56 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react73 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api57 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react74 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/neon/credentials.ts
-var import_developer_studio_api52 = require("@livechat/developer-studio-api");
+var import_developer_studio_api53 = require("@livechat/developer-studio-api");
 var useFetchNeonCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api52.IntegrationNames.Neon
+    import_developer_studio_api53.IntegrationNames.Neon
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("neonClientId")
@@ -26236,18 +26475,18 @@ var useFetchNeonCredentials = () => {
 
 // src/hooks/integrations/neon/databases.ts
 var import_react168 = require("react");
-var import_react_query10 = require("@tanstack/react-query");
-var import_developer_studio_api53 = require("@livechat/developer-studio-api");
+var import_react_query12 = require("@tanstack/react-query");
+var import_developer_studio_api54 = require("@livechat/developer-studio-api");
 
 // src/hooks/integrations/neon/projects.ts
 var import_react169 = require("react");
-var import_react_query11 = require("@tanstack/react-query");
-var import_developer_studio_api54 = require("@livechat/developer-studio-api");
+var import_react_query13 = require("@tanstack/react-query");
+var import_developer_studio_api55 = require("@livechat/developer-studio-api");
 
 // src/hooks/integrations/neon/user.ts
 var import_react170 = require("react");
-var import_react_query12 = require("@tanstack/react-query");
-var import_developer_studio_api55 = require("@livechat/developer-studio-api");
+var import_react_query14 = require("@tanstack/react-query");
+var import_developer_studio_api56 = require("@livechat/developer-studio-api");
 
 // src/views/Settings/Integrations/Neon/Status.tsx
 var NeonStatus = () => {
@@ -26292,11 +26531,11 @@ var NeonStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api56.IntegrationDisplayNames.Neon,
-      subtitle: `${import_developer_studio_api56.IntegrationDisplayNames.Neon} integration`,
-      header: `${import_developer_studio_api56.IntegrationDisplayNames.Neon} integration`,
+      title: import_developer_studio_api57.IntegrationDisplayNames.Neon,
+      subtitle: `${import_developer_studio_api57.IntegrationDisplayNames.Neon} integration`,
+      header: `${import_developer_studio_api57.IntegrationDisplayNames.Neon} integration`,
       description: "Integrate Developer Console with Neon to enjoy simplified web development with a platform for storing your apps data. Experience faster, scalable, and more secure workflow.",
-      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react73.Neon, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react74.Neon, {}),
       dataCy: "neon-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -26305,7 +26544,7 @@ var NeonStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react73.Neon, {}),
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react74.Neon, {}),
             action: !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, { credential: oauthCredential }) : void 0,
             status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(
               import_design_system_react_components98.Button,
@@ -26352,8 +26591,8 @@ var import_react_router_dom40 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Netlify/Action.tsx
 var import_react172 = require("react");
-var import_developer_studio_api57 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react74 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_api58 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react75 = require("@livechat/developer-studio-ui-react");
 
 // src/utils/amplitude/journeys/application/blocks/deployment.ts
 var appDeploymentBlockAmplitudeJourneyFactory = (email) => ({
@@ -26473,10 +26712,10 @@ var import_jsx_runtime156 = require("react/jsx-runtime");
 var NetlifyAction = (props) => {
   var _a;
   const { login } = (0, import_react172.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react74.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react75.useMatch)();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react74.useRootContext)();
+  } = (0, import_developer_studio_ui_react75.useRootContext)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -26484,7 +26723,7 @@ var NetlifyAction = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api57.IntegrationNames.Netlify,
+      name: import_developer_studio_api58.IntegrationNames.Netlify,
       action,
       data: props.data,
       context: props.context,
@@ -26492,7 +26731,7 @@ var NetlifyAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api57.IntegrationModes.Modal,
+        mode: import_developer_studio_api58.IntegrationModes.Modal,
         handler: (output) => netlifyActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
       },
       onSuccess: props.onSuccess
@@ -26502,9 +26741,9 @@ var NetlifyAction = (props) => {
 function triggerNetlifyAction(props, meta) {
   return executeIntegrationAction(
     __spreadProps(__spreadValues({}, props), {
-      name: import_developer_studio_api57.IntegrationNames.Netlify,
+      name: import_developer_studio_api58.IntegrationNames.Netlify,
       trigger: {
-        mode: import_developer_studio_api57.IntegrationModes.Modal,
+        mode: import_developer_studio_api58.IntegrationModes.Modal,
         handler: (output) => netlifyActionHandlers(
           meta.login,
           meta.user.meta.email
@@ -26520,10 +26759,10 @@ var netlifyActionHandlers = (login, email) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         amplitudeDeploymentJourney.app.deployment.actions.authorize.success(
-          import_developer_studio_api57.IntegrationNames.Netlify
+          import_developer_studio_api58.IntegrationNames.Netlify
         );
         login({
-          source: import_developer_studio_api57.IntegrationNames.Netlify,
+          source: import_developer_studio_api58.IntegrationNames.Netlify,
           data: { token: output.result.token }
         });
         return {
@@ -26544,7 +26783,7 @@ var netlifyActionHandlers = (login, email) => {
     install: (output) => {
       if (output.status === "success" && output.result.installationId) {
         amplitudeDeploymentJourney.app.deployment.actions.install.success(
-          import_developer_studio_api57.IntegrationNames.Netlify
+          import_developer_studio_api58.IntegrationNames.Netlify
         );
         return {
           isValid: true,
@@ -26563,15 +26802,15 @@ var Action_default8 = NetlifyAction;
 
 // src/views/Settings/Integrations/Netlify/Callback.tsx
 var import_react173 = require("react");
-var import_developer_studio_ui_react75 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react76 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime157 = require("react/jsx-runtime");
 var NetlifyCallback = () => {
-  const match2 = (0, import_developer_studio_ui_react75.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react76.useMatch)();
   const { login } = (0, import_react173.useContext)(AuthContext);
   const action = match2.params.action;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react75.useRootContext)();
+  } = (0, import_developer_studio_ui_react76.useRootContext)();
   if (!action) {
     throw new Error("Invalid action");
   }
@@ -26589,14 +26828,14 @@ var import_react175 = require("react");
 var import_design_system_icons53 = require("@livechat/design-system-icons");
 var import_design_system_react_components99 = require("@livechat/design-system-react-components");
 var import_developer_studio_api62 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react76 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react77 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/netlify/credentials.ts
-var import_developer_studio_api58 = require("@livechat/developer-studio-api");
+var import_developer_studio_api59 = require("@livechat/developer-studio-api");
 var useFetchNetlifyCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api58.IntegrationNames.Netlify
+    import_developer_studio_api59.IntegrationNames.Netlify
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("netlifyClientId")
@@ -26614,21 +26853,21 @@ var useFetchNetlifyCredentials = () => {
 
 // src/hooks/integrations/netlify/site.ts
 var import_react174 = require("react");
-var import_react_query13 = require("@tanstack/react-query");
-var import_developer_studio_api59 = require("@livechat/developer-studio-api");
+var import_react_query15 = require("@tanstack/react-query");
+var import_developer_studio_api60 = require("@livechat/developer-studio-api");
 var netlifyDeploymentQueryKeys = {
   getSites: ["netlify.getSites"]
 };
 var useFetchNetlifySitesQuery = (isAuthorized) => {
   const { logout } = (0, import_react174.useContext)(AuthContext);
-  return (0, import_react_query13.useQuery)(
+  return (0, import_react_query15.useQuery)(
     netlifyDeploymentQueryKeys.getSites,
-    () => import_developer_studio_api59.api.integrations.netlify.site.getSites(),
+    () => import_developer_studio_api60.api.integrations.netlify.site.getSites(),
     {
       retry: false,
       onError: (error) => {
-        if (error instanceof import_developer_studio_api59.UnauthorizeApiError) {
-          logout(import_developer_studio_api59.IntegrationNames.Netlify);
+        if (error instanceof import_developer_studio_api60.UnauthorizeApiError) {
+          logout(import_developer_studio_api60.IntegrationNames.Netlify);
         }
       },
       enabled: isAuthorized
@@ -26637,39 +26876,11 @@ var useFetchNetlifySitesQuery = (isAuthorized) => {
 };
 
 // src/hooks/state/user/integrations/netlify.ts
-var import_react_query15 = require("@tanstack/react-query");
+var import_react_query16 = require("@tanstack/react-query");
 var import_developer_studio_api61 = require("@livechat/developer-studio-api");
-
-// src/hooks/user.ts
-var import_react_query14 = require("@tanstack/react-query");
-var import_developer_studio_api60 = require("@livechat/developer-studio-api");
-var userQueryKeys = {
-  dps: {
-    getUser: ["dps.getUser"],
-    getUserIntegrations: ["dps.getUserIntegrations"]
-  },
-  livechat: {
-    agent: {
-      getUser: ["livechat.agent.getUser"]
-    }
-  },
-  accounts: {
-    account: {
-      getInfo: ["accounts.account.getInfo"]
-    }
-  }
-};
-var useFetchUserIntegrationsQuery = () => {
-  return (0, import_react_query14.useQuery)(
-    userQueryKeys.dps.getUserIntegrations,
-    () => import_developer_studio_api60.api.platform.dps.user.getUserIntegrations()
-  );
-};
-
-// src/hooks/state/user/integrations/netlify.ts
 var useUpdateUserNetlifyIntegrationQuery = () => {
-  const queryClient = (0, import_react_query15.useQueryClient)();
-  const { mutateAsync: updateUserNetlifyIntegration, isLoading } = (0, import_react_query15.useMutation)(
+  const queryClient = (0, import_react_query16.useQueryClient)();
+  const { mutateAsync: updateUserNetlifyIntegration, isLoading } = (0, import_react_query16.useMutation)(
     (userNetlifyIntegration) => import_developer_studio_api61.api.platform.dps.user.updateUserNetlifyIntegration(
       userNetlifyIntegration
     ),
@@ -26709,9 +26920,9 @@ var NetlifyStatus = () => {
   var _a, _b, _c, _d;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react76.useRootContext)();
+  } = (0, import_developer_studio_ui_react77.useRootContext)();
   const { state, login } = (0, import_react175.useContext)(AuthContext);
-  const { context: notifications } = (0, import_developer_studio_ui_react76.useNotifications)();
+  const { context: notifications } = (0, import_developer_studio_ui_react77.useNotifications)();
   const userIntegrationsQuery = useFetchUserIntegrationsQuery();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const credentialsQuery = useFetchNetlifyCredentials();
@@ -26911,7 +27122,7 @@ var NetlifyStatus = () => {
       subtitle: `${import_developer_studio_api62.IntegrationDisplayNames.Netlify} integration`,
       header: `${import_developer_studio_api62.IntegrationDisplayNames.Netlify} integration`,
       description: "Integrate Developer Console with Netlify to enjoy simplified web development with a platform for building, deploying, and managing your projects. Experience faster, scalable, and more secure workflow.",
-      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react76.Netlify, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react77.Netlify, {}),
       dataCy: "netlify-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -26920,8 +27131,8 @@ var NetlifyStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react76.Netlify, {}),
-            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react76.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components99.SpacingToken.Spacing2})`, children: [
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react77.Netlify, {}),
+            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react77.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components99.SpacingToken.Spacing2})`, children: [
               !userIntegrationsQuery.isFetching && !isInstalled ? /* @__PURE__ */ jsx4(Install, {}) : void 0,
               /* @__PURE__ */ jsx4(
                 import_design_system_react_components99.ActionMenu,
@@ -26969,7 +27180,7 @@ var NetlifyStatus = () => {
             ] }) : void 0
           }
         ),
-        oauthCredential && isInstalled && !sitesQuery.isFetching && !doesNetlifySiteHasInstallID ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react76.Row, { setRowPadding: "8px 0 0 26px", children: /* @__PURE__ */ jsxs2("p", { css: notFoundInfoCss, children: [
+        oauthCredential && isInstalled && !sitesQuery.isFetching && !doesNetlifySiteHasInstallID ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react77.Row, { setRowPadding: "8px 0 0 26px", children: /* @__PURE__ */ jsxs2("p", { css: notFoundInfoCss, children: [
           "In case of GitHub Installation page returns 404,",
           " ",
           /* @__PURE__ */ jsx4(
@@ -27018,11 +27229,11 @@ var import_react_router_dom41 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Shopify/Callback.tsx
 var import_react177 = require("react");
-var import_developer_studio_ui_react77 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react78 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime160 = require("react/jsx-runtime");
 var ShopifyCallback = () => {
   const { login } = (0, import_react177.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react77.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react78.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -27042,14 +27253,14 @@ var import_design_system4 = require("@livechat/design-system");
 var import_design_system_icons54 = require("@livechat/design-system-icons");
 var import_design_system_react_components100 = require("@livechat/design-system-react-components");
 var import_developer_studio_api63 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react78 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react79 = require("@livechat/developer-studio-ui-react");
 var ShopifyStatus = () => {
   var _a;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react78.useRootContext)();
+  } = (0, import_developer_studio_ui_react79.useRootContext)();
   const { login } = (0, import_react178.useContext)(AuthContext);
-  const { context: notifications } = (0, import_developer_studio_ui_react78.useNotifications)();
+  const { context: notifications } = (0, import_developer_studio_ui_react79.useNotifications)();
   const credentialsQuery = useFetchShopifyCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const [state, setState] = (0, import_react178.useState)();
@@ -27276,12 +27487,12 @@ var import_react_router_dom42 = require("react-router-dom");
 // src/views/Settings/Integrations/Text/Action.tsx
 var import_react179 = require("react");
 var import_developer_studio_api64 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react79 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react80 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime163 = require("react/jsx-runtime");
 var TextAction = (props) => {
   var _a;
   const { login } = (0, import_react179.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react79.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react80.useMatch)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -27328,11 +27539,11 @@ var Action_default9 = TextAction;
 
 // src/views/Settings/Integrations/Text/Callback.tsx
 var import_react180 = require("react");
-var import_developer_studio_ui_react80 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react81 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime164 = require("react/jsx-runtime");
 var TextCallback = () => {
   const { login } = (0, import_react180.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react80.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react81.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -27350,11 +27561,11 @@ var Callback_default9 = TextCallback;
 var import_react181 = require("react");
 var import_design_system_react_components101 = require("@livechat/design-system-react-components");
 var import_developer_studio_api65 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react81 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react82 = require("@livechat/developer-studio-ui-react");
 var TextStatus = () => {
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react81.useRootContext)();
+  } = (0, import_developer_studio_ui_react82.useRootContext)();
   const credentialsQuery = useFetchTextCredentials();
   const isInstalledQuery = useFetchUserInstalledTextIntegration(user);
   const refetch = (0, import_react181.useCallback)(() => {
@@ -27401,7 +27612,7 @@ var TextStatus = () => {
       subtitle: `${import_developer_studio_api65.IntegrationDisplayNames.Text} integration`,
       header: `${import_developer_studio_api65.IntegrationDisplayNames.Text} integration`,
       description: "",
-      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react81.Logo, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react82.Logo, {}),
       dataCy: "text-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -27410,7 +27621,7 @@ var TextStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(authCredential),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react81.Logo, {}),
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react82.Logo, {}),
             status: !credentialsQuery.isFetching && (authCredential == null ? void 0 : authCredential.name) ? /* @__PURE__ */ jsx4(import_react181.Fragment, { children: !isInstalledQuery.isFetching ? getConnectionStatus(isInstalledQuery.data, "install") : void 0 }) : void 0
           }
         ),
@@ -27445,15 +27656,15 @@ var import_react_router_dom43 = require("react-router-dom");
 // src/views/Settings/Integrations/Vercel/Action.tsx
 var import_react182 = require("react");
 var import_developer_studio_api66 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react82 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react83 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var VercelAction = (props) => {
   var _a;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react82.useRootContext)();
+  } = (0, import_developer_studio_ui_react83.useRootContext)();
   const { login } = (0, import_react182.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react82.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react83.useMatch)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
@@ -27544,15 +27755,15 @@ var Action_default10 = VercelAction;
 
 // src/views/Settings/Integrations/Vercel/Callback.tsx
 var import_react183 = require("react");
-var import_developer_studio_ui_react83 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react84 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime168 = require("react/jsx-runtime");
 var VercelCallback = () => {
   const { login } = (0, import_react183.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react83.useMatch)();
+  const match2 = (0, import_developer_studio_ui_react84.useMatch)();
   const action = match2.params.action;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react83.useRootContext)();
+  } = (0, import_developer_studio_ui_react84.useRootContext)();
   if (!action) {
     throw new Error("Invalid action");
   }
@@ -27570,7 +27781,7 @@ var import_react184 = require("react");
 var import_design_system_icons55 = require("@livechat/design-system-icons");
 var import_design_system_react_components102 = require("@livechat/design-system-react-components");
 var import_developer_studio_api69 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react84 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react85 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/vercel/credentials.ts
 var import_developer_studio_api67 = require("@livechat/developer-studio-api");
@@ -27594,13 +27805,13 @@ var useFetchVercelCredentials = () => {
 };
 
 // src/hooks/integrations/vercel/namespace.ts
-var import_react_query16 = require("@tanstack/react-query");
+var import_react_query17 = require("@tanstack/react-query");
 var import_developer_studio_api68 = require("@livechat/developer-studio-api");
 var vercelNamespacesQueryKeys = {
   getInstallations: ["vercel.getNamespaces"]
 };
 var useFetchVercelNamespaces = (enabled) => {
-  return (0, import_react_query16.useQuery)(
+  return (0, import_react_query17.useQuery)(
     vercelNamespacesQueryKeys.getInstallations,
     () => import_developer_studio_api68.api.integrations.vercel.integrations.getGitNamespaces(),
     {
@@ -27615,9 +27826,9 @@ var VercelStatus = () => {
   var _a, _b, _c;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react84.useRootContext)();
+  } = (0, import_developer_studio_ui_react85.useRootContext)();
   const { state, login } = (0, import_react184.useContext)(AuthContext);
-  const { context: notifications } = (0, import_developer_studio_ui_react84.useNotifications)();
+  const { context: notifications } = (0, import_developer_studio_ui_react85.useNotifications)();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const credentialsQuery = useFetchVercelCredentials();
   const namespacesQuery = useFetchVercelNamespaces(
@@ -27817,7 +28028,7 @@ var VercelStatus = () => {
       subtitle: `${import_developer_studio_api69.IntegrationDisplayNames.Vercel} integration`,
       header: `${import_developer_studio_api69.IntegrationDisplayNames.Vercel} integration`,
       description: "Optimize your app deployment with Vercel to enjoy seamless integration, streamlined workflows, and easy collaboration, all without compromising on speed or quality.",
-      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.Vercel, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react85.Vercel, {}),
       dataCy: "vercel-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -27826,8 +28037,8 @@ var VercelStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.Vercel, {}),
-            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react84.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components102.SpacingToken.Spacing2})`, children: [
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react85.Vercel, {}),
+            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react85.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components102.SpacingToken.Spacing2})`, children: [
               !namespacesQuery.isFetching && !isInstalled ? /* @__PURE__ */ jsx4(Install, {}) : void 0,
               /* @__PURE__ */ jsx4(
                 import_design_system_react_components102.ActionMenu,
@@ -27913,7 +28124,7 @@ function IntegrationsSubNavGroup() {
   const navigate = (0, import_react_router_dom44.useNavigate)();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react85.useRootContext)();
+  } = (0, import_developer_studio_ui_react86.useRootContext)();
   const { data: userHasInstalledWorkflows } = useFetchUserInstalledWorkflows(user);
   return /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
     import_design_system_react_components103.SideNavigationGroup,
@@ -28064,11 +28275,72 @@ function Settings() {
   ] });
 }
 var Settings_default = Settings;
+
+// src/views/Common/LoginError.tsx
+var import_design_system_react_components104 = require("@livechat/design-system-react-components");
+var import_developer_studio_ui_react87 = require("@livechat/developer-studio-ui-react");
+
+// src/assets/flows/workflows-welcome.png
+var workflows_welcome_default = "./workflows-welcome-N73H5YQR.png";
+
+// src/views/Common/LoginError.tsx
+var imgContainerCss2 = css`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`;
+var paragraphCss = (heading) => css`
+    ${heading ? import_developer_studio_ui_react87.theme.typography.heading.xs : import_developer_studio_ui_react87.theme.typography.paragraph.s}
+    margin-top: var(${heading ? import_design_system_react_components104.SpacingToken.Spacing10 : import_design_system_react_components104.SpacingToken.Spacing2});
+  `;
+var wrapperCss = css`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  width: 100%;
+`;
+function LoginErrorPage() {
+  const { authorize } = (0, import_developer_studio_ui_react87.useRootContext)();
+  if (getWorkflowEnv("isHeadless")) {
+    return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: /* @__PURE__ */ jsx4(
+        "img",
+        {
+          alt: "",
+          css: css`
+                  width: 600px;
+                  margin-bottom: var(${import_design_system_react_components104.SpacingToken.Spacing7});
+                `,
+          src: workflows_welcome_default
+        }
+      ) }) }) }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react87.Column, { center: true, width: 10, children: [
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Intro, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
+        /* @__PURE__ */ jsx4("p", { css: paragraphCss(false), children: "You're using a browser that required additional login to access Workflows" }),
+        /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
+          import_design_system_react_components104.Button,
+          {
+            kind: "primary",
+            onClick: () => {
+              authorize(true);
+            },
+            children: "Login with Text"
+          }
+        ) })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.LoginErrorPage, {});
+}
+var LoginError_default = LoginErrorPage;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthContext,
   AuthProvider,
   Flows,
+  LoginError,
   Settings,
   SettingsSubNav,
   getWorkflowEnv,