@bigbinary/neeto-webhooks-frontend 1.6.29 → 1.6.30

package/dist/index.js

@@ -646,7 +646,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);
@@ -661,7 +662,15 @@ var TransactionDetails = function TransactionDetails(_ref) {
         className: "flex w-full flex-col space-y-2 pb-4",
         children: [/*#__PURE__*/jsxs("span", {
           className: "flex items-center space-x-1",
-          children: [t("neetoWebhooks.delivery.identifier"), ":", /*#__PURE__*/jsx(Typography, {
+          children: [t("neetoWebhooks.delivery.sid"), ":", /*#__PURE__*/jsx(Typography, {
+            className: "px-2 font-bold",
+            "data-cy": "delivery-sid",
+            style: "body2",
+            children: sid
+          })]
+        }), /*#__PURE__*/jsxs("span", {
+          className: "flex items-center space-x-1",
+          children: [t("neetoWebhooks.delivery.deliveryId"), ":", /*#__PURE__*/jsx(Typography, {
             className: "px-2 font-bold",
             "data-cy": "delivery-identifier",
             style: "body2",
@@ -827,9 +836,9 @@ var Details = function Details(_ref) {
 };
 
 var buildColumns$1 = function buildColumns(_ref) {
-  var handleDetailsClick = _ref.handleDetailsClick;
+  var deliveryDetailsPath = _ref.deliveryDetailsPath;
   return [{
-    title: t$1("neetoWebhooks.delivery.identifier", SINGULAR),
+    title: t$1("neetoWebhooks.delivery.deliveryId"),
     key: "identifier",
     dataIndex: "identifier",
     width: 390,
@@ -838,10 +847,10 @@ var buildColumns$1 = function buildColumns(_ref) {
         className: "flex items-center gap-x-3",
         children: [/*#__PURE__*/jsx(Button, {
           style: "link",
+          to: buildUrl(deliveryDetailsPath, {
+            deliveryId: delivery.sid
+          }),
           weight: "semibold",
-          onClick: function onClick() {
-            return handleDetailsClick(delivery.sid);
-          },
           children: delivery.identifier
         }), delivery.redelivery && /*#__PURE__*/jsx(Tag, {
           style: "info",
@@ -931,11 +940,6 @@ var Deliveries = function Deliveries(_ref) {
     link: window.location.pathname,
     text: endpoint
   }]);
-  var handleDetailsClick = function handleDetailsClick(sid) {
-    return history.push(buildUrl(deliveryDetailsPath, {
-      deliveryId: sid
-    }));
-  };
   var handleClose = function handleClose() {
     history.push(buildUrl(deliveriesPath, {
       webhookId: webhookId
@@ -953,7 +957,7 @@ var Deliveries = function Deliveries(_ref) {
         totalCount: totalCount,
         fixedHeight: true,
         columnData: buildColumns$1({
-          handleDetailsClick: handleDetailsClick
+          deliveryDetailsPath: deliveryDetailsPath
         }),
         currentPageNumber: pageNumber,
         defaultPageSize: DEFAULT_PAGE_SIZE,