@bigbinary/neeto-webhooks-frontend 1.6.29 → 1.6.30

package/app/javascript/src/translations/en.json

@@ -39,7 +39,8 @@
       "header": "Header",
       "body": "Body",
       "payload": "Payload",
-      "identifier": "Identifier",
+      "deliveryId": "Delivery ID",
+      "sid": "ID",
       "empty": {
         "title": "There are no deliveries to show.",
         "description": "No events have been sent to this webhook"

package/dist/index.cjs.js

@@ -697,7 +697,8 @@ var TransactionDetails = function TransactionDetails(_ref) {
     t = _useTranslation.t;
   var status = delivery.status,
     identifier = delivery.identifier,
-    responseStatusCode = delivery.responseStatusCode;
+    responseStatusCode = delivery.responseStatusCode,
+    sid = delivery.sid;
   var renderPayload = function renderPayload() {
     try {
       return JSON.stringify(JSON.parse(delivery.requestBody), null, 2);
@@ -712,7 +713,15 @@ var TransactionDetails = function TransactionDetails(_ref) {
         className: "flex w-full flex-col space-y-2 pb-4",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: "flex items-center space-x-1",
-          children: [t("neetoWebhooks.delivery.identifier"), ":", /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          children: [t("neetoWebhooks.delivery.sid"), ":", /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            className: "px-2 font-bold",
+            "data-cy": "delivery-sid",
+            style: "body2",
+            children: sid
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "flex items-center space-x-1",
+          children: [t("neetoWebhooks.delivery.deliveryId"), ":", /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
             className: "px-2 font-bold",
             "data-cy": "delivery-identifier",
             style: "body2",
@@ -878,9 +887,9 @@ var Details = function Details(_ref) {
 };
 
 var buildColumns$1 = function buildColumns(_ref) {
-  var handleDetailsClick = _ref.handleDetailsClick;
+  var deliveryDetailsPath = _ref.deliveryDetailsPath;
   return [{
-    title: i18next.t("neetoWebhooks.delivery.identifier", constants.SINGULAR),
+    title: i18next.t("neetoWebhooks.delivery.deliveryId"),
     key: "identifier",
     dataIndex: "identifier",
     width: 390,
@@ -889,10 +898,10 @@ var buildColumns$1 = function buildColumns(_ref) {
         className: "flex items-center gap-x-3",
         children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           style: "link",
+          to: utils.buildUrl(deliveryDetailsPath, {
+            deliveryId: delivery.sid
+          }),
           weight: "semibold",
-          onClick: function onClick() {
-            return handleDetailsClick(delivery.sid);
-          },
           children: delivery.identifier
         }), delivery.redelivery && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
           style: "info",
@@ -982,11 +991,6 @@ var Deliveries = function Deliveries(_ref) {
     link: window.location.pathname,
     text: endpoint
   }]);
-  var handleDetailsClick = function handleDetailsClick(sid) {
-    return history.push(utils.buildUrl(deliveryDetailsPath, {
-      deliveryId: sid
-    }));
-  };
   var handleClose = function handleClose() {
     history.push(utils.buildUrl(deliveriesPath, {
       webhookId: webhookId
@@ -1004,7 +1008,7 @@ var Deliveries = function Deliveries(_ref) {
         totalCount: totalCount,
         fixedHeight: true,
         columnData: buildColumns$1({
-          handleDetailsClick: handleDetailsClick
+          deliveryDetailsPath: deliveryDetailsPath
         }),
         currentPageNumber: pageNumber,
         defaultPageSize: constants.DEFAULT_PAGE_SIZE,