@burdenoff/fluidgrids-fe-sdk 2026.706.3 → 2026.707.1

package/dist/{WorkflowBuilder-6I7NDTCJ.js → WorkflowBuilder-HCFEF5VJ.js}

@@ -1,4 +1,4 @@
-export { WorkflowBuilder } from './chunk-J3QYVOIS.js';
+export { WorkflowBuilder } from './chunk-VJRIO6JW.js';
 import './chunk-7VEOUEIN.js';
 import './chunk-BQXHJIER.js';
 import './chunk-LUGJJ7LL.js';
@@ -9,5 +9,5 @@ import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
 import './chunk-Z54K22LP.js';
-//# sourceMappingURL=WorkflowBuilder-6I7NDTCJ.js.map
-//# sourceMappingURL=WorkflowBuilder-6I7NDTCJ.js.map
+//# sourceMappingURL=WorkflowBuilder-HCFEF5VJ.js.map
+//# sourceMappingURL=WorkflowBuilder-HCFEF5VJ.js.map

package/dist/{WorkflowBuilder-6I7NDTCJ.js.map → WorkflowBuilder-HCFEF5VJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-6I7NDTCJ.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-HCFEF5VJ.js"}

package/dist/{chunk-J3QYVOIS.js → chunk-VJRIO6JW.js}

@@ -7979,12 +7979,14 @@ function useSaveWorkflow() {
           }
         }
       }
+      return true;
     } catch (error) {
       const message = error instanceof Error ? error.message : "Unknown error";
       console.error("Error saving workflow:", message);
       toast.error("Failed to save workflow", {
         description: message
       });
+      return false;
     } finally {
       setIsSaving(false);
     }
