@livechat/platform-workflows 0.0.82 → 0.0.83

package/dist/index.d.mts

@@ -22,7 +22,7 @@ interface LoginErrorPageProps {
     welcomeImage: React.ReactNode;
     onAuthorize: () => void;
 }
-declare function LoginErrorPage({ errorImage, welcomeImage, onAuthorize, }: LoginErrorPageProps): JSX.Element;
+declare function LoginErrorPage({ errorImage, welcomeImage, onAuthorize }: LoginErrorPageProps): JSX.Element;
 
 interface WorkflowsModuleProps {
     waitlistImage: React$1.ReactNode;

package/dist/index.d.ts

@@ -22,7 +22,7 @@ interface LoginErrorPageProps {
     welcomeImage: React.ReactNode;
     onAuthorize: () => void;
 }
-declare function LoginErrorPage({ errorImage, welcomeImage, onAuthorize, }: LoginErrorPageProps): JSX.Element;
+declare function LoginErrorPage({ errorImage, welcomeImage, onAuthorize }: LoginErrorPageProps): JSX.Element;
 
 interface WorkflowsModuleProps {
     waitlistImage: React$1.ReactNode;

package/dist/index.js

@@ -2309,6 +2309,7 @@ var import_developer_studio_ui_react46 = require("@livechat/developer-studio-ui-
 // src/views/Workflows/Creator/index.tsx
 var import_react_router_dom17 = require("react-router-dom");
 var import_developer_studio_ui_react34 = require("@livechat/developer-studio-ui-react");
+var import_platform_integrations5 = require("@livechat/platform-integrations");
 
 // src/constants/products.ts
 var OTHER_TYPES = {
@@ -12463,7 +12464,7 @@ var validateTasks = (workflow, frames, products) => {
     const resolvingErrors = jsonUtils.getMatchesInObject(task2).map((match2) => {
       const segments = match2.rawValue.split(".");
       const resolved = jsonUtils.resolveTextByContext(match2.value, frame);
-      let message = `Invalid field value`;
+      let message = "Invalid field value";
       const params = {};
       if (!(frame == null ? void 0 : frame[segments[0]])) {
         if (segments[0]) {
@@ -12483,7 +12484,7 @@ var validateTasks = (workflow, frames, products) => {
                 message += " - trigger not found";
               }
             } else if (!workflow.trigger.type || workflow.trigger.type === "recurring" || workflow.trigger.type === "webhook") {
-              message = `Couldn't use manual parameters when trigger is not manual`;
+              message = "Couldn't use manual parameters when trigger is not manual";
             } else {
               message += " - invalid input property";
             }
@@ -12568,7 +12569,7 @@ var validateTasks = (workflow, frames, products) => {
       initial
     );
   }
-  return taskReducer(workflow.definition.tasks, [], `/definition/tasks`);
+  return taskReducer(workflow.definition.tasks, [], "/definition/tasks");
 };
 var validateTrigger = (workflow, frames, products) => {
   var _a;
@@ -12581,7 +12582,7 @@ var validateTrigger = (workflow, frames, products) => {
       frames.trigger
     );
     if (!resolved) {
-      let message = `Invalid field value`;
+      let message = "Invalid field value";
       const params = {};
       if (segments[0] === "workflow") {
         if (segments[1] === "credentials") {
@@ -12615,14 +12616,14 @@ var validateTrigger = (workflow, frames, products) => {
   }).filter(Boolean);
   const connectionErrors = resolvingErrors.filter((error) => error.params.subType === "credentials").map((error) => {
     return {
-      instancePath: `/trigger`,
+      instancePath: "/trigger",
       keyword: "connection",
       message: `Not connected to ${error.params.provider}`,
       params: {}
     };
   });
   const activationError = config2 && config2.customization.provider.startsWith(import_developer_studio_api18.IntegrationNames.Text) && !products.find(({ product }) => product === config2.customization.product) ? {
-    instancePath: `/trigger`,
+    instancePath: "/trigger",
     keyword: "activation",
     message: `${config2.customization.product} not activated`,
     params: {}
@@ -12776,8 +12777,8 @@ var getWorkflowValidation = (workflow, internal, external) => {
     if ("missingProperty" in rawError.params) {
       if (rawError.params.missingProperty) {
         rawError.instancePath = `${rawError.instancePath}/${rawError.params.missingProperty}`;
-        rawError.message = `property is required`;
-        rawError.keyword = `requiredProperty`;
+        rawError.message = "property is required";
+        rawError.keyword = "requiredProperty";
       }
     }
     switch (rawError.keyword) {
@@ -12788,7 +12789,7 @@ var getWorkflowValidation = (workflow, internal, external) => {
           workflow
         )) == null ? void 0 : _a[0] : void 0;
         if (value === null) {
-          message = `This field cannot be empty`;
+          message = "This field cannot be empty";
         } else {
           message = "Invalid value type";
         }
@@ -12797,7 +12798,7 @@ var getWorkflowValidation = (workflow, internal, external) => {
         message = `Field '${rawError.params.missingProperty}' is required`;
         break;
       case "requiredProperty":
-        message = `This field cannot be empty`;
+        message = "This field cannot be empty";
         break;
       case "minLength":
         message = `Must have more than ${rawError.params.limit} characters`;
@@ -13273,30 +13274,33 @@ function WorkflowCreatorProviderBase({
         return;
       }
       setAction("isSaving", true);
-      if (state2.workflow.id) {
-        const updateMutationResult = yield updateWorkflowAction.mutateAsync(
-          state2.workflow
-        );
-        if (!silent) {
-          notifications.addSuccessToast(
-            "Workflow has been updated successfully"
+      try {
+        if (state2.workflow.id) {
+          const updateMutationResult = yield updateWorkflowAction.mutateAsync(
+            state2.workflow
           );
-        }
-        setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
-          version: updateMutationResult.version
-        }));
-      } else {
-        const workflowId = yield createWorkflowAction.mutateAsync(
-          state2.workflow
-        );
-        if (!silent) {
-          notifications.addSuccessToast(
-            "Workflow has been created successfully"
+          if (!silent) {
+            notifications.addSuccessToast(
+              "Workflow has been updated successfully"
+            );
+          }
+          setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
+            version: updateMutationResult.version
+          }));
+        } else {
+          const workflowId = yield createWorkflowAction.mutateAsync(
+            state2.workflow
           );
+          if (!silent) {
+            notifications.addSuccessToast(
+              "Workflow has been created successfully"
+            );
+          }
+          navigate(`/workflow/${workflowId}`);
         }
-        navigate(`/workflow/${workflowId}`);
+      } finally {
+        setAction("isSaving", false);
       }
-      setAction("isSaving", false);
     }),
     [
       createWorkflowAction,
@@ -13317,33 +13321,39 @@ function WorkflowCreatorProviderBase({
       return;
     }
     setAction("isActivating", true);
-    yield activateWorkflowAction.mutateAsync({
-      id: state2.workflow.id,
-      active: !state2.workflow.active
-    });
-    setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
-      active: !prevState.active
-    }));
-    notifications.addSuccessToast(
-      `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
-    );
-    setAction("isActivating", false);
+    try {
+      yield activateWorkflowAction.mutateAsync({
+        id: state2.workflow.id,
+        active: !state2.workflow.active
+      });
+      setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
+        active: !prevState.active
+      }));
+      notifications.addSuccessToast(
+        `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
+      );
+    } finally {
+      setAction("isActivating", false);
+    }
   }), [activateWorkflowAction, notifications, validate, setWorkflow, setAction]);
   const remove = (0, import_react10.useCallback)(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     setAction("isRemoving", true);
-    if (state2.workflow.draft) {
-      if (state2.workflow.related_workflow_id) {
-        yield deleteWorkflowAction.mutateAsync({
-          id: state2.workflow.related_workflow_id
-        });
+    try {
+      if (state2.workflow.draft) {
+        if (state2.workflow.related_workflow_id) {
+          yield deleteWorkflowAction.mutateAsync({
+            id: state2.workflow.related_workflow_id
+          });
+        }
+      } else {
+        yield deleteWorkflowAction.mutateAsync(state2.workflow);
       }
-    } else {
-      yield deleteWorkflowAction.mutateAsync(state2.workflow);
+      navigate("/workflow/list");
+      notifications.addSuccessToast("Workflow has been removed successfully");
+    } finally {
+      setAction("isRemoving", false);
     }
-    navigate("/workflow/list");
-    notifications.addSuccessToast("Workflow has been removed successfully");
-    setAction("isRemoving", false);
   }), [setAction, navigate, notifications, deleteWorkflowAction]);
   const createDraft = (0, import_react10.useCallback)(
     (options2) => __async(this, null, function* () {
@@ -13358,19 +13368,22 @@ function WorkflowCreatorProviderBase({
         }
       }
       setAction("isCreating", true);
-      if (state2.workflow.related_workflow_id) {
-        yield deleteWorkflowAction.mutateAsync({
-          id: state2.workflow.related_workflow_id
-        });
+      try {
+        if (state2.workflow.related_workflow_id) {
+          yield deleteWorkflowAction.mutateAsync({
+            id: state2.workflow.related_workflow_id
+          });
+        }
+        const draftId = yield createWorkflowDraftAction.mutateAsync(
+          state2.workflow
+        );
+        navigate(`/workflow/${draftId}`);
+        notifications.addSuccessToast(
+          "Workflow draft has been created successfully"
+        );
+      } finally {
+        setAction("isCreating", false);
       }
-      const draftId = yield createWorkflowDraftAction.mutateAsync(
-        state2.workflow
-      );
-      navigate(`/workflow/${draftId}`);
-      notifications.addSuccessToast(
-        "Workflow draft has been created successfully"
-      );
-      setAction("isCreating", false);
     }),
     [
       createWorkflowDraftAction,
@@ -13397,19 +13410,24 @@ function WorkflowCreatorProviderBase({
         return;
       }
       setAction("isPublishing", true);
-      if (state2.workflow.id) {
-        const { id } = yield publishWorkflowAction.mutateAsync(state2.workflow);
-        navigate(`/workflow/${id}`);
-      } else {
-        const id = yield createWorkflowAction.mutateAsync(__spreadProps(__spreadValues({}, state2.workflow), {
-          draft: false
-        }));
-        navigate(`/workflow/${id}`);
+      try {
+        if (state2.workflow.id) {
+          const { id } = yield publishWorkflowAction.mutateAsync(
+            state2.workflow
+          );
+          navigate(`/workflow/${id}`);
+        } else {
+          const id = yield createWorkflowAction.mutateAsync(__spreadProps(__spreadValues({}, state2.workflow), {
+            draft: false
+          }));
+          navigate(`/workflow/${id}`);
+        }
+        notifications.addSuccessToast(
+          "Workflow draft has been published successfully"
+        );
+      } finally {
+        setAction("isPublishing", false);
       }
-      notifications.addSuccessToast(
-        "Workflow draft has been published successfully"
-      );
-      setAction("isPublishing", false);
     }),
     [
       validate,
@@ -13423,26 +13441,29 @@ function WorkflowCreatorProviderBase({
   const discardDraft = (0, import_react10.useCallback)(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     setAction("isDiscarding", true);
-    if (state2.workflow.draft) {
-      if (state2.workflow.id) {
-        yield deleteWorkflowAction.mutateAsync(state2.workflow);
-      }
-      if (state2.workflow.related_workflow_id) {
-        navigate(`/workflow/${state2.workflow.related_workflow_id}`);
-      } else {
-        navigate(`/workflow/list`);
+    try {
+      if (state2.workflow.draft) {
+        if (state2.workflow.id) {
+          yield deleteWorkflowAction.mutateAsync(state2.workflow);
+        }
+        if (state2.workflow.related_workflow_id) {
+          navigate(`/workflow/${state2.workflow.related_workflow_id}`);
+        } else {
+          navigate("/workflow/list");
+        }
+      } else if (state2.workflow.related_workflow_id) {
+        yield deleteWorkflowAction.mutateAsync({
+          id: state2.workflow.related_workflow_id,
+          related_workflow_id: state2.workflow.id
+        });
+        navigate(`/workflow/${state2.workflow.id}`);
       }
-    } else if (state2.workflow.related_workflow_id) {
-      yield deleteWorkflowAction.mutateAsync({
-        id: state2.workflow.related_workflow_id,
-        related_workflow_id: state2.workflow.id
-      });
-      navigate(`/workflow/${state2.workflow.id}`);
+      notifications.addSuccessToast(
+        "Workflow draft has been discarded successfully"
+      );
+    } finally {
+      setAction("isDiscarding", false);
     }
-    notifications.addSuccessToast(
-      "Workflow draft has been discarded successfully"
-    );
-    setAction("isDiscarding", false);
   }), [deleteWorkflowAction, notifications, navigate, setAction]);
   const [previewModalVisible, setPreviewModalVisible] = (0, import_react10.useState)({ isVisible: false });
   return /* @__PURE__ */ jsx4(
@@ -21320,7 +21341,7 @@ function WorkflowDetailsPanel({
             {
               isSelected: tab === "info",
               onClick: () => {
-                navigate(`../info`, { replace: true, relative: "route" });
+                navigate("../info", { replace: true, relative: "route" });
               },
               children: "Info"
             }
@@ -21330,7 +21351,7 @@ function WorkflowDetailsPanel({
             {
               isSelected: tab === "executions",
               onClick: () => {
-                navigate(`../executions`, { replace: true, relative: "route" });
+                navigate("../executions", { replace: true, relative: "route" });
               },
               children: "History"
             }
@@ -22034,11 +22055,14 @@ function WorkflowCreator() {
   const { id } = (0, import_react_router_dom17.useParams)();
   const navigate = (0, import_react_router_dom17.useNavigate)();
   const workflowQuery = useFetchWorkflow(id === "new" ? void 0 : id);
+  const credentialsQuery = (0, import_platform_integrations5.useFetchIntegrationCredentialsQuery)();
+  const organizationProducts = (0, import_developer_studio_ui_react34.useFetchOrganizationProducts)();
   useFetchWorkflow((_a = workflowQuery.data) == null ? void 0 : _a.related_workflow_id);
   if (!id) {
     return;
   }
-  if (id !== "new" && workflowQuery.isLoading) {
+  const isLoading = workflowQuery.isLoading || credentialsQuery.isInitialLoading || organizationProducts.isInitialLoading;
+  if (id !== "new" && isLoading) {
     return /* @__PURE__ */ jsx4(import_developer_studio_ui_react34.Loader, { stretch: true });
   }
   if (id !== "new" && !workflowQuery.isSuccess) {

package/dist/index.mjs

@@ -2312,7 +2312,11 @@ import {
   useNavigate as useNavigate13,
   useParams as useParams4
 } from "react-router-dom";
-import { Loader as Loader3 } from "@livechat/developer-studio-ui-react";
+import {
+  Loader as Loader3,
+  useFetchOrganizationProducts as useFetchOrganizationProducts2
+} from "@livechat/developer-studio-ui-react";
+import { useFetchIntegrationCredentialsQuery as useFetchIntegrationCredentialsQuery2 } from "@livechat/platform-integrations";
 
 // src/constants/products.ts
 var OTHER_TYPES = {
@@ -12540,7 +12544,7 @@ var validateTasks = (workflow, frames, products) => {
     const resolvingErrors = jsonUtils.getMatchesInObject(task2).map((match2) => {
       const segments = match2.rawValue.split(".");
       const resolved = jsonUtils.resolveTextByContext(match2.value, frame);
-      let message = `Invalid field value`;
+      let message = "Invalid field value";
       const params = {};
       if (!(frame == null ? void 0 : frame[segments[0]])) {
         if (segments[0]) {
@@ -12560,7 +12564,7 @@ var validateTasks = (workflow, frames, products) => {
                 message += " - trigger not found";
               }
             } else if (!workflow.trigger.type || workflow.trigger.type === "recurring" || workflow.trigger.type === "webhook") {
-              message = `Couldn't use manual parameters when trigger is not manual`;
+              message = "Couldn't use manual parameters when trigger is not manual";
             } else {
               message += " - invalid input property";
             }
@@ -12645,7 +12649,7 @@ var validateTasks = (workflow, frames, products) => {
       initial
     );
   }
-  return taskReducer(workflow.definition.tasks, [], `/definition/tasks`);
+  return taskReducer(workflow.definition.tasks, [], "/definition/tasks");
 };
 var validateTrigger = (workflow, frames, products) => {
   var _a;
@@ -12658,7 +12662,7 @@ var validateTrigger = (workflow, frames, products) => {
       frames.trigger
     );
     if (!resolved) {
-      let message = `Invalid field value`;
+      let message = "Invalid field value";
       const params = {};
       if (segments[0] === "workflow") {
         if (segments[1] === "credentials") {
@@ -12692,14 +12696,14 @@ var validateTrigger = (workflow, frames, products) => {
   }).filter(Boolean);
   const connectionErrors = resolvingErrors.filter((error) => error.params.subType === "credentials").map((error) => {
     return {
-      instancePath: `/trigger`,
+      instancePath: "/trigger",
       keyword: "connection",
       message: `Not connected to ${error.params.provider}`,
       params: {}
     };
   });
   const activationError = config2 && config2.customization.provider.startsWith(IntegrationNames12.Text) && !products.find(({ product }) => product === config2.customization.product) ? {
-    instancePath: `/trigger`,
+    instancePath: "/trigger",
     keyword: "activation",
     message: `${config2.customization.product} not activated`,
     params: {}
@@ -12853,8 +12857,8 @@ var getWorkflowValidation = (workflow, internal, external) => {
     if ("missingProperty" in rawError.params) {
       if (rawError.params.missingProperty) {
         rawError.instancePath = `${rawError.instancePath}/${rawError.params.missingProperty}`;
-        rawError.message = `property is required`;
-        rawError.keyword = `requiredProperty`;
+        rawError.message = "property is required";
+        rawError.keyword = "requiredProperty";
       }
     }
     switch (rawError.keyword) {
@@ -12865,7 +12869,7 @@ var getWorkflowValidation = (workflow, internal, external) => {
           workflow
         )) == null ? void 0 : _a[0] : void 0;
         if (value === null) {
-          message = `This field cannot be empty`;
+          message = "This field cannot be empty";
         } else {
           message = "Invalid value type";
         }
@@ -12874,7 +12878,7 @@ var getWorkflowValidation = (workflow, internal, external) => {
         message = `Field '${rawError.params.missingProperty}' is required`;
         break;
       case "requiredProperty":
-        message = `This field cannot be empty`;
+        message = "This field cannot be empty";
         break;
       case "minLength":
         message = `Must have more than ${rawError.params.limit} characters`;
@@ -13350,30 +13354,33 @@ function WorkflowCreatorProviderBase({
         return;
       }
       setAction("isSaving", true);
-      if (state2.workflow.id) {
-        const updateMutationResult = yield updateWorkflowAction.mutateAsync(
-          state2.workflow
-        );
-        if (!silent) {
-          notifications.addSuccessToast(
-            "Workflow has been updated successfully"
+      try {
+        if (state2.workflow.id) {
+          const updateMutationResult = yield updateWorkflowAction.mutateAsync(
+            state2.workflow
           );
-        }
-        setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
-          version: updateMutationResult.version
-        }));
-      } else {
-        const workflowId = yield createWorkflowAction.mutateAsync(
-          state2.workflow
-        );
-        if (!silent) {
-          notifications.addSuccessToast(
-            "Workflow has been created successfully"
+          if (!silent) {
+            notifications.addSuccessToast(
+              "Workflow has been updated successfully"
+            );
+          }
+          setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
+            version: updateMutationResult.version
+          }));
+        } else {
+          const workflowId = yield createWorkflowAction.mutateAsync(
+            state2.workflow
           );
+          if (!silent) {
+            notifications.addSuccessToast(
+              "Workflow has been created successfully"
+            );
+          }
+          navigate(`/workflow/${workflowId}`);
         }
-        navigate(`/workflow/${workflowId}`);
+      } finally {
+        setAction("isSaving", false);
       }
-      setAction("isSaving", false);
     }),
     [
       createWorkflowAction,
@@ -13394,33 +13401,39 @@ function WorkflowCreatorProviderBase({
       return;
     }
     setAction("isActivating", true);
-    yield activateWorkflowAction.mutateAsync({
-      id: state2.workflow.id,
-      active: !state2.workflow.active
-    });
-    setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
-      active: !prevState.active
-    }));
-    notifications.addSuccessToast(
-      `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
-    );
-    setAction("isActivating", false);
+    try {
+      yield activateWorkflowAction.mutateAsync({
+        id: state2.workflow.id,
+        active: !state2.workflow.active
+      });
+      setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
+        active: !prevState.active
+      }));
+      notifications.addSuccessToast(
+        `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
+      );
+    } finally {
+      setAction("isActivating", false);
+    }
   }), [activateWorkflowAction, notifications, validate, setWorkflow, setAction]);
   const remove = useCallback2(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     setAction("isRemoving", true);
-    if (state2.workflow.draft) {
-      if (state2.workflow.related_workflow_id) {
-        yield deleteWorkflowAction.mutateAsync({
-          id: state2.workflow.related_workflow_id
-        });
+    try {
+      if (state2.workflow.draft) {
+        if (state2.workflow.related_workflow_id) {
+          yield deleteWorkflowAction.mutateAsync({
+            id: state2.workflow.related_workflow_id
+          });
+        }
+      } else {
+        yield deleteWorkflowAction.mutateAsync(state2.workflow);
       }
-    } else {
-      yield deleteWorkflowAction.mutateAsync(state2.workflow);
+      navigate("/workflow/list");
+      notifications.addSuccessToast("Workflow has been removed successfully");
+    } finally {
+      setAction("isRemoving", false);
     }
-    navigate("/workflow/list");
-    notifications.addSuccessToast("Workflow has been removed successfully");
-    setAction("isRemoving", false);
   }), [setAction, navigate, notifications, deleteWorkflowAction]);
   const createDraft = useCallback2(
     (options2) => __async(this, null, function* () {
@@ -13435,19 +13448,22 @@ function WorkflowCreatorProviderBase({
         }
       }
       setAction("isCreating", true);
-      if (state2.workflow.related_workflow_id) {
-        yield deleteWorkflowAction.mutateAsync({
-          id: state2.workflow.related_workflow_id
-        });
+      try {
+        if (state2.workflow.related_workflow_id) {
+          yield deleteWorkflowAction.mutateAsync({
+            id: state2.workflow.related_workflow_id
+          });
+        }
+        const draftId = yield createWorkflowDraftAction.mutateAsync(
+          state2.workflow
+        );
+        navigate(`/workflow/${draftId}`);
+        notifications.addSuccessToast(
+          "Workflow draft has been created successfully"
+        );
+      } finally {
+        setAction("isCreating", false);
       }
-      const draftId = yield createWorkflowDraftAction.mutateAsync(
-        state2.workflow
-      );
-      navigate(`/workflow/${draftId}`);
-      notifications.addSuccessToast(
-        "Workflow draft has been created successfully"
-      );
-      setAction("isCreating", false);
     }),
     [
       createWorkflowDraftAction,
@@ -13474,19 +13490,24 @@ function WorkflowCreatorProviderBase({
         return;
       }
       setAction("isPublishing", true);
-      if (state2.workflow.id) {
-        const { id } = yield publishWorkflowAction.mutateAsync(state2.workflow);
-        navigate(`/workflow/${id}`);
-      } else {
-        const id = yield createWorkflowAction.mutateAsync(__spreadProps(__spreadValues({}, state2.workflow), {
-          draft: false
-        }));
-        navigate(`/workflow/${id}`);
+      try {
+        if (state2.workflow.id) {
+          const { id } = yield publishWorkflowAction.mutateAsync(
+            state2.workflow
+          );
+          navigate(`/workflow/${id}`);
+        } else {
+          const id = yield createWorkflowAction.mutateAsync(__spreadProps(__spreadValues({}, state2.workflow), {
+            draft: false
+          }));
+          navigate(`/workflow/${id}`);
+        }
+        notifications.addSuccessToast(
+          "Workflow draft has been published successfully"
+        );
+      } finally {
+        setAction("isPublishing", false);
       }
-      notifications.addSuccessToast(
-        "Workflow draft has been published successfully"
-      );
-      setAction("isPublishing", false);
     }),
     [
       validate,
@@ -13500,26 +13521,29 @@ function WorkflowCreatorProviderBase({
   const discardDraft = useCallback2(() => __async(this, null, function* () {
     const state2 = autosaveStateRef.current;
     setAction("isDiscarding", true);
-    if (state2.workflow.draft) {
-      if (state2.workflow.id) {
-        yield deleteWorkflowAction.mutateAsync(state2.workflow);
-      }
-      if (state2.workflow.related_workflow_id) {
-        navigate(`/workflow/${state2.workflow.related_workflow_id}`);
-      } else {
-        navigate(`/workflow/list`);
+    try {
+      if (state2.workflow.draft) {
+        if (state2.workflow.id) {
+          yield deleteWorkflowAction.mutateAsync(state2.workflow);
+        }
+        if (state2.workflow.related_workflow_id) {
+          navigate(`/workflow/${state2.workflow.related_workflow_id}`);
+        } else {
+          navigate("/workflow/list");
+        }
+      } else if (state2.workflow.related_workflow_id) {
+        yield deleteWorkflowAction.mutateAsync({
+          id: state2.workflow.related_workflow_id,
+          related_workflow_id: state2.workflow.id
+        });
+        navigate(`/workflow/${state2.workflow.id}`);
       }
-    } else if (state2.workflow.related_workflow_id) {
-      yield deleteWorkflowAction.mutateAsync({
-        id: state2.workflow.related_workflow_id,
-        related_workflow_id: state2.workflow.id
-      });
-      navigate(`/workflow/${state2.workflow.id}`);
+      notifications.addSuccessToast(
+        "Workflow draft has been discarded successfully"
+      );
+    } finally {
+      setAction("isDiscarding", false);
     }
-    notifications.addSuccessToast(
-      "Workflow draft has been discarded successfully"
-    );
-    setAction("isDiscarding", false);
   }), [deleteWorkflowAction, notifications, navigate, setAction]);
   const [previewModalVisible, setPreviewModalVisible] = useState4({ isVisible: false });
   return /* @__PURE__ */ jsx4(
@@ -21664,7 +21688,7 @@ function WorkflowDetailsPanel({
             {
               isSelected: tab === "info",
               onClick: () => {
-                navigate(`../info`, { replace: true, relative: "route" });
+                navigate("../info", { replace: true, relative: "route" });
               },
               children: "Info"
             }
@@ -21674,7 +21698,7 @@ function WorkflowDetailsPanel({
             {
               isSelected: tab === "executions",
               onClick: () => {
-                navigate(`../executions`, { replace: true, relative: "route" });
+                navigate("../executions", { replace: true, relative: "route" });
               },
               children: "History"
             }
@@ -22404,11 +22428,14 @@ function WorkflowCreator() {
   const { id } = useParams4();
   const navigate = useNavigate13();
   const workflowQuery = useFetchWorkflow(id === "new" ? void 0 : id);
+  const credentialsQuery = useFetchIntegrationCredentialsQuery2();
+  const organizationProducts = useFetchOrganizationProducts2();
   useFetchWorkflow((_a = workflowQuery.data) == null ? void 0 : _a.related_workflow_id);
   if (!id) {
     return;
   }
-  if (id !== "new" && workflowQuery.isLoading) {
+  const isLoading = workflowQuery.isLoading || credentialsQuery.isInitialLoading || organizationProducts.isInitialLoading;
+  if (id !== "new" && isLoading) {
     return /* @__PURE__ */ jsx4(Loader3, { stretch: true });
   }
   if (id !== "new" && !workflowQuery.isSuccess) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/platform-workflows",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "description": "Text Platform | Workflows",
   "author": "Wojciech Dudek",
   "license": "MIT",
@@ -81,9 +81,9 @@
     "uuid": "^9.0.1",
     "validator": "^13.12.0",
     "web-worker": "^1.3.0",
-    "@livechat/developer-studio-api": "3.4.10",
-    "@livechat/developer-studio-ui-react": "1.1.1",
-    "@livechat/platform-integrations": "0.0.47"
+    "@livechat/developer-studio-api": "3.4.11",
+    "@livechat/platform-integrations": "0.0.48",
+    "@livechat/developer-studio-ui-react": "1.1.2"
   },
   "peerDependencies": {
     "@tanstack/react-query": "4.36.1",