@bigbinary/neeto-approvals-frontend 0.2.13 → 0.2.14

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

@@ -6,8 +6,9 @@
     "buttons": {
       "cancel": "Cancel",
       "saveChanges": "Save changes",
-      "approve": "Approve",
-      "decline": "Decline",
+      "approve": "Approve request",
+      "decline": "Decline request",
+      "cancelRequest": "Cancel request",
       "delete": "Delete"
     },
     "common": {

package/dist/index.cjs.js

@@ -9,14 +9,15 @@ var reactRouterDom = require('react-router-dom');
 var i18next = require('i18next');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var neetoui = require('@bigbinary/neetoui');
-var neetocist = require('neetocist');
 var ramda = require('ramda');
+var neetocist = require('neetocist');
 var reactI18next = require('react-i18next');
 var reactQuery = require('react-query');
 var axios = require('axios');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var neetoEditor = require('@bigbinary/neeto-editor');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var formik = require('@bigbinary/neetoui/formik');
 var yup = require('yup');
@@ -48,6 +49,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
@@ -287,6 +289,94 @@ var SORT_ORDER = {
   descend: "desc"
 };
 
+var HISTORY_TABLE_COLUMNS = [{
+  dataIndex: "approvalLabel",
+  key: "approvalLabel",
+  sorter: true,
+  width: "25%",
+  title: i18next.t("neetoApprovals.common.id"),
+  render: function render(approvalLabel, _ref) {
+    var requestableUrl = _ref.requestableUrl;
+    var url = new URL(requestableUrl || window.location.origin);
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      label: approvalLabel,
+      style: "link",
+      to: url.pathname
+    });
+  }
+}, {
+  dataIndex: "title",
+  key: "title",
+  sorter: true,
+  width: "25%",
+  title: i18next.t("neetoApprovals.common.title")
+}, {
+  dataIndex: "status",
+  key: "status",
+  sorter: true,
+  width: "25%",
+  title: i18next.t("neetoApprovals.common.status"),
+  render: function render(status) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+      label: neetocist.capitalize(status),
+      style: STATUS_TAG_STYLE[status]
+    });
+  }
+}, {
+  dataIndex: "createdAt",
+  key: "createdAt",
+  sorter: true,
+  width: "25%",
+  title: i18next.t("neetoApprovals.common.created"),
+  render: function render(createdAt) {
+    return /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].FromNow, {
+      date: createdAt,
+      typographyProps: {
+        style: "body2"
+      }
+    });
+  }
+}];
+
+var Footer = function Footer(_ref) {
+  var isLoading = _ref.isLoading,
+    handleSubmit = _ref.handleSubmit,
+    isCurrentUserApprover = _ref.isCurrentUserApprover,
+    isCurrentUserRequester = _ref.isCurrentUserRequester;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (!isCurrentUserApprover && !isCurrentUserRequester) return null;
+  if (isCurrentUserApprover) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+      className: "flex gap-x-2"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      label: t("neetoApprovals.buttons.approve"),
+      loading: isLoading,
+      type: "submit",
+      onClick: function onClick() {
+        return handleSubmit(STATUSES.approved);
+      }
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      label: t("neetoApprovals.buttons.decline"),
+      loading: isLoading,
+      style: "text",
+      onClick: function onClick() {
+        return handleSubmit(STATUSES.rejected);
+      }
+    }));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    className: "flex gap-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoApprovals.buttons.cancelRequest"),
+    loading: isLoading,
+    type: "submit",
+    onClick: function onClick() {
+      return handleSubmit(STATUSES.cancelled);
+    }
+  }));
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -361,62 +451,14 @@ var getApprovalFilter = function getApprovalFilter() {
   };
 };
 
