powr-sdk-web 4.1.8 → 4.1.9

package/dist/tasks/index.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lucideReact = require("lucide-react");
 var _auth = require("../utils/auth");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t7 in e) "default" !== _t7 && {}.hasOwnProperty.call(e, _t7) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t7)) && (i.get || i.set) ? o(f, _t7, i) : f[_t7] = e[_t7]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t8 in e) "default" !== _t8 && {}.hasOwnProperty.call(e, _t8) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t8)) && (i.get || i.set) ? o(f, _t8, i) : f[_t8] = e[_t8]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -222,7 +222,19 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     expandedWorkflows = _useState12[0],
     setExpandedWorkflows = _useState12[1];
-  var _useState13 = (0, _react.useState)({
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showExecutionHistory = _useState14[0],
+    setShowExecutionHistory = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    selectedTask = _useState16[0],
+    setSelectedTask = _useState16[1];
+  var _useState17 = (0, _react.useState)([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    executionHistory = _useState18[0],
+    setExecutionHistory = _useState18[1];
+  var _useState19 = (0, _react.useState)({
       name: '',
       description: '',
       cronExpression: '',
@@ -231,9 +243,9 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       params: {},
       isActive: true
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    formData = _useState14[0],
-    setFormData = _useState14[1];
+    _useState20 = _slicedToArray(_useState19, 2),
+    formData = _useState20[0],
+    setFormData = _useState20[1];
   (0, _react.useEffect)(function () {
     fetchTasks();
     fetchTools();
@@ -532,6 +544,42 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       return newSet;
     });
   };
+  var fetchExecutionHistory = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(taskId) {
+      var _yield$apiCall7, data, ok, _t7;
+      return _regenerator().w(function (_context7) {
+        while (1) switch (_context7.n) {
+          case 0:
+            _context7.p = 0;
+            _context7.n = 1;
+            return (0, _auth.apiCall)(apiUrl, "/tasks/".concat(taskId, "/executions"), projectId);
+          case 1:
+            _yield$apiCall7 = _context7.v;
+            data = _yield$apiCall7.data;
+            ok = _yield$apiCall7.ok;
+            if (ok && data.success) {
+              setExecutionHistory(data.executions || []);
+              setSelectedTask(taskId);
+              setShowExecutionHistory(true);
+            } else {
+              onError && onError(data.message || 'Failed to fetch execution history');
+            }
+            _context7.n = 3;
+            break;
+          case 2:
+            _context7.p = 2;
+            _t7 = _context7.v;
+            console.error('Error fetching execution history:', _t7);
+            onError && onError('Failed to fetch execution history');
+          case 3:
+            return _context7.a(2);
+        }
+      }, _callee7, null, [[0, 2]]);
+    }));
+    return function fetchExecutionHistory(_x6) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
   var renderWorkflowSteps = function renderWorkflowSteps(task) {
     if (!task.steps || task.steps.length === 0) {
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -792,8 +840,139 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       }
     }) : /*#__PURE__*/_react["default"].createElement(_lucideReact.Zap, {
       size: 16
-    })))));
-  }))))), showCreateModal && /*#__PURE__*/_react["default"].createElement("div", {
+    })), task.type === 'workflow' && /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: function onClick() {
+        return fetchExecutionHistory(task._id);
+      },
+      style: _objectSpread(_objectSpread({}, styles.actionButton), {}, {
+        background: '#fef3c7',
+        color: '#d97706'
+      }),
+      title: "View Execution History"
+    }, "\uD83D\uDCCA"))));
+  }))))), showExecutionHistory && /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      background: 'rgba(0, 0, 0, 0.5)',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      zIndex: 1000
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: 'white',
+      borderRadius: '12px',
+      padding: '24px',
+      width: '90%',
+      maxWidth: '800px',
+      maxHeight: '90vh',
+      overflowY: 'auto'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: '24px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    style: {
+      margin: 0,
+      fontSize: '1.5rem',
+      fontWeight: '600'
+    }
+  }, "Execution History"), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      setShowExecutionHistory(false);
+      setSelectedTask(null);
+      setExecutionHistory([]);
+    },
+    style: {
+      background: 'none',
+      border: 'none',
+      fontSize: '1.5rem',
+      cursor: 'pointer',
+      color: '#6b7280'
+    }
+  }, "\xD7")), executionHistory.length === 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      textAlign: 'center',
+      padding: '40px',
+      color: '#6b7280'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: '3rem',
+      marginBottom: '16px'
+    }
+  }, "\uD83D\uDCCA"), /*#__PURE__*/_react["default"].createElement("h3", {
+    style: {
+      margin: '0 0 8px 0'
+    }
+  }, "No executions yet"), /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      margin: 0
+    }
+  }, "This workflow hasn't been executed yet.")) : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: '0.75rem',
+      fontWeight: '600',
+      color: '#374151',
+      marginBottom: '16px',
+      textTransform: 'uppercase',
+      letterSpacing: '0.05em'
+    }
+  }, "Recent Executions (", executionHistory.length, ")"), executionHistory.map(function (execution, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      style: {
+        padding: '16px',
+        margin: '8px 0',
+        background: '#f8fafc',
+        borderRadius: '8px',
+        border: '1px solid #e2e8f0'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: '8px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        fontWeight: '600',
+        color: '#374151'
+      }
+    }, "Execution #", executionHistory.length - index), /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        fontSize: '0.8rem',
+        color: '#6b7280'
+      }
+    }, formatDate(execution.executedAt))), execution.results && /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        fontSize: '0.8rem',
+        color: '#6b7280'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        marginBottom: '4px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("strong", null, "Status:"), " ", execution.results.success ? '✅ Success' : '❌ Failed'), execution.results.stepsExecuted && /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        marginBottom: '4px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("strong", null, "Steps Executed:"), " ", execution.results.stepsExecuted), execution.results.workflowName && /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        marginBottom: '4px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("strong", null, "Workflow:"), " ", execution.results.workflowName)));
+  })))), showCreateModal && /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       position: 'fixed',
       top: 0,

package/package.json

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