@@ -8011,6 +8013,11 @@ function NodePropertyPanel({
   const [filteredJobs, setFilteredJobs] = useState([]);
   const [searchTerm, setSearchTerm] = useState("");
   const [isLoading, setIsLoading] = useState(false);
+  const [dataSinkSaveState, setDataSinkSaveState] = useState("idle");
+  const [dataSinkSaveMessage, setDataSinkSaveMessage] = useState("");
+  const [dataSinkKeyDraft, setDataSinkKeyDraft] = useState("");
+  const dataSinkSaveInFlightRef = useRef(false);
+  const dataSinkSaveNodeIdRef = useRef(null);
   useFlowStore((s) => s.workflow.id);
   const { saveToBackend, isSaving } = useSaveWorkflow();
   const operationsArray = useMemo(() => {
@@ -8098,6 +8105,20 @@ function NodePropertyPanel({
     () => String(type) === "store/bigconsole_datasink" && effectiveCurrentOperation?.name === "postDataToDataSink",
     [effectiveCurrentOperation?.name, type]
   );
+  useEffect(() => {
+    if (!shouldSaveConfigurationToBackend) {
+      setDataSinkKeyDraft("");
+      setDataSinkSaveState("idle");
+      setDataSinkSaveMessage("");
+      return;
+    }
+    setDataSinkKeyDraft(String(data?.args?.state?.dataSinkKey ?? ""));
+    if (dataSinkSaveInFlightRef.current && dataSinkSaveNodeIdRef.current === id) {
+      return;
+    }
+    setDataSinkSaveState("idle");
+    setDataSinkSaveMessage("");
+  }, [data?.args?.state?.dataSinkKey, id, shouldSaveConfigurationToBackend]);
   const connectionAdapters = useMemo(
     () => effectiveCurrentOperation?.connectionAdapters || effectiveCurrentOperation?.credentialAdapters || data?.nodeData?.connectionAdapters || data?.nodeData?.credentialAdapters || [],
     [
@@ -8168,18 +8189,73 @@ function NodePropertyPanel({
       }
       current[keys[keys.length - 1]] = value;
     }
+    if (shouldSaveConfigurationToBackend && (isSaving || dataSinkSaveInFlightRef.current)) {
+      setDataSinkSaveState("saving");
+      setDataSinkSaveMessage("A workflow save is already in progress\u2026");
+      toast.info("A workflow save is already in progress");
+      return;
+    }
+    if (shouldSaveConfigurationToBackend) {
+      const dataSinkKey = String(newState.dataSinkKey ?? "").trim();
+      if (!dataSinkKey) {
+        setDataSinkSaveState("error");
+        setDataSinkSaveMessage("Enter a DataSink Key before saving.");
+        toast.error("Enter a DataSink Key before saving");
+        return;
+      }
+      dataSinkSaveInFlightRef.current = true;
+      dataSinkSaveNodeIdRef.current = id;
+      setDataSinkKeyDraft(dataSinkKey);
+      newState.dataSinkKey = dataSinkKey;
+    }
     updateData({
       args: {
         ...data?.args ?? {},
         state: newState
       }
     });
-    if (shouldSaveConfigurationToBackend && !isSaving) {
+    if (shouldSaveConfigurationToBackend) {
+      const dataSinkKey = String(newState.dataSinkKey ?? "");
+      setDataSinkSaveState("saving");
+      setDataSinkSaveMessage(`Saving DataSink key \u201C${dataSinkKey}\u201D\u2026`);
+      const toastId = toast.loading("Saving DataSink key", {
+        description: dataSinkKey
+      });
       window.setTimeout(() => {
-        void saveToBackend().catch((error) => {
+        void saveToBackend().then((saved) => {
+          if (!saved) {
+            setDataSinkSaveState("error");
+            setDataSinkSaveMessage(
+              "Workflow save failed. The DataSink key was not persisted."
+            );
+            toast.error("Failed to save DataSink key", {
+              id: toastId,
+              description: "Workflow save failed."
+            });
+            return;
+          }
+          setDataSinkSaveState("saved");
+          setDataSinkSaveMessage(
+            `DataSink key \u201C${dataSinkKey}\u201D saved to the workflow.`
+          );
+          toast.success("DataSink key saved", {
+            id: toastId,
+            description: "Workflow configuration was saved successfully."
+          });
+        }).catch((error) => {
+          const message = error instanceof Error ? error.message : "Failed to save DataSink configuration";
+          setDataSinkSaveState("error");
+          setDataSinkSaveMessage(message);
           console.error("Error saving DataSink configuration:", error);
+          toast.error("Failed to save DataSink key", {
+            id: toastId,
+            description: message
+          });
+        }).finally(() => {
+          dataSinkSaveInFlightRef.current = false;
+          dataSinkSaveNodeIdRef.current = null;
         });
-      }, 0);
+      }, 100);
     }
   };
   const resolvedUi = useMemo(
@@ -8256,7 +8332,56 @@ function NodePropertyPanel({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex pt-5 flex-col", children: [
       /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: "Properties" }),
-      resolvedUi ? /* @__PURE__ */ jsx(
+      shouldSaveConfigurationToBackend ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-card-foreground", children: "Send Data to BigConsole DataSink" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: "Choose the DataSink key. Data is taken automatically from the previous node, and the BigConsole connection is handled automatically." })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-2 text-sm font-medium text-card-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "DataSink Key",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-[var(--color-status-error-text)]", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: dataSinkKeyDraft,
+              onChange: (event) => {
+                setDataSinkKeyDraft(event.target.value);
+                if (dataSinkSaveState !== "idle") {
+                  setDataSinkSaveState("idle");
+                  setDataSinkSaveMessage("");
+                }
+              },
+              placeholder: "Target DataSink key (e.g., users_analytics)",
+              className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 disabled:opacity-50",
+              disabled: dataSinkSaveState === "saving" || isSaving
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => submittedData({ dataSinkKey: dataSinkKeyDraft }),
+            disabled: dataSinkSaveState === "saving" || isSaving,
+            className: "self-start rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
+            children: dataSinkSaveState === "saving" || isSaving ? "Saving\u2026" : "Save Configuration"
+          }
+        ),
+        dataSinkSaveMessage ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: [
+              "rounded-md border px-3 py-2 text-xs",
+              dataSinkSaveState === "saved" ? "border-[var(--color-status-success-border)] bg-[var(--color-status-success-bg-subtle)] text-[var(--color-status-success-text)]" : dataSinkSaveState === "error" ? "border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)]" : "border-border bg-muted/30 text-muted-foreground"
+            ].join(" "),
+            children: dataSinkSaveMessage
+          }
+        ) : null
+      ] }) : resolvedUi ? /* @__PURE__ */ jsx(
         BlocksRenderer,
         {
           spec: resolvedUi.spec,
@@ -23104,5 +23229,5 @@ function WorkflowBuilder() {
 }
 
 export { Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, FlowBuilderPage, FluidGridsProvider, ProviderPicker, TemplateCard, ThemeProvider, WorkflowBuilder, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useFluidGridsContext, useImportWorkflowTemplate, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useWorkflowTemplates };
-//# sourceMappingURL=chunk-J3QYVOIS.js.map
-//# sourceMappingURL=chunk-J3QYVOIS.js.map
+//# sourceMappingURL=chunk-VJRIO6JW.js.map
+//# sourceMappingURL=chunk-VJRIO6JW.js.map