@bigbinary/neeto-webhooks-frontend 2.2.15 → 2.2.17

package/dist/cjs/NeetoWebhooks.js

@@ -296,6 +296,7 @@ var TransactionDetails = function TransactionDetails(_ref) {
 };
 
 var Details = function Details(_ref) {
+  var _delivery$webhook;
   var onClose = _ref.onClose,
     deliveryId = _ref.deliveryId,
     webhookSid = _ref.webhookSid;
@@ -366,7 +367,7 @@ var Details = function Details(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
           className: "gap-x-2",
           children: [(delivery === null || delivery === void 0 ? void 0 : delivery.eventId) && /*#__PURE__*/jsxRuntime.jsx(Button, {
-            disabled: isRedelivering,
+            disabled: isRedelivering || ((_delivery$webhook = delivery.webhook) === null || _delivery$webhook === void 0 ? void 0 : _delivery$webhook.versionExpired),
             label: t("neetoWebhooks.delivery.redeliver"),
             loading: isRedelivering,
             style: "primary",
@@ -605,6 +606,10 @@ var useUpdateWebhook = function useUpdateWebhook(id, options) {
     onSuccess: function onSuccess() {
       var _options$onSuccess2;
       options === null || options === void 0 || (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 || _options$onSuccess2.call(options);
+    },
+    onError: function onError(error) {
+      var _options$onError;
+      options === null || options === void 0 || (_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, error);
     }
   });
 };
@@ -743,10 +748,22 @@ var ToggleActiveSwitch = function ToggleActiveSwitch(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     status = _useState2[0],
     setStatus = _useState2[1];
-  var _useUpdateWebhook = useUpdateWebhook(webhookId),
+  var previousStatusRef = react.useRef(isActive);
+  var _useUpdateWebhook = useUpdateWebhook(webhookId, {
+      onError: function onError() {
+        // Revert to the previous state
+        setStatus(previousStatusRef.current);
+      },
+      onSuccess: function onSuccess() {
+        // Update the previous status ref on successful update
+        previousStatusRef.current = status;
+      }
+    }),
     updateWebhook = _useUpdateWebhook.mutate;
   var handleToggle = function handleToggle(event) {
     var updatedStatus = event.target.checked;
+    // Store the current status as previous before changing
+    previousStatusRef.current = status;
     setStatus(updatedStatus);
     updateWebhook({
       id: webhookId,
@@ -817,6 +834,35 @@ var buildPayload = function buildPayload(_ref2) {
     eventsAttributes: [].concat(_toConsumableArray(creatable), _toConsumableArray(deletable))
   });
 };
+var formatTimeUntilExpiration = function formatTimeUntilExpiration(expiresAt) {
+  if (!expiresAt) return null;
+  var now = new Date();
+  var expiry = new Date(expiresAt);
+  var diffMs = expiry - now;
+  if (diffMs <= 0) return null;
+  var diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+  var diffDays = Math.floor(diffHours / 24);
+  if (diffDays > 0) {
+    return i18next.t("neetoWebhooks.webhook.versionStatus.expiresIn.days", {
+      count: diffDays
+    });
+  }
+  var remainingHours = diffHours;
+  var remainingMinutes = Math.floor(diffMs % (1000 * 60 * 60) / (1000 * 60));
+  return i18next.t("neetoWebhooks.webhook.versionStatus.expiresIn.hoursAndMinutes", {
+    hours: remainingHours,
+    hoursPlural: remainingHours !== 1 ? "s" : "",
+    minutes: remainingMinutes,
+    minutesPlural: remainingMinutes !== 1 ? "s" : ""
+  });
+};
+var formatExpiredDate = function formatExpiredDate(expiresAt) {
+  if (!expiresAt) return null;
+  var expiry = new Date(expiresAt);
+  return i18next.t("neetoWebhooks.webhook.versionStatus.expiredOn", {
+    date: expiry.toLocaleDateString()
+  });
+};
 var buildColumns = function buildColumns(_ref6) {
   var handleDelete = _ref6.handleDelete,
     handleEdit = _ref6.handleEdit,
@@ -861,6 +907,38 @@ var buildColumns = function buildColumns(_ref6) {
       });
     },
     width: 150
+  }, {
+    title: i18next.t("neetoWebhooks.webhook.version"),
+    dataIndex: "version",
+    key: "version",
+    render: function render(version, webhook) {
+      var timeMessage = webhook.versionExpired ? formatExpiredDate(webhook.versionExpiresAt) : formatTimeUntilExpiration(webhook.versionExpiresAt);
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col space-y-1",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center space-x-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            children: version
+          }), webhook.versionExpired && /*#__PURE__*/jsxRuntime.jsx(Tag, {
+            label: "expired",
+            style: "danger"
+          }), webhook.versionDeprecated && !webhook.versionExpired && /*#__PURE__*/jsxRuntime.jsx(Tag, {
+            label: "deprecated",
+            style: "warning"
+          })]
+        }), timeMessage && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "text-xs neeto-ui-text-gray-600",
+          children: [timeMessage, ".", " ", /*#__PURE__*/jsxRuntime.jsx("a", {
+            className: "text-blue-600 hover:text-blue-800 underline",
+            href: webhook.defaultVersionPayloadDocUrl,
+            rel: "noopener noreferrer",
+            target: "_blank",
+            children: i18next.t("neetoWebhooks.webhook.versionStatus.moreDetails")
+          }), "."]
+        })]
+      });
+    },
+    width: 200
   }, {
     title: i18next.t("neetoWebhooks.common.event", constants.PLURAL),
     dataIndex: "events",
@@ -919,7 +997,12 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
   var initialValues = editingWebhookId ? _objectSpread$1(_objectSpread$1({}, WEBHOOK_INITIAL_VALUES), webhook) : _objectSpread$1(_objectSpread$1({}, WEBHOOK_INITIAL_VALUES), {}, {
     events: events
   });
+  var isWebhookExpiredOrDeprecated = editingWebhookId && (webhook.versionExpired || webhook.versionDeprecated);
   var handleSubmit = function handleSubmit(values) {
+    // Check if webhook is expired or deprecated before allowing edit
+    if (editingWebhookId && (webhook.versionExpired || webhook.versionDeprecated)) {
+      return;
+    }
     var payload = buildPayload({
       isEditing: editingWebhookId,
       values: values,
@@ -1062,6 +1145,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
                         values: values
                       }), touched.events && errors.events && /*#__PURE__*/jsxRuntime.jsx("div", {
                         className: "neeto-ui-text-error-800 text-xs mt-1",
+                        "data-cy": "event-error-text",
                         children: errors.events
                       })]
                     });
@@ -1073,6 +1157,9 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
             children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
               cancelButtonProps: {
                 onClick: onClose
+              },
+              submitButtonProps: {
+                disabled: isWebhookExpiredOrDeprecated
               }
             })
           })]