-var HISTORY_TABLE_COLUMNS = [{
-  dataIndex: "approvalLabel",
-  key: "approvalLabel",
-  sorter: true,
-  width: "25%",
-  title: i18next.t("neetoApprovals.common.id"),
-  render: function render(approvalLabel, _ref) {
-    var requestableUrl = _ref.requestableUrl;
-    var url = new URL(requestableUrl || window.location.origin);
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      label: approvalLabel,
-      style: "link",
-      to: url.pathname
-    });
-  }
-}, {
-  dataIndex: "title",
-  key: "title",
-  sorter: true,
-  width: "25%",
-  title: i18next.t("neetoApprovals.common.title")
-}, {
-  dataIndex: "status",
-  key: "status",
-  sorter: true,
-  width: "25%",
-  title: i18next.t("neetoApprovals.common.status"),
-  render: function render(status) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-      label: neetocist.capitalize(status),
-      style: STATUS_TAG_STYLE[status]
-    });
-  }
-}, {
-  dataIndex: "createdAt",
-  key: "createdAt",
-  sorter: true,
-  width: "25%",
-  title: i18next.t("neetoApprovals.common.created"),
-  render: function render(createdAt) {
-    return utils.dateFormat.fromNow(timeInZone(createdAt));
-  }
-}];
-
 var MemoizedEditorContent$1 = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
