@burdenoff/fluidgrids-fe-sdk 2026.721.2 → 2026.723.2

package/dist/{chunk-R72R5HRD.js → chunk-NCGZIY5C.js}

@@ -1,14 +1,14 @@
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Input as Input$1, DialogFooter } from './chunk-MRVS73S2.js';
 import { Badge as Badge$1, Button } from './chunk-DBOMRIP5.js';
-import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, NODES_METADATA, NODE_CONFIGS, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-2MQR3DMF.js';
+import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, NODES_METADATA, NODE_CONFIGS, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-VICF7CEB.js';
 import { createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient, getGlobalStoreClient } from './chunk-BQXHJIER.js';
 import { BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, GetMyNodeInstallationsDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument } from './chunk-PNOA7CQV.js';
-import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeactivateWorkflow } from './chunk-OHIRHNRJ.js';
+import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeactivateWorkflow } from './chunk-47457KC3.js';
 import { useFlowStore } from './chunk-KU64CCSV.js';
 import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
 import { cn } from './chunk-3ZYUGTIT.js';
-import { throwIfResultError, NodeSchemaIntrospectionDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-4NTHFDKQ.js';
-import { createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClient } from './chunk-5BDQNSP3.js';
+import { throwIfResultError, NodeSchemaIntrospectionDocument, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-H7WSQN2I.js';
+import { createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClient, getFluidGridsClientSafe } from './chunk-5BDQNSP3.js';
 import { validateTrustedOrigin, setFluidGridsConfig, resetFluidGridsConfig, getFluidGridsConfig } from './chunk-WWU2O2SR.js';
 import { deepClone, applyTemplateInputs } from './chunk-XQP33UJR.js';
 import { useNavigate, useParams } from 'react-router-dom';
@@ -4078,7 +4078,7 @@ function DesktopSidebarFragment({
           if (nodes) {
             const requiredNodeTypes = [];
             try {
-              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-RO3MCVHA.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-UL5FEAD7.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -12433,6 +12433,100 @@ function SwitchRulesEditor({
     /* @__PURE__ */ jsx("p", { className: "text-[10px] leading-snug text-muted-foreground", children: "Rules are checked top-down; the first matching rule routes the item to its output. Each rule renders as an output handle on the node." })
   ] });
 }
+var SECTION_LABEL = "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground";
+function WebhookUrlField({ webhookUrl, loading }) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    if (!webhookUrl) return;
+    try {
+      await navigator.clipboard.writeText(webhookUrl);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": "ndv-webhook-url", children: [
+    /* @__PURE__ */ jsx("div", { className: SECTION_LABEL, children: "Webhook URL" }),
+    webhookUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            readOnly: true,
+            value: webhookUrl,
+            onFocus: (e) => e.currentTarget.select(),
+            className: "min-w-0 flex-1 rounded-md border border-border bg-muted/40 px-3 py-2 font-mono text-xs text-foreground outline-none focus:border-primary"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            className: cn$1(
+              "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border px-3 py-2 text-xs font-medium transition-colors",
+              copied ? "border-primary bg-primary/10 text-primary" : "bg-background text-foreground hover:bg-muted"
+            ),
+            "aria-label": "Copy webhook URL",
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: copied ? "mdi:check" : "mdi:content-copy",
+                  className: "h-4 w-4"
+                }
+              ),
+              copied ? "Copied" : "Copy"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "Send HTTP requests to this URL to trigger the workflow." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: loading ? "Loading webhook URL\u2026" : "Save the workflow to generate its webhook URL." })
+  ] });
+}
+function useWebhookRegistration(workflowKey, triggerNodeId, enabled = true) {
+  const [registration, setRegistration] = useState(
+    null
+  );
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    if (!enabled || !workflowKey || !triggerNodeId) {
+      setRegistration(null);
+      return;
+    }
+    const client = getFluidGridsClientSafe();
+    if (!client) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.query({
+        query: EventRegistrationsDocument,
+        variables: { workflowKey },
+        fetchPolicy: "network-only"
+      });
+      const match = result.data?.eventRegistrations?.find(
+        (r) => r.triggerNodeId === triggerNodeId
+      ) ?? null;
+      setRegistration(match);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoading(false);
+    }
+  }, [enabled, workflowKey, triggerNodeId]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  return {
+    registration,
+    webhookUrl: registration?.webhookUrl ?? null,
+    loading,
+    error,
+    refetch: fetchData
+  };
+}
 function coerceNumber(type, raw) {
   if (raw.trim() === "") return void 0;
   const n = type === "integer" ? parseInt(raw, 10) : parseFloat(raw);
@@ -12477,7 +12571,7 @@ function nodeSubtitle(node) {
   const data = asRecord(node?.data);
   return typeof data?.operation_name === "string" ? data.operation_name : void 0;
 }
-var SECTION_LABEL = "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground";
+var SECTION_LABEL2 = "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground";
 function NodeDetailView() {
   const ndv = useFlowStore((s) => s.workflow.ndv);
   const nodes = useFlowStore((s) => s.workflow.nodes);
@@ -12562,6 +12656,16 @@ function NodeDetailView() {
     [currentOp]
   );
   const params = useMemo(() => paramsFromOperation(currentOp), [currentOp]);
+  const isWebhookTrigger = useMemo(
+    () => !!asRecord(currentOp?.output_fields)?.webhookUrl,
+    [currentOp]
+  );
+  const workflowKey = useFlowStore((s) => s.workflow.workflowKey);
+  const { webhookUrl, loading: webhookUrlLoading } = useWebhookRegistration(
+    workflowKey || void 0,
+    node?.id,
+    isWebhookTrigger && open
+  );
   const pickerFields = useMemo(() => flattenFields(inputFields), [inputFields]);
   const mapping = currentEdge?.mapping?.definition ?? {};
   const argsState = useMemo(() => {
@@ -12738,7 +12842,7 @@ function NodeDetailView() {
               className: "flex min-h-0 min-w-[180px] flex-col bg-card/40",
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2.5", children: [
-                  /* @__PURE__ */ jsx("span", { className: SECTION_LABEL, children: "Input" }),
+                  /* @__PURE__ */ jsx("span", { className: SECTION_LABEL2, children: "Input" }),
                   sourceIds.length > 0 && /* @__PURE__ */ jsx(
                     "select",
                     {
@@ -12797,8 +12901,15 @@ function NodeDetailView() {
                 className: "min-h-0 flex-1 space-y-4 overflow-auto p-4",
                 "data-testid": "ndv-params",
                 children: [
+                  isWebhookTrigger && /* @__PURE__ */ jsx(
+                    WebhookUrlField,
+                    {
+                      webhookUrl,
+                      loading: webhookUrlLoading
+                    }
+                  ),
                   connectionAdapters.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": "ndv-connections", children: [
-                    /* @__PURE__ */ jsx("div", { className: SECTION_LABEL, children: "Connections" }),
+                    /* @__PURE__ */ jsx("div", { className: SECTION_LABEL2, children: "Connections" }),
                     /* @__PURE__ */ jsx(
                       ConnectionSelector,
                       {
@@ -12965,7 +13076,7 @@ function NodeDetailView() {
               className: "flex min-h-0 min-w-[180px] flex-col bg-card/40",
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2.5", children: [
-                  /* @__PURE__ */ jsx("span", { className: SECTION_LABEL, children: "Output" }),
+                  /* @__PURE__ */ jsx("span", { className: SECTION_LABEL2, children: "Output" }),
                   outputFields.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx(
                       ToggleChip,
@@ -13852,7 +13963,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-RO3MCVHA.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-UL5FEAD7.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -14121,5 +14232,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-R72R5HRD.js.map
-//# sourceMappingURL=chunk-R72R5HRD.js.map
+//# sourceMappingURL=chunk-NCGZIY5C.js.map
+//# sourceMappingURL=chunk-NCGZIY5C.js.map