reactbridge-sdk 0.2.4 → 0.2.5

package/dist/index.js

@@ -2164,6 +2164,7 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
     const { result, isLoading: resultLoading, error: resultError, refetch: refetchResult, } = useAnalyticsResult(selectedAnalytics);
     // Handle directive actions
     const { handleAction, isProcessing } = useDirectiveAction(onDirectiveAction);
+    const [processingId, setProcessingId] = React.useState(null);
     // Auto-select first analytics if none selected
     React.useEffect(() => {
         if (configs && configs.length > 0 && !selectedAnalytics) {
@@ -2189,7 +2190,9 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
         }
     };
     const handleDirectiveAction = (directive, action) => __awaiter(this, void 0, void 0, function* () {
+        setProcessingId(directive.directiveId);
         yield handleAction(directive, action);
+        setProcessingId(null);
         // Refetch result to get updated directive statuses
         refetchResult();
     });
@@ -2547,8 +2550,16 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
                                 ": ",
                                 param.value)))))),
                         directive.status === "proposed" && (React.createElement("div", { style: { display: "flex", gap: theme.spacing.sm } },
-                            React.createElement("button", { type: "button", onClick: () => handleDirectiveAction(directive, "execute"), disabled: isProcessing, style: Object.assign(Object.assign({}, pillStyle(theme.colors.success)), { border: "none", cursor: isProcessing ? "not-allowed" : "pointer" }) }, isProcessing ? "Processing..." : "Execute"),
-                            React.createElement("button", { type: "button", onClick: () => handleDirectiveAction(directive, "decline"), disabled: isProcessing, style: Object.assign(Object.assign({}, pillStyle(theme.colors.error)), { border: "none", cursor: isProcessing ? "not-allowed" : "pointer" }) }, "Decline"))))))))))))));
+                            React.createElement("button", { type: "button", onClick: () => handleDirectiveAction(directive, "execute"), disabled: isProcessing && processingId === directive.directiveId, style: Object.assign(Object.assign({}, pillStyle(theme.colors.success)), { border: "none", cursor: isProcessing && processingId === directive.directiveId
+                                        ? "not-allowed"
+                                        : "pointer" }) }, isProcessing && processingId === directive.directiveId
+                                ? "Processing..."
+                                : "Execute"),
+                            React.createElement("button", { type: "button", onClick: () => handleDirectiveAction(directive, "decline"), disabled: isProcessing && processingId === directive.directiveId, style: Object.assign(Object.assign({}, pillStyle(theme.colors.error)), { border: "none", cursor: isProcessing && processingId === directive.directiveId
+                                        ? "not-allowed"
+                                        : "pointer" }) }, isProcessing && processingId === directive.directiveId
+                                ? "Processing..."
+                                : "Decline"))))))))))))));
 }
 
 exports.AnalyticsAPI = AnalyticsAPI;