-var ApprovalsDetails = function ApprovalsDetails(_ref) {
-  var _window$globalProps, _t;
+var RequestDetailsPane = function RequestDetailsPane(_ref) {
+  var _window$globalProps, _window$globalProps2, _t;
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     approvalDetails = _ref.approvalDetails,
     _ref$isPending = _ref.isPending,
-    isPending = _ref$isPending === void 0 ? false : _ref$isPending,
-    _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? neetocist.noop : _ref$onSubmit,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+    isPending = _ref$isPending === void 0 ? false : _ref$isPending;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var title = approvalDetails.title,
@@ -435,11 +477,15 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     note = _useState2[0],
     setNote = _useState2[1];
+  var _useUpdateRequest = useUpdateRequest(),
+    updatePendingRequest = _useUpdateRequest.mutate,
+    isLoading = _useUpdateRequest.isLoading;
   React.useEffect(function () {
     setNote(initialNote);
   }, [initialNote]);
   var requesterOrApproverDetails = status === STATUSES.cancelled ? "".concat(requesterName, " (").concat(requesterEmail, ")") : "".concat(approverName, " (").concat(approverEmail, ")");
   var isCurrentUserApprover = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.email) === approverEmail;
+  var isCurrentUserRequester = ((_window$globalProps2 = window.globalProps) === null || _window$globalProps2 === void 0 || (_window$globalProps2 = _window$globalProps2.user) === null || _window$globalProps2 === void 0 ? void 0 : _window$globalProps2.email) === requesterEmail;
   var getStatusLabel = function getStatusLabel() {
     if (isPending) {
       return t("neetoApprovals.common.waitingFor");
@@ -451,10 +497,14 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     onClose();
   };
   var handleSubmit = function handleSubmit(status) {
-    onSubmit({
-      status: status,
-      note: note,
-      approvedAt: new Date()
+    return updatePendingRequest({
+      id: approvalDetails.id,
+      payload: _defineProperty({
+        status: status,
+        note: note
+      }, "".concat(status, "At"), new Date())
+    }, {
+      onSuccess: handleOnClose
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
@@ -473,12 +523,20 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full divide-y border px-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, getStatusLabel()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
+    className: "flex space-x-3 p-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "font-normal"
+  }, getStatusLabel()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2",
+    weight: "medium"
   }, requesterOrApproverDetails)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, utils.dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex space-x-3 p-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "font-normal"
+  }, t("neetoApprovals.common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2",
+    weight: "medium"
+  }, utils.dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent$1, {
     className: "neeto-ui-bg-gray-100 p-4",
@@ -501,23 +559,12 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.common.note")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-gray-100 p-4"
-  }, note))), isPending && isCurrentUserApprover && /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-    className: "flex gap-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("neetoApprovals.buttons.approve"),
-    loading: isLoading,
-    type: "submit",
-    onClick: function onClick() {
-      return handleSubmit(STATUSES.approved);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("neetoApprovals.buttons.decline"),
-    loading: isLoading,
-    style: "text",
-    onClick: function onClick() {
-      return handleSubmit(STATUSES.rejected);
-    }
-  })));
+  }, note))), isPending && /*#__PURE__*/React__default["default"].createElement(Footer, {
+    handleSubmit: handleSubmit,
+    isCurrentUserApprover: isCurrentUserApprover,
+    isCurrentUserRequester: isCurrentUserRequester,
+    isLoading: isLoading
+  }));
 };
 
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -594,7 +641,7 @@ var History = function History(_ref) {
     title: t("neetoApprovals.common.notFound_", {
       what: (_t = t("neetoApprovals.common.record", constants.PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
-  })), /*#__PURE__*/React__default["default"].createElement(ApprovalsDetails, {
+  })), /*#__PURE__*/React__default["default"].createElement(RequestDetailsPane, {
     approvalDetails: approvalDetails,
     isOpen: neetocist.isPresent(approvalDetails),
     onClose: function onClose() {
@@ -645,25 +692,12 @@ var PendingRequests = function PendingRequests(_ref) {
     pendingRequests = _useFetchRequests$dat3 === void 0 ? {} : _useFetchRequests$dat3,
     _useFetchRequests$dat4 = _useFetchRequests$dat2.totalCount,
     totalCount = _useFetchRequests$dat4 === void 0 ? 0 : _useFetchRequests$dat4;
-  var _useUpdateRequest = useUpdateRequest(),
-    updatePendingRequest = _useUpdateRequest.mutate,
-    isLoading = _useUpdateRequest.isLoading;
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(_objectSpread$9(_objectSpread$9({}, filters), {}, {
       sortBy: neetocist.camelToSnakeCase(sorter.field || ""),
       orderBy: SORT_ORDER[sorter.order]
     }));
   };
-  var onSubmit = function onSubmit(payload) {
-    return updatePendingRequest({
-      id: approvalDetails.id,
-      payload: payload
-    }, {
-      onSuccess: function onSuccess() {
-        return setApprovalDetails({});
-      }
-    });
-  };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !ramda.isEmpty(pendingRequests) ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-approvals__table-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
@@ -688,11 +722,9 @@ var PendingRequests = function PendingRequests(_ref) {
     title: t("neetoApprovals.common.notFound_", {
       what: (_t = t("neetoApprovals.common.pendingApproval", constants.PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
-  })), /*#__PURE__*/React__default["default"].createElement(ApprovalsDetails, {
+  })), /*#__PURE__*/React__default["default"].createElement(RequestDetailsPane, {
     isPending: true,
     approvalDetails: approvalDetails,
-    isLoading: isLoading,
-    onSubmit: onSubmit,
     isOpen: neetocist.isPresent(approvalDetails),
     onClose: function onClose() {
       return setApprovalDetails({});
@@ -1046,8 +1078,9 @@ var Field = function Field(_ref) {
     className: "flex flex-col items-start justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
     className: "mb-1 font-normal"
-  }, label), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "neeto-ui-text-gray-800 break-words text-base font-medium"
+  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
   }, value));
 };
 var Field$1 = /*#__PURE__*/React__default["default"].memo(Field);
@@ -1496,7 +1529,7 @@ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) {
 var Approvals = function Approvals(_ref) {
   var config = _ref.config;
   var _useQueryParams = reactUtils.useQueryParams(),
-    _useQueryParams$searc = _useQueryParams.search_ter,
+    _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1763,10 +1796,11 @@ var Public = function Public() {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ".neeto-approvals-dropdown__button{border-radius:0!important;font-weight:var(--neeto-ui-font-normal);min-height:34px;min-width:150px;text-align:left;width:100%}.neeto-approvals-scrollbar__inner{height:200px;width:100%}.neeto-approvals-scrollbar__outer{height:150px;left:0;overflow:\"hidden\";position:\"absolute\";top:0;visibility:\"hidden\";width:200px}.neeto-approvals-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.neeto-approvals-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.neeto-approvals-empty-state__title--with-action-block{margin-bottom:1rem}.neeto-approvals-empty-state__action-block{display:flex;justify-content:center}.neeto-approvals{overflow:auto;width:100%}.neeto-approvals__table-wrapper{height:calc(100vh - 205px);margin-top:3rem;width:100%}.neeto-approvals-table__column{align-items:center;display:flex;gap:.5rem}.neeto-approvals-form__header{margin-bottom:.5rem}.neeto-approvals-form__body{padding-bottom:1rem;width:100%}.neeto-approvals-form__body>*+*{margin-top:1rem}.neeto-approvals-form__footer{display:flex;gap:.5rem}.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left{max-width:none}td.ant-table-column-sort{background:transparent}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19iYXNlLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL3BhZ2VzL19hcHByb3ZhbHMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9fb3ZlcnJpZGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0NBQ0UseUJBQUEsQ0FDQSx1Q0FBQSxDQUNBLGVBQUEsQ0FDQSxlQUFBLENBQ0EsZUFBQSxDQUNBLFVDQ0YsQ0RHRSxrQ0FFRSxZQUFBLENBREEsVUNDSixDREdFLGtDQUtFLFlBQUEsQ0FGQSxNQUFBLENBR0EsaUJBQUEsQ0FMQSxtQkFBQSxDQUNBLEtBQUEsQ0FLQSxtQkFBQSxDQUhBLFdDRUosQ0NyQkEsNkJBQ0Usa0JBQUEsQ0FDQSxZQUFBLENBQ0EsV0FBQSxDQUNBLHNCQUFBLENBQ0EsVUR3QkYsQ0N0QkUsb0NBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0Esc0JBQUEsQ0FFQSxrQkR3QkosQ0NwQkksdURBQ0Usa0JEc0JOLENDbEJFLDJDQUNFLFlBQUEsQ0FDQSxzQkRvQkosQ0UxQ0EsaUJBQ0UsYUFBQSxDQUNBLFVGNkNGLENFM0NFLGdDQUNFLDBCQUFBLENBRUEsZUFBQSxDQURBLFVGOENKLENFekNJLCtCQUVFLGtCQUFBLENBREEsWUFBQSxDQUVBLFNGMkNOLENFdENJLDhCQUNFLG1CRndDTixDRXJDSSw0QkFFRSxtQkFBQSxDQURBLFVGd0NOLENFdENNLGdDQUNFLGVGd0NSLENFcENJLDhCQUNFLFlBQUEsQ0FDQSxTRnNDTixDR3JFSSxnRkFDRSxjSHdFTixDQTFEQSx5QkFDRSxzQkE2REYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tYXBwcm92YWxzLWRyb3Bkb3duX19idXR0b24ge1xuICBib3JkZXItcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1uZWV0by11aS1mb250LW5vcm1hbCk7XG4gIG1pbi1oZWlnaHQ6IDM0cHg7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ubmVldG8tYXBwcm92YWxzLXNjcm9sbGJhciB7XG4gICZfX2lubmVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICB9XG5cbiAgJl9fb3V0ZXIge1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCI7XG4gICAgdG9wOiAwcHg7XG4gICAgbGVmdDogMHB4O1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBoZWlnaHQ6IDE1MHB4O1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiO1xuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCI7XG4gIH1cbn1cbiIsIi8vIFZhcmlhYmxlc1xuQGltcG9ydCBcIi4vYWJzdHJhY3RzL3Jvb3RcIjtcbkBpbXBvcnQgXCIuL2Fic3RyYWN0cy92YXJpYWJsZXNcIjtcbkBpbXBvcnQgXCIuL2Fic3RyYWN0cy9taXhpbnNcIjtcblxuLy8gQmFzZVxuQGltcG9ydCBcIi4vYmFzZS9iYXNlXCI7XG5cbi8vIENvbXBvbmVudHNcbkBpbXBvcnQgXCIuL2NvbXBvbmVudHMvZW1wdHktc3RhdGVcIjtcblxuLy9QYWdlc1xuQGltcG9ydCBcIi4vcGFnZXMvYXBwcm92YWxzXCI7XG5cbkBpbXBvcnQgXCIuL292ZXJyaWRlc1wiO1xuXG4vLyBBbnQgRGVzaWduIE92ZXJyaWRlc1xudGQuYW50LXRhYmxlLWNvbHVtbi1zb3J0IHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG4iLCIubmVldG8tYXBwcm92YWxzLWVtcHR5LXN0YXRlIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJl9faW1hZ2Uge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4tYm90dG9tOiAycmVtO1xuICB9XG5cbiAgJl9fdGl0bGUge1xuICAgICYtLXdpdGgtYWN0aW9uLWJsb2NrIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgfVxuICB9XG5cbiAgJl9fYWN0aW9uLWJsb2NrIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG59XG4iLCIubmVldG8tYXBwcm92YWxzIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICZfX3RhYmxlLXdyYXBwZXIge1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIDIwNXB4KTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW4tdG9wOiAzcmVtO1xuICB9XG5cbiAgJi10YWJsZSB7XG4gICAgJl9fY29sdW1uIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAwLjVyZW07XG4gICAgfVxuICB9XG5cbiAgJi1mb3JtIHtcbiAgICAmX19oZWFkZXIge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgIH1cblxuICAgICZfX2JvZHkge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMXJlbTtcbiAgICAgICYgPiAqICsgKiB7XG4gICAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJl9fZm9vdGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBnYXA6IDAuNXJlbTtcbiAgICB9XG4gIH1cbn1cbiIsIi5uZWV0by11aS1zdWJoZWFkZXIge1xuICAubmVldG8tdWktc3ViaGVhZGVyX19sZWZ0LXdyYXBwZXIge1xuICAgIC5uZWV0by11aS1zdWJoZWFkZXJfX2xlZnQge1xuICAgICAgbWF4LXdpZHRoOiBub25lO1xuICAgIH1cbiAgfVxufVxuIl19 */";
+var css = ".neeto-approvals-dropdown__button{border-radius:0!important;font-weight:var(--neeto-ui-font-normal);min-height:34px;min-width:150px;text-align:left;width:100%}.neeto-approvals-scrollbar__inner{height:200px;width:100%}.neeto-approvals-scrollbar__outer{height:150px;left:0;overflow:\"hidden\";position:\"absolute\";top:0;visibility:\"hidden\";width:200px}.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left{max-width:none}td.ant-table-column-sort{background:transparent}.neeto-approvals-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.neeto-approvals-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.neeto-approvals-empty-state__title--with-action-block{margin-bottom:1rem}.neeto-approvals-empty-state__action-block{display:flex;justify-content:center}.neeto-approvals{overflow:auto;width:100%}.neeto-approvals__table-wrapper{height:calc(100vh - 205px);margin-top:3rem;width:100%}.neeto-approvals-table__column{align-items:center;display:flex;gap:.5rem}.neeto-approvals-form__header{margin-bottom:.5rem}.neeto-approvals-form__body{padding-bottom:1rem;width:100%}.neeto-approvals-form__body>*+*{margin-top:1rem}.neeto-approvals-form__footer{display:flex;gap:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19iYXNlLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19vdmVycmlkZXMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL3BhZ2VzL19hcHByb3ZhbHMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FDRSx5QkFBQSxDQUNBLHVDQUFBLENBQ0EsZUFBQSxDQUNBLGVBQUEsQ0FDQSxlQUFBLENBQ0EsVUNDRixDREdFLGtDQUVFLFlBQUEsQ0FEQSxVQ0NKLENER0Usa0NBS0UsWUFBQSxDQUZBLE1BQUEsQ0FHQSxpQkFBQSxDQUxBLG1CQUFBLENBQ0EsS0FBQSxDQUtBLG1CQUFBLENBSEEsV0NFSixDQ25CSSxnRkFDRSxjRHNCTixDQ2hCQSx5QkFDRSxzQkRtQkYsQ0U3QkEsNkJBQ0Usa0JBQUEsQ0FDQSxZQUFBLENBQ0EsV0FBQSxDQUNBLHNCQUFBLENBQ0EsVUZnQ0YsQ0U5QkUsb0NBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0Esc0JBQUEsQ0FFQSxrQkZnQ0osQ0U1QkksdURBQ0Usa0JGOEJOLENFMUJFLDJDQUNFLFlBQUEsQ0FDQSxzQkY0QkosQ0dsREEsaUJBQ0UsYUFBQSxDQUNBLFVIcURGLENHbkRFLGdDQUNFLDBCQUFBLENBRUEsZUFBQSxDQURBLFVIc0RKLENHakRJLCtCQUVFLGtCQUFBLENBREEsWUFBQSxDQUVBLFNIbUROLENHOUNJLDhCQUNFLG1CSGdETixDRzdDSSw0QkFFRSxtQkFBQSxDQURBLFVIZ0ROLENHOUNNLGdDQUNFLGVIZ0RSLENHNUNJLDhCQUNFLFlBQUEsQ0FDQSxTSDhDTiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1hcHByb3ZhbHMtZHJvcGRvd25fX2J1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLW5lZXRvLXVpLWZvbnQtbm9ybWFsKTtcbiAgbWluLWhlaWdodDogMzRweDtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5uZWV0by1hcHByb3ZhbHMtc2Nyb2xsYmFyIHtcbiAgJl9faW5uZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMjAwcHg7XG4gIH1cblxuICAmX19vdXRlciB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIjtcbiAgICB0b3A6IDBweDtcbiAgICBsZWZ0OiAwcHg7XG4gICAgd2lkdGg6IDIwMHB4O1xuICAgIGhlaWdodDogMTUwcHg7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCI7XG4gICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIjtcbiAgfVxufVxuIiwiLm5lZXRvLWFwcHJvdmFscy1kcm9wZG93bl9fYnV0dG9uIHtcbiAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogdmFyKC0tbmVldG8tdWktZm9udC1ub3JtYWwpO1xuICBtaW4taGVpZ2h0OiAzNHB4O1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLWFwcHJvdmFscy1zY3JvbGxiYXJfX2lubmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMjAwcHg7XG59XG4ubmVldG8tYXBwcm92YWxzLXNjcm9sbGJhcl9fb3V0ZXIge1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiO1xuICB0b3A6IDBweDtcbiAgbGVmdDogMHB4O1xuICB3aWR0aDogMjAwcHg7XG4gIGhlaWdodDogMTUwcHg7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiO1xuICB2aXNpYmlsaXR5OiBcImhpZGRlblwiO1xufVxuXG4ubmVldG8tdWktc3ViaGVhZGVyIC5uZWV0by11aS1zdWJoZWFkZXJfX2xlZnQtd3JhcHBlciAubmVldG8tdWktc3ViaGVhZGVyX19sZWZ0IHtcbiAgbWF4LXdpZHRoOiBub25lO1xufVxuXG50ZC5hbnQtdGFibGUtY29sdW1uLXNvcnQge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZV9faW1hZ2Uge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZW1wdHktc3RhdGVfX3RpdGxlLS13aXRoLWFjdGlvbi1ibG9jayB7XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG59XG4ubmVldG8tYXBwcm92YWxzLWVtcHR5LXN0YXRlX19hY3Rpb24tYmxvY2sge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLm5lZXRvLWFwcHJvdmFscyB7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcbn1cbi5uZWV0by1hcHByb3ZhbHNfX3RhYmxlLXdyYXBwZXIge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAyMDVweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiAzcmVtO1xufVxuLm5lZXRvLWFwcHJvdmFscy10YWJsZV9fY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59XG4ubmVldG8tYXBwcm92YWxzLWZvcm1fX2hlYWRlciB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZm9ybV9fYm9keSB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogMXJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZm9ybV9fYm9keSA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZm9ybV9fZm9vdGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG59IiwiLm5lZXRvLXVpLXN1YmhlYWRlciB7XG4gIC5uZWV0by11aS1zdWJoZWFkZXJfX2xlZnQtd3JhcHBlciB7XG4gICAgLm5lZXRvLXVpLXN1YmhlYWRlcl9fbGVmdCB7XG4gICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgfVxuICB9XG59XG5cbi8vIEFudCBEZXNpZ24gT3ZlcnJpZGVzXG50ZC5hbnQtdGFibGUtY29sdW1uLXNvcnQge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbiIsIi5uZWV0by1hcHByb3ZhbHMtZW1wdHktc3RhdGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcblxuICAmX19pbWFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG4gIH1cblxuICAmX190aXRsZSB7XG4gICAgJi0td2l0aC1hY3Rpb24tYmxvY2sge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICB9XG4gIH1cblxuICAmX19hY3Rpb24tYmxvY2sge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbn1cbiIsIi5uZWV0by1hcHByb3ZhbHMge1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJl9fdGFibGUtd3JhcHBlciB7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMjA1cHgpO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi10b3A6IDNyZW07XG4gIH1cblxuICAmLXRhYmxlIHtcbiAgICAmX19jb2x1bW4ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDAuNXJlbTtcbiAgICB9XG4gIH1cblxuICAmLWZvcm0ge1xuICAgICZfX2hlYWRlciB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gICAgfVxuXG4gICAgJl9fYm9keSB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAxcmVtO1xuICAgICAgJiA+ICogKyAqIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMXJlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmX19mb290ZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGdhcDogMC41cmVtO1xuICAgIH1cbiAgfVxufVxuIl19 */";
 n(css,{});
 
 exports.Approvals = Approvals;
 exports.Form = Form;
 exports.Public = Public;
+exports.RequestDetailsPane = RequestDetailsPane;
 //# sourceMappingURL=index.cjs.js.map