@bigbinary/neeto-commons-frontend 2.0.70 → 2.0.71

package/react-utils.d.ts

@@ -51,13 +51,21 @@ export const HoneybadgerErrorBoundary: React.FC<{
 }>;
 /**
  *
- * A route that will restrict access to it based on a specified condition.
+ * A route that will restrict access to it based on a specified condition and
  *
- * If the given condition is true, it acts identical to a normal route. Otherwise
+ * permissions.
  *
- * we have two options: it can either redirect user to a different path or it can
+ * If the given condition is true and the user has the required permissions, it
  *
- * render a supplied error page instead of the actual component in that route.
+ * acts identical to a normal route. If the condition is true and the user does not
+ *
+ * have the required permissions, it will show 403 error page or it will render a
+ *
+ * supplied error page. If the condition is false, it will redirect user to a
+ *
+ * different path if redirectRoute is specified or it will render a supplied error
+ *
+ * page.
  *
  * If condition is not specified, it will assume the value of
  *
@@ -70,6 +78,7 @@ export function PrivateRoute(props: {
   condition?: boolean;
   redirectRoute?: string;
   errorPage?: React.ReactNode;
+  permissions?: string[];
 } & RouteProps): JSX.Element;
 type OptionsType = {
   root?: Element | null;

package/react-utils.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { useEffect, useState, useDebugValue, useRef, useMemo } from 'react';
 import { Honeybadger, HoneybadgerErrorBoundary as HoneybadgerErrorBoundary$1 } from '@honeybadger-io/react';
 import { Typography, Button } from '@bigbinary/neetoui';
-import { isNil, prop, toPairs, mergeLeft, isEmpty, omit, curry } from 'ramda';
+import { isNil, includes, __, prop, toPairs, mergeLeft, isEmpty, omit, curry } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import ErrorPage from '@bigbinary/neeto-molecules/ErrorPage';
 import { Route, Redirect } from 'react-router-dom';
@@ -152,7 +152,7 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var _excluded = ["condition", "redirectRoute", "errorPage"];
+var _excluded = ["condition", "redirectRoute", "errorPage", "permissions"];
 var PrivateRoute = function PrivateRoute(_ref) {
   var _ref$condition = _ref.condition,
     condition = _ref$condition === void 0 ? globalProps.authenticated : _ref$condition,
@@ -160,17 +160,27 @@ var PrivateRoute = function PrivateRoute(_ref) {
     redirectRoute = _ref$redirectRoute === void 0 ? undefined : _ref$redirectRoute,
     _ref$errorPage = _ref.errorPage,
     errorPage = _ref$errorPage === void 0 ? undefined : _ref$errorPage,
+    _ref$permissions = _ref.permissions,
+    permissions = _ref$permissions === void 0 ? undefined : _ref$permissions,
     props = _objectWithoutProperties(_ref, _excluded);
-  return (
-    // eslint-disable-next-line no-nested-ternary
-    condition ? /*#__PURE__*/React__default.createElement(Route, props) : redirectRoute ? /*#__PURE__*/React__default.createElement(Redirect, {
+  if (condition) {
+    if (permissions) {
+      return globalProps.permissions.some(includes(__, permissions)) ? /*#__PURE__*/React__default.createElement(Route, props) : errorPage || /*#__PURE__*/React__default.createElement(ErrorPage, {
+        status: 403
+      });
+    }
+    return /*#__PURE__*/React__default.createElement(Route, props);
+  }
+  if (redirectRoute) {
+    return /*#__PURE__*/React__default.createElement(Redirect, {
       to: {
         pathname: redirectRoute
       }
-    }) : errorPage || /*#__PURE__*/React__default.createElement(ErrorPage, {
-      status: "403"
-    })
-  );
+    });
+  }
+  return errorPage || /*#__PURE__*/React__default.createElement(ErrorPage, {
+    status: 403
+  });
 };
 
 function _arrayWithHoles(arr) {