@bigbinary/neeto-approvals-frontend 0.0.11 → 0.0.12

package/dist/index.cjs.js

@@ -3903,7 +3903,8 @@ var common$1 = {
 	note: "Note by approver",
 	approvedBy: "Approved by",
 	rejectedBy: "Rejected by",
-	waitingFor: "Waiting for"
+	waitingFor: "Waiting for",
+	templateDetails: "Template details"
 };
 var validations$1 = {
 	enterFirstName: "Please enter first name.",
@@ -8476,6 +8477,69 @@ const useDeleteTemplate = options => {
   });
 };
 
+const Field = _ref => {
+  let label = _ref.label,
+    value = _ref.value;
+  return /*#__PURE__*/t__default["default"].createElement("div", {
+    className: "flex flex-col items-start justify-center"
+  }, /*#__PURE__*/t__default["default"].createElement(neetoui.Label, {
+    className: "mb-1 font-normal"
+  }, label), /*#__PURE__*/t__default["default"].createElement("p", {
+    className: "neeto-ui-text-gray-800 break-words text-base font-medium"
+  }, value));
+};
+
+const TemplateDetails = _ref => {
+  var _Object$entries;
+  let isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    templateDetails = _ref.templateDetails;
+  const name = templateDetails.name,
+    description = templateDetails.description,
+    approverName = templateDetails.approverName,
+    accessible = templateDetails.accessible,
+    variables = templateDetails.variables,
+    message = templateDetails.message;
+  return /*#__PURE__*/t__default["default"].createElement(neetoui.Pane, {
+    isOpen: isOpen,
+    onClose: onClose
+  }, /*#__PURE__*/t__default["default"].createElement(neetoui.Pane.Header, {
+    className: "space-y-2"
+  }, /*#__PURE__*/t__default["default"].createElement(neetoui.Typography, {
+    style: "h2"
+  }, t$2("common.templateDetails"))), /*#__PURE__*/t__default["default"].createElement(neetoui.Pane.Body, {
+    className: "space-y-6"
+  }, /*#__PURE__*/t__default["default"].createElement(Field, {
+    label: t$2("common.name"),
+    value: name
+  }), /*#__PURE__*/t__default["default"].createElement(Field, {
+    label: t$2("inputs.labels.description"),
+    value: description
+  }), /*#__PURE__*/t__default["default"].createElement(Field, {
+    label: t$2("common.approver"),
+    value: approverName
+  }), /*#__PURE__*/t__default["default"].createElement(Field, {
+    label: t$2("common.visibility"),
+    value: accessible === null || accessible === void 0 ? void 0 : accessible.label
+  }), (_Object$entries = Object.entries(variables || {})) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
+    let _ref3 = _slicedToArray$2(_ref2, 2),
+      variable = _ref3[0],
+      value = _ref3[1];
+    return /*#__PURE__*/t__default["default"].createElement(Field, {
+      label: capitalize$1(variable),
+      value: value,
+      key: value
+    });
+  }), /*#__PURE__*/t__default["default"].createElement("div", {
+    className: "flex flex-col space-y-4 w-full"
+  }, /*#__PURE__*/t__default["default"].createElement(neetoui.Label, {
+    className: "mb-1 font-normal"
+  }, t$2("inputs.labels.message")), /*#__PURE__*/t__default["default"].createElement(Fz, {
+    content: message,
+    className: "neeto-ui-bg-gray-100 rounded-lg p-3"
+  }))));
+};
+
 const Menu$1 = neetoui.Dropdown.Menu,
   MenuItem = neetoui.Dropdown.MenuItem;
 const columnData = _ref => {
@@ -8533,6 +8597,10 @@ const Templates = _ref => {
     _useState4 = _slicedToArray$2(_useState3, 2),
     templateToDelete = _useState4[0],
     setTemplateToDelete = _useState4[1];
+  const _useState5 = t$3.useState(""),
+    _useState6 = _slicedToArray$2(_useState5, 2),
+    templateDetails = _useState6[0],
+    setTemplateDetails = _useState6[1];
   const debouncedSearch = useDebounce(filters.search, SEARCH_DELAY);
   const history = reactRouterDom.useHistory();
   const _usePaginate = usePaginate(),
@@ -8609,7 +8677,7 @@ const Templates = _ref => {
     className: "neeto-approvals__table-wrapper"
   }, /*#__PURE__*/t__default["default"].createElement(neetoui.Table, {
     fixedHeight: true,
-    allowRowClick: false,
+    allowRowClick: true,
     columnData: columns,
     currentPageNumber: pageProperties.index,
     defaultPageSize: pageProperties.size,
@@ -8619,7 +8687,8 @@ const Templates = _ref => {
     },
     totalCount: totalCount,
     onChange: handleTableChange,
-    rowData: templates
+    rowData: templates,
+    onRowClick: (_, templateDetails) => setTemplateDetails(templateDetails)
   })) : /*#__PURE__*/t__default["default"].createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
   }, /*#__PURE__*/t__default["default"].createElement(neetoui.NoData, {
@@ -8647,6 +8716,10 @@ const Templates = _ref => {
     }),
     onClose: () => setTemplateToDelete(""),
     onSubmit: () => handleDelete(templateToDelete === null || templateToDelete === void 0 ? void 0 : templateToDelete.id)
+  }), /*#__PURE__*/t__default["default"].createElement(TemplateDetails, {
+    isOpen: !!templateDetails,
+    onClose: () => setTemplateDetails(""),
+    templateDetails: templateDetails
   }));
 };