@bigbinary/neeto-approvals-frontend 1.2.3 → 1.2.7

package/dist/Public.js

@@ -1,6 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import EditorContent from '@bigbinary/neeto-editor/EditorContent';
@@ -111,16 +112,37 @@ var Public = function Public() {
       title: t("neetoApprovals.common.approval", PLURAL)
     }), /*#__PURE__*/jsx("div", {
       className: "flex h-screen w-full flex-col items-center",
-      children: /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-shadow-s w-2/5 rounded border p-6",
+      children: /*#__PURE__*/jsx(CardLayout, {
+        title: approvalRequest && approvalRequest.title,
+        actionBlock: approvalRequest.status === STATUSES.pending && /*#__PURE__*/jsxs("div", {
+          className: "mx-auto flex space-x-2",
+          children: [/*#__PURE__*/jsx(Button, {
+            label: t("neetoApprovals.buttons.approve"),
+            onClick: function onClick() {
+              return acceptPendingRequest({
+                id: approvalRequest.id,
+                note: note
+              });
+            },
+            loading: isAccepting
+          }), /*#__PURE__*/jsx(Button, {
+            label: t("neetoApprovals.buttons.decline"),
+            onClick: function onClick() {
+              return declinePendingRequest({
+                id: approvalRequest.id,
+                note: note
+              });
+            },
+            style: "danger",
+            loading: isDeclining
+          })]
+        }),
+        description: approvalRequest && /*#__PURE__*/jsx(EditorContent, {
+          content: approvalRequest.message
+        }),
         children: approvalRequest ? /*#__PURE__*/jsxs("div", {
           className: "flex w-full flex-col space-y-6",
-          children: [/*#__PURE__*/jsx(Typography, {
-            style: "h2",
-            children: approvalRequest.title
-          }), /*#__PURE__*/jsx(EditorContent, {
-            content: approvalRequest.message
-          }), !hideTextArea && /*#__PURE__*/jsx(Textarea, {
+          children: [!hideTextArea && /*#__PURE__*/jsx(Textarea, {
             label: t("neetoApprovals.common.note"),
             placeholder: t("neetoApprovals.inputs.placeholders.add_", {
               what: (_t = t("neetoApprovals.common.note")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
@@ -128,32 +150,9 @@ var Public = function Public() {
             value: note,
             disabled: approvalRequest.status !== STATUSES.pending,
             onChange: withEventTargetValue(setNote)
-          }), approvalRequest.status === STATUSES.pending ? /*#__PURE__*/jsxs("div", {
-            className: "mx-auto mt-8 flex space-x-6",
-            children: [/*#__PURE__*/jsx(Button, {
-              label: t("neetoApprovals.buttons.approve"),
-              onClick: function onClick() {
-                return acceptPendingRequest({
-                  id: approvalRequest.id,
-                  note: note
-                });
-              },
-              loading: isAccepting
-            }), /*#__PURE__*/jsx(Button, {
-              label: t("neetoApprovals.buttons.decline"),
-              onClick: function onClick() {
-                return declinePendingRequest({
-                  id: approvalRequest.id,
-                  note: note
-                });
-              },
-              style: "secondary",
-              loading: isDeclining
-            })]
-          }) : /*#__PURE__*/jsx(Callout, {
+          }), approvalRequest.status !== STATUSES.pending && /*#__PURE__*/jsx(Callout, {
             style: calloutStyle,
-            children: /*#__PURE__*/jsx(Typography, {
-              style: "body1",
+            children: /*#__PURE__*/jsx("span", {
               children: /*#__PURE__*/jsx(Trans, {
                 i18nKey: "neetoApprovals.typography.approvalRequest",
                 values: {
@@ -164,7 +163,7 @@ var Public = function Public() {
           })]
         }) : /*#__PURE__*/jsx(Typography, {
           style: "h4",
-          className: "text-center",
+          weight: "semibold",
           children: t("neetoApprovals.common.notFound")
         })
       })

package/dist/Public.js.map

@@ -1 +1 @@
-{"version":3,"file":"Public.js","sources":["../app/javascript/src/apis/public/requests.js","../app/javascript/src/hooks/reactQuery/public/requests/useApprovalRequest.js","../app/javascript/src/components/Approvals/Public/index.jsx"],"sourcesContent":["import axios from \"axios\";\nimport { BASE_URL } from \"common/constants\";\n\nconst show = id => axios.get(`${BASE_URL}/public/requests/${id}`);\n\nconst accept = ({ id, note }) =>\n  axios.patch(`${BASE_URL}/public/requests/${id}/accept`, { note });\n\nconst decline = ({ id, note }) =>\n  axios.patch(`${BASE_URL}/public/requests/${id}/decline`, { note });\n\nconst publicRequestsApi = { show, accept, decline };\n\nexport default publicRequestsApi;\n","import { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { useQuery } from \"@tanstack/react-query\";\n\nimport publicRequestsApi from \"apis/public/requests\";\nimport { QUERY_KEYS } from \"common/queryConstants\";\n\nconst useFetchPublicRequest = ({ requestId }, options) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.SHOW_PUBLIC_REQUEST, requestId],\n    queryFn: () => publicRequestsApi.show(requestId),\n    ...options,\n  });\n\nconst useAcceptPendingRequest = options =>\n  useMutationWithInvalidation(publicRequestsApi.accept, {\n    keysToInvalidate: [\n      [QUERY_KEYS.SHOW_PUBLIC_REQUEST],\n      [QUERY_KEYS.REQUESTS],\n      [QUERY_KEYS.VIEWS],\n    ],\n    ...options,\n  });\n\nconst useDeclinePendingRequest = options =>\n  useMutationWithInvalidation(publicRequestsApi.decline, {\n    keysToInvalidate: [\n      [QUERY_KEYS.SHOW_PUBLIC_REQUEST],\n      [QUERY_KEYS.REQUESTS],\n      [QUERY_KEYS.VIEWS],\n    ],\n    ...options,\n  });\n\nexport {\n  useFetchPublicRequest,\n  useAcceptPendingRequest,\n  useDeclinePendingRequest,\n};\n","import { PLURAL } from \"neetocommons/constants\";\nimport Header from \"neetomolecules/Header\";\nimport Container from \"neetomolecules/Container\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { EditorContent } from \"neetoeditor\";\n\nimport { Button, Callout, Textarea, Typography } from \"neetoui\";\n\nimport {\n  useFetchPublicRequest,\n  useAcceptPendingRequest,\n  useDeclinePendingRequest,\n} from \"hooks/reactQuery/public/requests/useApprovalRequest\";\nimport { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { STATUSES } from \"../constants\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { isEmpty } from \"ramda\";\nimport { withEventTargetValue } from \"neetocommons/utils\";\n\nconst Public = () => {\n  const [note, setNote] = useState(\"\");\n\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const { data, isLoading } = useFetchPublicRequest({ requestId: id });\n\n  const { approvalRequest = {} } = data || {};\n\n  useEffect(() => {\n    if (data?.approvalRequest?.note) {\n      setNote(data.approvalRequest.note);\n    }\n  }, [data]);\n\n  const { mutate: acceptPendingRequest, isPending: isAccepting } =\n    useAcceptPendingRequest();\n  const { mutate: declinePendingRequest, isPending: isDeclining } =\n    useDeclinePendingRequest();\n\n  const calloutStyle =\n    approvalRequest.status === STATUSES.approved ? \"success\" : \"danger\";\n  const hideTextArea =\n    approvalRequest.status !== STATUSES.pending && isEmpty(note);\n\n  if (isLoading) {\n    return (\n      <div className=\"h-screen items-center justify-center\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header title={t(\"neetoApprovals.common.approval\", PLURAL)} />\n      <div className=\"flex h-screen w-full flex-col items-center\">\n        <div className=\"neeto-ui-shadow-s w-2/5 rounded border p-6\">\n          {approvalRequest ? (\n            <div className=\"flex w-full flex-col space-y-6\">\n              <Typography style=\"h2\">{approvalRequest.title}</Typography>\n              <EditorContent content={approvalRequest.message} />\n              {!hideTextArea && (\n                <Textarea\n                  label={t(\"neetoApprovals.common.note\")}\n                  placeholder={t(\"neetoApprovals.inputs.placeholders.add_\", {\n                    what: t(\"neetoApprovals.common.note\")?.toLocaleLowerCase(),\n                  })}\n                  value={note}\n                  disabled={approvalRequest.status !== STATUSES.pending}\n                  onChange={withEventTargetValue(setNote)}\n                />\n              )}\n              {approvalRequest.status === STATUSES.pending ? (\n                <div className=\"mx-auto mt-8 flex space-x-6\">\n                  <Button\n                    label={t(\"neetoApprovals.buttons.approve\")}\n                    onClick={() =>\n                      acceptPendingRequest({\n                        id: approvalRequest.id,\n                        note,\n                      })\n                    }\n                    loading={isAccepting}\n                  />\n                  <Button\n                    label={t(\"neetoApprovals.buttons.decline\")}\n                    onClick={() =>\n                      declinePendingRequest({\n                        id: approvalRequest.id,\n                        note,\n                      })\n                    }\n                    style=\"secondary\"\n                    loading={isDeclining}\n                  />\n                </div>\n              ) : (\n                <Callout style={calloutStyle}>\n                  <Typography style=\"body1\">\n                    <Trans\n                      i18nKey=\"neetoApprovals.typography.approvalRequest\"\n                      values={{\n                        status: approvalRequest.status,\n                      }}\n                    />\n                  </Typography>\n                </Callout>\n              )}\n            </div>\n          ) : (\n            <Typography style=\"h4\" className=\"text-center\">\n              {t(\"neetoApprovals.common.notFound\")}\n            </Typography>\n          )}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Public;\n"],"names":["show","id","axios","get","concat","BASE_URL","accept","_ref","note","patch","decline","_ref2","publicRequestsApi","useFetchPublicRequest","options","requestId","useQuery","_objectSpread","queryKey","QUERY_KEYS","SHOW_PUBLIC_REQUEST","queryFn","useAcceptPendingRequest","useMutationWithInvalidation","keysToInvalidate","REQUESTS","VIEWS","useDeclinePendingRequest","Public","_t","_useState","useState","_useState2","_slicedToArray","setNote","_useParams","useParams","_useTranslation","useTranslation","t","_useFetchPublicReques","data","isLoading","_ref$approvalRequest","approvalRequest","useEffect","_data$approvalRequest","_useAcceptPendingRequ","acceptPendingRequest","mutate","isAccepting","isPending","_useDeclinePendingReq","declinePendingRequest","isDeclining","calloutStyle","status","STATUSES","approved","hideTextArea","pending","isEmpty","_jsx","className","children","PageLoader","_jsxs","Container","Header","title","PLURAL","Typography","style","EditorContent","content","message","Textarea","label","placeholder","what","toLocaleLowerCase","value","disabled","onChange","withEventTargetValue","Button","onClick","loading","Callout","Trans","i18nKey","values"],"mappings":"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"}
+{"version":3,"file":"Public.js","sources":["../app/javascript/src/apis/public/requests.js","../app/javascript/src/hooks/reactQuery/public/requests/useApprovalRequest.js","../app/javascript/src/components/Approvals/Public/index.jsx"],"sourcesContent":["import axios from \"axios\";\nimport { BASE_URL } from \"common/constants\";\n\nconst show = id => axios.get(`${BASE_URL}/public/requests/${id}`);\n\nconst accept = ({ id, note }) =>\n  axios.patch(`${BASE_URL}/public/requests/${id}/accept`, { note });\n\nconst decline = ({ id, note }) =>\n  axios.patch(`${BASE_URL}/public/requests/${id}/decline`, { note });\n\nconst publicRequestsApi = { show, accept, decline };\n\nexport default publicRequestsApi;\n","import { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { useQuery } from \"@tanstack/react-query\";\n\nimport publicRequestsApi from \"apis/public/requests\";\nimport { QUERY_KEYS } from \"common/queryConstants\";\n\nconst useFetchPublicRequest = ({ requestId }, options) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.SHOW_PUBLIC_REQUEST, requestId],\n    queryFn: () => publicRequestsApi.show(requestId),\n    ...options,\n  });\n\nconst useAcceptPendingRequest = options =>\n  useMutationWithInvalidation(publicRequestsApi.accept, {\n    keysToInvalidate: [\n      [QUERY_KEYS.SHOW_PUBLIC_REQUEST],\n      [QUERY_KEYS.REQUESTS],\n      [QUERY_KEYS.VIEWS],\n    ],\n    ...options,\n  });\n\nconst useDeclinePendingRequest = options =>\n  useMutationWithInvalidation(publicRequestsApi.decline, {\n    keysToInvalidate: [\n      [QUERY_KEYS.SHOW_PUBLIC_REQUEST],\n      [QUERY_KEYS.REQUESTS],\n      [QUERY_KEYS.VIEWS],\n    ],\n    ...options,\n  });\n\nexport {\n  useFetchPublicRequest,\n  useAcceptPendingRequest,\n  useDeclinePendingRequest,\n};\n","import { PLURAL } from \"neetocommons/constants\";\nimport Header from \"neetomolecules/Header\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { EditorContent } from \"neetoeditor\";\n\nimport { Button, Callout, Textarea, Typography } from \"neetoui\";\n\nimport {\n  useFetchPublicRequest,\n  useAcceptPendingRequest,\n  useDeclinePendingRequest,\n} from \"hooks/reactQuery/public/requests/useApprovalRequest\";\nimport { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { STATUSES } from \"../constants\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { isEmpty } from \"ramda\";\nimport { withEventTargetValue } from \"neetocommons/utils\";\n\nconst Public = () => {\n  const [note, setNote] = useState(\"\");\n\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const { data, isLoading } = useFetchPublicRequest({ requestId: id });\n\n  const { approvalRequest = {} } = data || {};\n\n  useEffect(() => {\n    if (data?.approvalRequest?.note) {\n      setNote(data.approvalRequest.note);\n    }\n  }, [data]);\n\n  const { mutate: acceptPendingRequest, isPending: isAccepting } =\n    useAcceptPendingRequest();\n  const { mutate: declinePendingRequest, isPending: isDeclining } =\n    useDeclinePendingRequest();\n\n  const calloutStyle =\n    approvalRequest.status === STATUSES.approved ? \"success\" : \"danger\";\n  const hideTextArea =\n    approvalRequest.status !== STATUSES.pending && isEmpty(note);\n\n  if (isLoading) {\n    return (\n      <div className=\"h-screen items-center justify-center\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header title={t(\"neetoApprovals.common.approval\", PLURAL)} />\n      <div className=\"flex h-screen w-full flex-col items-center\">\n        <CardLayout\n          title={approvalRequest && approvalRequest.title}\n          actionBlock={\n            approvalRequest.status === STATUSES.pending && (\n              <div className=\"mx-auto flex space-x-2\">\n                <Button\n                  label={t(\"neetoApprovals.buttons.approve\")}\n                  onClick={() =>\n                    acceptPendingRequest({\n                      id: approvalRequest.id,\n                      note,\n                    })\n                  }\n                  loading={isAccepting}\n                />\n                <Button\n                  label={t(\"neetoApprovals.buttons.decline\")}\n                  onClick={() =>\n                    declinePendingRequest({\n                      id: approvalRequest.id,\n                      note,\n                    })\n                  }\n                  style=\"danger\"\n                  loading={isDeclining}\n                />\n              </div>\n            )\n          }\n          description={\n            approvalRequest && (\n              <EditorContent content={approvalRequest.message} />\n            )\n          }\n        >\n          {approvalRequest ? (\n            <div className=\"flex w-full flex-col space-y-6\">\n              {!hideTextArea && (\n                <Textarea\n                  label={t(\"neetoApprovals.common.note\")}\n                  placeholder={t(\"neetoApprovals.inputs.placeholders.add_\", {\n                    what: t(\"neetoApprovals.common.note\")?.toLocaleLowerCase(),\n                  })}\n                  value={note}\n                  disabled={approvalRequest.status !== STATUSES.pending}\n                  onChange={withEventTargetValue(setNote)}\n                />\n              )}\n              {approvalRequest.status !== STATUSES.pending && (\n                <Callout style={calloutStyle}>\n                  <span>\n                    <Trans\n                      i18nKey=\"neetoApprovals.typography.approvalRequest\"\n                      values={{\n                        status: approvalRequest.status,\n                      }}\n                    />\n                  </span>\n                </Callout>\n              )}\n            </div>\n          ) : (\n            <Typography style=\"h4\" weight=\"semibold\">\n              {t(\"neetoApprovals.common.notFound\")}\n            </Typography>\n          )}\n        </CardLayout>\n      </div>\n    </Container>\n  );\n};\n\nexport default Public;\n"],"names":["show","id","axios","get","concat","BASE_URL","accept","_ref","note","patch","decline","_ref2","publicRequestsApi","useFetchPublicRequest","options","requestId","useQuery","_objectSpread","queryKey","QUERY_KEYS","SHOW_PUBLIC_REQUEST","queryFn","useAcceptPendingRequest","useMutationWithInvalidation","keysToInvalidate","REQUESTS","VIEWS","useDeclinePendingRequest","Public","_t","_useState","useState","_useState2","_slicedToArray","setNote","_useParams","useParams","_useTranslation","useTranslation","t","_useFetchPublicReques","data","isLoading","_ref$approvalRequest","approvalRequest","useEffect","_data$approvalRequest","_useAcceptPendingRequ","acceptPendingRequest","mutate","isAccepting","isPending","_useDeclinePendingReq","declinePendingRequest","isDeclining","calloutStyle","status","STATUSES","approved","hideTextArea","pending","isEmpty","_jsx","className","children","PageLoader","_jsxs","Container","Header","title","PLURAL","CardLayout","actionBlock","Button","label","onClick","loading","style","description","EditorContent","content","message","Textarea","placeholder","what","toLocaleLowerCase","value","disabled","onChange","withEventTargetValue","Callout","Trans","i18nKey","values","Typography","weight"],"mappings":"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"}

package/dist/RequestDetailsPane.js

@@ -10,7 +10,7 @@ import '@bigbinary/neetoui/Tag';
 import '@bigbinary/neetoui/Textarea';
 import '@bigbinary/neetoui/Typography';
 import 'react-i18next';
-export { R as default } from './index-D5r7D8u_.js';
+export { R as default } from './index-DpFHYkOW.js';
 import './constants-C7lmQTsP.js';
 import 'react/jsx-runtime';
 import '@tanstack/react-query';
@@ -18,7 +18,7 @@ import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import '@bigbinary/neetoui/Button';
 import 'dayjs';
-import 'dayjs/plugin/timezone';
+import '@bigbinary/neeto-commons-frontend/utils/timezonePlugin';
 import 'dayjs/plugin/utc';
 import 'i18next';
 import '@bigbinary/neeto-commons-frontend/constants';

package/dist/cjs/Approvals.js

@@ -15,7 +15,7 @@ var Table$1 = require('@bigbinary/neetoui/Table');
 var NoData = require('@bigbinary/neetoui/NoData');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var RequestDetailsPane = require('../index-CIHYIzN1.js');
+var RequestDetailsPane = require('../index-CyIbhCCH.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Tag = require('@bigbinary/neetoui/Tag');
 var constants$1 = require('../constants-CqvZ5vQ3.js');
@@ -45,7 +45,7 @@ var axios = require('axios');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Textarea');
 require('dayjs');
-require('dayjs/plugin/timezone');
+require('@bigbinary/neeto-commons-frontend/utils/timezonePlugin');
 require('dayjs/plugin/utc');
 require('@bigbinary/neeto-commons-frontend/initializers');
 
@@ -970,7 +970,7 @@ var Header = function Header(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
     breadcrumbs: breadcrumbs,
     titleHelpPopoverProps: titleHelpPopoverProps,
-    actionBlock: currentTab === null || currentTab === void 0 ? void 0 : (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
+    actionBlock: currentTab === null || currentTab === void 0 || (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
     title: t("neetoApprovals.common.approval", constants.PLURAL),
     searchProps: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder) && {
       placeholder: currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder
@@ -1050,32 +1050,29 @@ var Approvals = function Approvals(_ref) {
     isNewTemplatePaneOpen: isNewTemplatePaneOpen,
     setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "w-full overflow-y-auto",
-    children: /*#__PURE__*/jsxRuntime.jsxs(Container, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, _objectSpread({
-        appRoutes: appRoutes
-      }, config))), /*#__PURE__*/jsxRuntime.jsx(Tab, {
-        approvalsPath: config.approvalsPath
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
-        children: [appRoutes.map(function (_ref2) {
-          var path = _ref2.path,
-            component = _ref2.component;
-          return /*#__PURE__*/react.createElement(reactRouterDom.Route, {
-            component: component,
-            path: path,
-            exact: true,
-            key: path
-          });
-        }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Redirect, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, _objectSpread({
+      appRoutes: appRoutes
+    }, config))), /*#__PURE__*/jsxRuntime.jsx(Tab, {
+      approvalsPath: config.approvalsPath
+    }), /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
+      children: [appRoutes.map(function (_ref2) {
+        var path = _ref2.path,
+          component = _ref2.component;
+        return /*#__PURE__*/react.createElement(reactRouterDom.Route, {
+          component: component,
+          path: path,
           exact: true,
-          from: config.approvalsPath
-          // eslint-disable-next-line @bigbinary/neeto/use-common-routes
-          ,
-          to: "".concat(config.approvalsPath).concat(routes.pending)
-        })]
+          key: path
+        });
+      }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Redirect, {
+        exact: true,
+        from: config.approvalsPath
+        // eslint-disable-next-line @bigbinary/neeto/use-common-routes
+        ,
+        to: "".concat(config.approvalsPath).concat(routes.pending)
       })]
-    })
+    })]
   });
 };