powr-sdk-web 4.1.7 → 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; }
@@ -218,7 +218,23 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     editingTask = _useState10[0],
     setEditingTask = _useState10[1];
-  var _useState11 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)(new Set()),
+    _useState12 = _slicedToArray(_useState11, 2),
+    expandedWorkflows = _useState12[0],
+    setExpandedWorkflows = _useState12[1];
+  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: '',
@@ -227,9 +243,9 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       params: {},
       isActive: true
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    formData = _useState12[0],
-    setFormData = _useState12[1];
+    _useState20 = _slicedToArray(_useState19, 2),
+    formData = _useState20[0],
+    setFormData = _useState20[1];
   (0, _react.useEffect)(function () {
     fetchTasks();
     fetchTools();
@@ -517,6 +533,129 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     });
     return (action === null || action === void 0 ? void 0 : action.name) || actionId;
   };
+  var toggleWorkflowExpansion = function toggleWorkflowExpansion(taskId) {
+    setExpandedWorkflows(function (prev) {
+      var newSet = new Set(prev);
+      if (newSet.has(taskId)) {
+        newSet["delete"](taskId);
+      } else {
+        newSet.add(taskId);
+      }
+      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", {
+        style: {
+          color: '#6b7280',
+          fontSize: '0.8rem'
+        }
+      }, "No steps defined");
+    }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        marginTop: '8px',
+        padding: '12px',
+        background: '#f8fafc',
+        borderRadius: '8px',
+        border: '1px solid #e2e8f0'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        fontSize: '0.75rem',
+        fontWeight: '600',
+        color: '#374151',
+        marginBottom: '8px',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em'
+      }
+    }, "Workflow Steps"), task.steps.map(function (step, index) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: step.id || index,
+        style: {
+          padding: '8px 12px',
+          margin: '4px 0',
+          background: 'white',
+          borderRadius: '6px',
+          border: '1px solid #e2e8f0',
+          fontSize: '0.8rem'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '8px',
+          marginBottom: '4px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          padding: '2px 6px',
+          borderRadius: '4px',
+          fontSize: '0.7rem',
+          fontWeight: '600',
+          background: step.type === 'condition' ? '#dbeafe' : '#dcfce7',
+          color: step.type === 'condition' ? '#1d4ed8' : '#166534'
+        }
+      }, step.type === 'condition' ? '🔍' : '⚡', " ", step.type), /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          fontWeight: '500',
+          color: '#374151'
+        }
+      }, "Step ", index + 1)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: '#6b7280',
+          marginBottom: '4px'
+        }
+      }, step.description || "".concat(getToolName(step.toolId), " \u2192 ").concat(getActionName(step.toolId, step.actionId))), step.condition && /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          fontSize: '0.7rem',
+          color: '#3b82f6',
+          fontStyle: 'italic',
+          background: '#eff6ff',
+          padding: '2px 6px',
+          borderRadius: '3px',
+          display: 'inline-block'
+        }
+      }, "Condition: ", step.condition));
+    }));
+  };
   var formatCronExpression = function formatCronExpression(cron) {
     if (!cron) return 'Manual';
     var parts = cron.split(' ');
@@ -531,6 +670,27 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     }
     return cron;
   };
+  var formatSchedule = function formatSchedule(schedule) {
+    if (!schedule) return 'Manual';
+
+    // Check if it's a cron expression (contains spaces and asterisks)
+    if (schedule.includes(' ') && schedule.includes('*')) {
+      return formatCronExpression(schedule);
+    }
+
+    // Check if it's an ISO timestamp
+    try {
+      var date = new Date(schedule);
+      if (!isNaN(date.getTime())) {
+        return date.toLocaleString();
+      }
+    } catch (e) {
+      // Not a valid date
+    }
+
+    // Fallback to showing the raw schedule
+    return schedule;
+  };
   var formatDate = function formatDate(dateString) {
     if (!dateString) return 'Never';
     return new Date(dateString).toLocaleString();
@@ -609,7 +769,26 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
         fontSize: '0.8rem',
         fontWeight: '500'
       }
-    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD04 Workflow (", ((_task$steps = task.steps) === null || _task$steps === void 0 ? void 0 : _task$steps.length) || 0, " steps)") : /*#__PURE__*/_react["default"].createElement("span", null, getToolName(task.toolId || 'Unknown'), " \u2192 ", getActionName(task.toolId || 'unknown', task.actionId || 'unknown'))))), /*#__PURE__*/_react["default"].createElement("td", {
+    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD04 Workflow (", ((_task$steps = task.steps) === null || _task$steps === void 0 ? void 0 : _task$steps.length) || 0, " steps)"), /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: function onClick() {
+        return toggleWorkflowExpansion(task._id);
+      },
+      style: {
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        padding: '2px',
+        color: '#3b82f6',
+        fontSize: '0.7rem'
+      },
+      title: expandedWorkflows.has(task._id) ? 'Hide steps' : 'Show steps'
+    }, expandedWorkflows.has(task._id) ? '▼' : '▶')) : /*#__PURE__*/_react["default"].createElement("span", null, getToolName(task.toolId || 'Unknown'), " \u2192 ", getActionName(task.toolId || 'unknown', task.actionId || 'unknown'))), task.type === 'workflow' && expandedWorkflows.has(task._id) && renderWorkflowSteps(task))), /*#__PURE__*/_react["default"].createElement("td", {
       style: styles.tableCell
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -620,14 +799,14 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
         padding: '4px 8px',
         borderRadius: '4px'
       }
-    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD50 ", task.schedule || 'Manual') : /*#__PURE__*/_react["default"].createElement("span", null, formatCronExpression(task.cronExpression)))), /*#__PURE__*/_react["default"].createElement("td", {
+    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD50 ", formatSchedule(task.scheduledFor || task.schedule)) : /*#__PURE__*/_react["default"].createElement("span", null, formatCronExpression(task.cronExpression)))), /*#__PURE__*/_react["default"].createElement("td", {
       style: styles.tableCell
     }, /*#__PURE__*/_react["default"].createElement("span", {
       style: {
         color: '#6b7280',
         fontSize: '0.85rem'
       }
-    }, formatDate(task.lastRun || task.updatedAt))), /*#__PURE__*/_react["default"].createElement("td", {
+    }, task.lastRun ? formatDate(task.lastRun) : 'Never')), /*#__PURE__*/_react["default"].createElement("td", {
       style: styles.tableCell
     }, /*#__PURE__*/_react["default"].createElement("span", {
       style: _objectSpread(_objectSpread({}, styles.statusBadge), task.isActive !== false ? styles.statusActive : styles.statusInactive)
@@ -661,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.7",
+    "version": "4.1.9",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",