powr-sdk-web 4.1.5 → 4.1.6

package/dist/tasks/index.js

@@ -185,6 +185,15 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     theme = _ref$theme === void 0 ? 'light' : _ref$theme,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className;
+  // Add CSS for spinner animation
+  _react["default"].useEffect(function () {
+    var style = document.createElement('style');
+    style.textContent = "\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    ";
+    document.head.appendChild(style);
+    return function () {
+      return document.head.removeChild(style);
+    };
+  }, []);
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     tasks = _useState2[0],
@@ -197,15 +206,19 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     loading = _useState6[0],
     setLoading = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
+  var _useState7 = (0, _react.useState)(new Set()),
     _useState8 = _slicedToArray(_useState7, 2),
-    showCreateModal = _useState8[0],
-    setShowCreateModal = _useState8[1];
-  var _useState9 = (0, _react.useState)(null),
+    executingTasks = _useState8[0],
+    setExecutingTasks = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
     _useState0 = _slicedToArray(_useState9, 2),
-    editingTask = _useState0[0],
-    setEditingTask = _useState0[1];
-  var _useState1 = (0, _react.useState)({
+    showCreateModal = _useState0[0],
+    setShowCreateModal = _useState0[1];
+  var _useState1 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    editingTask = _useState10[0],
+    setEditingTask = _useState10[1];
+  var _useState11 = (0, _react.useState)({
       name: '',
       description: '',
       cronExpression: '',
@@ -214,9 +227,9 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       params: {},
       isActive: true
     }),
-    _useState10 = _slicedToArray(_useState1, 2),
-    formData = _useState10[0],
-    setFormData = _useState10[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    formData = _useState12[0],
+    setFormData = _useState12[1];
   (0, _react.useEffect)(function () {
     fetchTasks();
     fetchTools();
@@ -379,6 +392,10 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
         while (1) switch (_context5.n) {
           case 0:
             _context5.p = 0;
+            // Add task to executing set
+            setExecutingTasks(function (prev) {
+              return new Set(prev).add(taskId);
+            });
             _context5.n = 1;
             return (0, _auth.apiCall)(apiUrl, "/tasks/".concat(taskId, "/execute"), projectId, {
               method: 'POST'
@@ -401,9 +418,18 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
             console.error('Error executing task:', _t5);
             onError && onError('Failed to execute task');
           case 3:
+            _context5.p = 3;
+            // Remove task from executing set
+            setExecutingTasks(function (prev) {
+              var newSet = new Set(prev);
+              newSet["delete"](taskId);
+              return newSet;
+            });
+            return _context5.f(3);
+          case 4:
             return _context5.a(2);
         }
-      }, _callee5, null, [[0, 2]]);
+      }, _callee5, null, [[0, 2, 3, 4]]);
     }));
     return function handleExecuteTask(_x4) {
       return _ref6.apply(this, arguments);
@@ -610,12 +636,23 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       onClick: function onClick() {
         return handleExecuteTask(task._id);
       },
+      disabled: executingTasks.has(task._id),
       style: _objectSpread(_objectSpread({}, styles.actionButton), {}, {
-        background: '#dbeafe',
-        color: '#1d4ed8'
+        background: executingTasks.has(task._id) ? '#e5e7eb' : '#dbeafe',
+        color: executingTasks.has(task._id) ? '#6b7280' : '#1d4ed8',
+        cursor: executingTasks.has(task._id) ? 'not-allowed' : 'pointer'
       }),
-      title: "Execute Now"
-    }, /*#__PURE__*/_react["default"].createElement(_lucideReact.Zap, {
+      title: executingTasks.has(task._id) ? "Executing..." : "Execute Now"
+    }, executingTasks.has(task._id) ? /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        width: '16px',
+        height: '16px',
+        border: '2px solid #6b7280',
+        borderTop: '2px solid transparent',
+        borderRadius: '50%',
+        animation: 'spin 1s linear infinite'
+      }
+    }) : /*#__PURE__*/_react["default"].createElement(_lucideReact.Zap, {
       size: 16
     })))));
   }))))), showCreateModal && /*#__PURE__*/_react["default"].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "4.1.5",
+    "version": "4.1.6",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",