@bigbinary/neeto-commons-frontend 4.13.92 → 4.13.94-beta.1

package/dist/react-utils/PrivateRoute/PrivateRoute.js

@@ -3,10 +3,12 @@ import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-DN7
 import ErrorPage from '@bigbinary/neeto-molecules/ErrorPage';
 import { includes, __ } from 'ramda';
 import { Route, Redirect } from 'react-router-dom';
+import { getHomeUrl } from './utils.js';
 import { jsx } from 'react/jsx-runtime';
 import '../../typeof-D-UKOauR.js';
+import './constants.js';
 
-var _excluded = ["condition", "redirectRoute", "errorPage", "permissions"];
+var _excluded = ["condition", "redirectRoute", "errorPage", "permissions", "homeUrl"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PrivateRoute = function PrivateRoute(_ref) {
@@ -18,29 +20,31 @@ var PrivateRoute = function PrivateRoute(_ref) {
     errorPage = _ref$errorPage === void 0 ? undefined : _ref$errorPage,
     _ref$permissions = _ref.permissions,
     permissions = _ref$permissions === void 0 ? undefined : _ref$permissions,
+    _ref$homeUrl = _ref.homeUrl,
+    homeUrl = _ref$homeUrl === void 0 ? undefined : _ref$homeUrl,
     props = _objectWithoutProperties(_ref, _excluded);
+  var renderErrorPage = function renderErrorPage(errorPage, homeUrl, path) {
+    return errorPage || /*#__PURE__*/jsx(ErrorPage, {
+      homeUrl: homeUrl || getHomeUrl(path),
+      status: 403
+    });
+  };
   if (condition) {
     if (permissions) {
       return globalProps.permissions.some(includes(__, permissions)) ? /*#__PURE__*/jsx(Route, _objectSpread({}, props)) : /*#__PURE__*/jsx(Route, _objectSpread(_objectSpread({}, props), {}, {
         component: function component() {
-          return errorPage || /*#__PURE__*/jsx(ErrorPage, {
-            status: 403
-          });
+          return renderErrorPage(errorPage, homeUrl, props.path);
         }
       }));
     }
     return /*#__PURE__*/jsx(Route, _objectSpread({}, props));
   }
-  if (redirectRoute) {
-    return /*#__PURE__*/jsx(Redirect, {
-      to: {
-        pathname: redirectRoute
-      }
-    });
-  }
-  return errorPage || /*#__PURE__*/jsx(ErrorPage, {
-    status: 403
+  if (redirectRoute) return /*#__PURE__*/jsx(Redirect, {
+    to: {
+      pathname: redirectRoute
+    }
   });
+  return renderErrorPage(errorPage, homeUrl, props.path);
 };
 
 export { PrivateRoute as default };

package/dist/react-utils/PrivateRoute/PrivateRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrivateRoute.js","sources":["../../../src/react-utils/PrivateRoute/PrivateRoute.jsx"],"sourcesContent":["import ErrorPage from \"neetomolecules/ErrorPage\";\nimport { __, includes } from \"ramda\";\nimport { Redirect, Route } from \"react-router-dom\";\n\nconst PrivateRoute = ({\n  condition = globalProps.authenticated,\n  redirectRoute = undefined,\n  errorPage = undefined,\n  permissions = undefined,\n  ...props\n}) => {\n  if (condition) {\n    if (permissions) {\n      return globalProps.permissions.some(includes(__, permissions)) ? (\n        <Route {...props} />\n      ) : (\n        <Route\n          {...props}\n          component={() => errorPage || <ErrorPage status={403} />}\n        />\n      );\n    }\n\n    return <Route {...props} />;\n  }\n\n  if (redirectRoute) {\n    return <Redirect to={{ pathname: redirectRoute }} />;\n  }\n\n  return errorPage || <ErrorPage status={403} />;\n};\n\nexport default PrivateRoute;\n"],"names":["PrivateRoute","_ref","_ref$condition","condition","globalProps","authenticated","_ref$redirectRoute","redirectRoute","undefined","_ref$errorPage","errorPage","_ref$permissions","permissions","props","_objectWithoutProperties","_excluded","some","includes","__","_jsx","Route","_objectSpread","component","ErrorPage","status","Redirect","to","pathname"],"mappings":";;;;;;;;;;;AAIA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAMZ;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CALJE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,WAAW,CAACC,aAAa,GAAAH,cAAA;IAAAI,kBAAA,GAAAL,IAAA,CACrCM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAGE,MAAAA,GAAAA,SAAS,GAAAF,kBAAA;IAAAG,cAAA,GAAAR,IAAA,CACzBS,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGD,MAAAA,GAAAA,SAAS,GAAAC,cAAA;IAAAE,gBAAA,GAAAV,IAAA,CACrBW,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAGH,MAAAA,GAAAA,SAAS,GAAAG,gBAAA;AACpBE,IAAAA,KAAK,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAER,EAAA,IAAIZ,SAAS,EAAE;AACb,IAAA,IAAIS,WAAW,EAAE;AACf,MAAA,OAAOR,WAAW,CAACQ,WAAW,CAACI,IAAI,CAACC,QAAQ,CAACC,EAAE,EAAEN,WAAW,CAAC,CAAC,gBAC5DO,GAAA,CAACC,KAAK,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CAAC,gBAEpBM,GAAA,CAACC,KAAK,EAAAC,aAAA,CAAAA,aAAA,KACAR,KAAK,CAAA,EAAA,EAAA,EAAA;QACTS,SAAS,EAAE,SAAXA,SAASA,GAAA;AAAA,UAAA,OAAQZ,SAAS,iBAAIS,GAAA,CAACI,SAAS,EAAA;AAACC,YAAAA,MAAM,EAAE;AAAI,WAAE,CAAC;AAAA;AAAC,OAAA,CAC1D,CACF;AACH;IAEA,oBAAOL,GAAA,CAACC,KAAK,EAAAC,aAAA,CAAKR,EAAAA,EAAAA,KAAK,CAAG,CAAC;AAC7B;AAEA,EAAA,IAAIN,aAAa,EAAE;IACjB,oBAAOY,GAAA,CAACM,QAAQ,EAAA;AAACC,MAAAA,EAAE,EAAE;AAAEC,QAAAA,QAAQ,EAAEpB;AAAc;AAAE,KAAE,CAAC;AACtD;AAEA,EAAA,OAAOG,SAAS,iBAAIS,GAAA,CAACI,SAAS,EAAA;AAACC,IAAAA,MAAM,EAAE;AAAI,GAAE,CAAC;AAChD;;;;"}
+{"version":3,"file":"PrivateRoute.js","sources":["../../../src/react-utils/PrivateRoute/PrivateRoute.jsx"],"sourcesContent":["import ErrorPage from \"neetomolecules/ErrorPage\";\nimport { __, includes } from \"ramda\";\nimport { Redirect, Route } from \"react-router-dom\";\n\nimport { getHomeUrl } from \"./utils\";\n\nconst PrivateRoute = ({\n  condition = globalProps.authenticated,\n  redirectRoute = undefined,\n  errorPage = undefined,\n  permissions = undefined,\n  homeUrl = undefined,\n  ...props\n}) => {\n  const renderErrorPage = (errorPage, homeUrl, path) =>\n    errorPage || (\n      <ErrorPage homeUrl={homeUrl || getHomeUrl(path)} status={403} />\n    );\n\n  if (condition) {\n    if (permissions) {\n      return globalProps.permissions.some(includes(__, permissions)) ? (\n        <Route {...props} />\n      ) : (\n        <Route\n          {...props}\n          component={() => renderErrorPage(errorPage, homeUrl, props.path)}\n        />\n      );\n    }\n\n    return <Route {...props} />;\n  }\n\n  if (redirectRoute) return <Redirect to={{ pathname: redirectRoute }} />;\n\n  return renderErrorPage(errorPage, homeUrl, props.path);\n};\n\nexport default PrivateRoute;\n"],"names":["PrivateRoute","_ref","_ref$condition","condition","globalProps","authenticated","_ref$redirectRoute","redirectRoute","undefined","_ref$errorPage","errorPage","_ref$permissions","permissions","_ref$homeUrl","homeUrl","props","_objectWithoutProperties","_excluded","renderErrorPage","path","_jsx","ErrorPage","getHomeUrl","status","some","includes","__","Route","_objectSpread","component","Redirect","to","pathname"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAOZ;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CANJE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,WAAW,CAACC,aAAa,GAAAH,cAAA;IAAAI,kBAAA,GAAAL,IAAA,CACrCM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAGE,MAAAA,GAAAA,SAAS,GAAAF,kBAAA;IAAAG,cAAA,GAAAR,IAAA,CACzBS,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGD,MAAAA,GAAAA,SAAS,GAAAC,cAAA;IAAAE,gBAAA,GAAAV,IAAA,CACrBW,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAGH,MAAAA,GAAAA,SAAS,GAAAG,gBAAA;IAAAE,YAAA,GAAAZ,IAAA,CACvBa,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGL,MAAAA,GAAAA,SAAS,GAAAK,YAAA;AAChBE,IAAAA,KAAK,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA;EAER,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIR,SAAS,EAAEI,OAAO,EAAEK,IAAI,EAAA;AAAA,IAAA,OAC/CT,SAAS,iBACPU,GAAA,CAACC,SAAS,EAAA;AAACP,MAAAA,OAAO,EAAEA,OAAO,IAAIQ,UAAU,CAACH,IAAI,CAAE;AAACI,MAAAA,MAAM,EAAE;AAAI,KAAE,CAChE;AAAA,GAAA;AAEH,EAAA,IAAIpB,SAAS,EAAE;AACb,IAAA,IAAIS,WAAW,EAAE;AACf,MAAA,OAAOR,WAAW,CAACQ,WAAW,CAACY,IAAI,CAACC,QAAQ,CAACC,EAAE,EAAEd,WAAW,CAAC,CAAC,gBAC5DQ,GAAA,CAACO,KAAK,EAAAC,aAAA,CAAA,EAAA,EAAKb,KAAK,CAAG,CAAC,gBAEpBK,GAAA,CAACO,KAAK,EAAAC,aAAA,CAAAA,aAAA,KACAb,KAAK,CAAA,EAAA,EAAA,EAAA;QACTc,SAAS,EAAE,SAAXA,SAASA,GAAA;UAAA,OAAQX,eAAe,CAACR,SAAS,EAAEI,OAAO,EAAEC,KAAK,CAACI,IAAI,CAAC;AAAA;AAAC,OAAA,CAClE,CACF;AACH;IAEA,oBAAOC,GAAA,CAACO,KAAK,EAAAC,aAAA,CAAKb,EAAAA,EAAAA,KAAK,CAAG,CAAC;AAC7B;AAEA,EAAA,IAAIR,aAAa,EAAE,oBAAOa,GAAA,CAACU,QAAQ,EAAA;AAACC,IAAAA,EAAE,EAAE;AAAEC,MAAAA,QAAQ,EAAEzB;AAAc;AAAE,GAAE,CAAC;EAEvE,OAAOW,eAAe,CAACR,SAAS,EAAEI,OAAO,EAAEC,KAAK,CAACI,IAAI,CAAC;AACxD;;;;"}

package/dist/react-utils/PrivateRoute/constants.js

@@ -0,0 +1,5 @@
+var HOME_PATH = "/";
+var ADMIN_PATH = "/admin";
+
+export { ADMIN_PATH, HOME_PATH };
+//# sourceMappingURL=constants.js.map

package/dist/react-utils/PrivateRoute/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/react-utils/PrivateRoute/constants.js"],"sourcesContent":["export const HOME_PATH = \"/\";\nexport const ADMIN_PATH = \"/admin\";\n"],"names":["HOME_PATH","ADMIN_PATH"],"mappings":"AAAO,IAAMA,SAAS,GAAG;AAClB,IAAMC,UAAU,GAAG;;;;"}

package/dist/react-utils/PrivateRoute/index.js

@@ -5,5 +5,7 @@ import '../../objectWithoutProperties-DN7d1SzH.js';
 import '@bigbinary/neeto-molecules/ErrorPage';
 import 'ramda';
 import 'react-router-dom';
+import './utils.js';
+import './constants.js';
 import 'react/jsx-runtime';
 //# sourceMappingURL=index.js.map

package/dist/react-utils/PrivateRoute/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/react-utils/PrivateRoute/utils.js

@@ -0,0 +1,14 @@
+import { HOME_PATH, ADMIN_PATH } from './constants.js';
+
+var getHomeUrl = function getHomeUrl(path) {
+  if (!path) return HOME_PATH;
+  if (Array.isArray(path)) {
+    return path.some(function (p) {
+      return p === null || p === void 0 ? void 0 : p.includes(ADMIN_PATH);
+    }) ? ADMIN_PATH : HOME_PATH;
+  }
+  return path.includes(ADMIN_PATH) ? ADMIN_PATH : HOME_PATH;
+};
+
+export { getHomeUrl };
+//# sourceMappingURL=utils.js.map

package/dist/react-utils/PrivateRoute/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/react-utils/PrivateRoute/utils.js"],"sourcesContent":["import { ADMIN_PATH, HOME_PATH } from \"./constants\";\n\nexport const getHomeUrl = path => {\n  if (!path) return HOME_PATH;\n\n  if (Array.isArray(path)) {\n    return path.some(p => p?.includes(ADMIN_PATH)) ? ADMIN_PATH : HOME_PATH;\n  }\n\n  return path.includes(ADMIN_PATH) ? ADMIN_PATH : HOME_PATH;\n};\n"],"names":["getHomeUrl","path","HOME_PATH","Array","isArray","some","p","includes","ADMIN_PATH"],"mappings":";;IAEaA,UAAU,GAAG,SAAbA,UAAUA,CAAGC,IAAI,EAAI;AAChC,EAAA,IAAI,CAACA,IAAI,EAAE,OAAOC,SAAS;AAE3B,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,EAAE;AACvB,IAAA,OAAOA,IAAI,CAACI,IAAI,CAAC,UAAAC,CAAC,EAAA;MAAA,OAAIA,CAAC,aAADA,CAAC,KAAA,MAAA,GAAA,MAAA,GAADA,CAAC,CAAEC,QAAQ,CAACC,UAAU,CAAC;KAAC,CAAA,GAAGA,UAAU,GAAGN,SAAS;AACzE;EAEA,OAAOD,IAAI,CAACM,QAAQ,CAACC,UAAU,CAAC,GAAGA,UAAU,GAAGN,SAAS;AAC3D;;;;"}

package/dist/react-utils/index.js

@@ -13,6 +13,7 @@ export { default as useMutationWithInvalidation } from './useMutationWithInvalid
 export { default as useOnClickOutside } from './useOnClickOutside/useOnClickOutside.js';
 export { default as usePersistedQuery } from './usePersistedQuery/usePersistedQuery.js';
 export { default as usePrevious } from './usePrevious/usePrevious.js';
+export { default as usePrefersReducedMotion } from './usePrefersReducedMotion/usePrefersReducedMotion.js';
 export { default as useQueryParams } from './useQueryParams/useQueryParams.js';
 export { useNavigationCheckpoints, default as useRegisterNavigationCheckpoint, useRemoveNavigationCheckpoint } from './useRegisterNavigationCheckpoint/useRegisterNavigationCheckpoint.js';
 export { default as useStateWithDependency } from './useStateWithDependency/useStateWithDependency.js';
@@ -47,6 +48,8 @@ import './HoneybadgerErrorBoundary/utils.js';
 import '../objectWithoutProperties-DN7d1SzH.js';
 import '@bigbinary/neeto-molecules/ErrorPage';
 import 'react-router-dom';
+import './PrivateRoute/utils.js';
+import './PrivateRoute/constants.js';
 import 'react-helmet';
 import '../slicedToArray-DmsZvA_9.js';
 import '../unsupportedIterableToArray-Dqz8Y8_I.js';
@@ -75,6 +78,7 @@ import '../lodash-M8VRFvKw.js';
 import '@bigbinary/neeto-time-zones';
 import 'ua-parser-js';
 import '@tanstack/react-query';
+import './usePrefersReducedMotion/constants.js';
 import './useBreakpoints/utils.js';
 import './useColumnConfig/useConfigApi.js';
 import './useColumnConfig/api.js';

package/dist/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/react-utils/mount/mount.js

@@ -8,76 +8,75 @@ import '../../_commonjsHelpers-BFTU3MAI.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function mount(components) {
-  var run = function run() {
-    var mountPoints = document.querySelectorAll("[data-react-class]");
-    Array.from(mountPoints).forEach(/*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(element) {
-        var _element$dataset;
-        var _ref2, reactClass, reactProps, importFn, props, module, Component, root;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(((_element$dataset = element.dataset) === null || _element$dataset === void 0 ? void 0 : _element$dataset.mounted) === "true")) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _ref2 = element.dataset || {}, reactClass = _ref2.reactClass, reactProps = _ref2.reactProps;
-              if (reactClass) {
-                _context.next = 5;
-                break;
-              }
-              return _context.abrupt("return");
-            case 5:
-              importFn = components[reactClass];
-              if (importFn) {
-                _context.next = 9;
-                break;
-              }
-              console.warn("WARNING: No component found for:", reactClass, components);
-              return _context.abrupt("return");
-            case 9:
-              props = {};
-              if (reactProps) {
-                try {
-                  props = JSON.parse(reactProps);
-                } catch (_unused) {
-                  console.error("Invalid JSON in data-react-props:", reactProps);
-                }
-              }
-              _context.prev = 11;
-              _context.next = 14;
-              return _retryImport(importFn);
-            case 14:
-              module = _context.sent;
-              Component = module["default"] || module;
-              root = ReactDOM.createRoot(element);
-              root.render(/*#__PURE__*/jsx(Component, _objectSpread({}, props)));
-              if (element.dataset) element.dataset.mounted = "true";
-              _context.next = 24;
-              break;
-            case 21:
-              _context.prev = 21;
-              _context.t0 = _context["catch"](11);
-              console.error("Failed to load component \"".concat(reactClass, "\""), _context.t0);
-            case 24:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[11, 21]]);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-  };
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", run);
-  } else {
-    run();
+var jsonParse = function jsonParse(value) {
+  if (typeof value !== "string") return {};
+  try {
+    return JSON.parse(value);
+  } catch (_unused) {
+    return {};
   }
+};
+function mount(_x) {
+  return _mount.apply(this, arguments);
+}
+function _mount() {
+  _mount = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(componentMap) {
+    var _element$dataset;
+    var element, _ref, reactClass, reactProps, importFn, props, module, Component, root;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          element = document.querySelector("[data-react-class]");
+          if (element) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return");
+        case 3:
+          if (!(((_element$dataset = element.dataset) === null || _element$dataset === void 0 ? void 0 : _element$dataset.mounted) === "true")) {
+            _context.next = 5;
+            break;
+          }
+          return _context.abrupt("return");
+        case 5:
+          _ref = element.dataset || {}, reactClass = _ref.reactClass, reactProps = _ref.reactProps;
+          if (reactClass) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return");
+        case 8:
+          importFn = componentMap[reactClass];
+          if (importFn) {
+            _context.next = 12;
+            break;
+          }
+          console.warn("WARNING: No component found for:", reactClass, componentMap);
+          return _context.abrupt("return");
+        case 12:
+          props = jsonParse(reactProps);
+          _context.prev = 13;
+          _context.next = 16;
+          return _retryImport(importFn);
+        case 16:
+          module = _context.sent;
+          Component = module["default"] || module;
+          root = ReactDOM.createRoot(element);
+          root.render(/*#__PURE__*/jsx(Component, _objectSpread({}, props)));
+          if (element.dataset) element.dataset.mounted = "true";
+          _context.next = 26;
+          break;
+        case 23:
+          _context.prev = 23;
+          _context.t0 = _context["catch"](13);
+          console.error("Failed to load component \"".concat(reactClass, "\""), _context.t0);
+        case 26:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[13, 23]]);
+  }));
+  return _mount.apply(this, arguments);
 }
 
 export { mount as default };

package/dist/react-utils/mount/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sources":["../../../src/react-utils/mount/mount.jsx"],"sourcesContent":["/* eslint-disable no-console */\nimport ReactDOM from \"react-dom/client\";\nimport retryImport from \"utils/retryImport\";\n\nexport default function mount(components) {\n  const run = () => {\n    const mountPoints = document.querySelectorAll(\"[data-react-class]\");\n\n    Array.from(mountPoints).forEach(async element => {\n      if (element.dataset?.mounted === \"true\") return;\n\n      const { reactClass, reactProps } = element.dataset || {};\n\n      if (!reactClass) return;\n\n      const importFn = components[reactClass];\n\n      if (!importFn) {\n        console.warn(\n          \"WARNING: No component found for:\",\n          reactClass,\n          components\n        );\n\n        return;\n      }\n\n      let props = {};\n      if (reactProps) {\n        try {\n          props = JSON.parse(reactProps);\n        } catch {\n          console.error(\"Invalid JSON in data-react-props:\", reactProps);\n        }\n      }\n\n      try {\n        const module = await retryImport(importFn);\n        const Component = module.default || module;\n\n        const root = ReactDOM.createRoot(element);\n        root.render(<Component {...props} />);\n\n        if (element.dataset) element.dataset.mounted = \"true\";\n      } catch (error) {\n        console.error(`Failed to load component \"${reactClass}\"`, error);\n      }\n    });\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", run);\n  } else {\n    run();\n  }\n}\n"],"names":["mount","components","run","mountPoints","document","querySelectorAll","Array","from","forEach","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","element","_element$dataset","_ref2","reactClass","reactProps","importFn","props","module","Component","root","wrap","_callee$","_context","prev","next","dataset","mounted","abrupt","console","warn","JSON","parse","_unused","error","retryImport","sent","ReactDOM","createRoot","render","_jsx","_objectSpread","t0","concat","stop","_x","apply","arguments","readyState","addEventListener"],"mappings":"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"}
+{"version":3,"file":"mount.js","sources":["../../../src/react-utils/mount/mount.jsx"],"sourcesContent":["/* eslint-disable no-console */\nimport ReactDOM from \"react-dom/client\";\nimport retryImport from \"utils/retryImport\";\n\nconst jsonParse = value => {\n  if (typeof value !== \"string\") return {};\n\n  try {\n    return JSON.parse(value);\n  } catch {\n    return {};\n  }\n};\n\nexport default async function mount(componentMap) {\n  const element = document.querySelector(\"[data-react-class]\");\n  if (!element) return;\n\n  if (element.dataset?.mounted === \"true\") return;\n\n  const { reactClass, reactProps } = element.dataset || {};\n  if (!reactClass) return;\n\n  const importFn = componentMap[reactClass];\n\n  if (!importFn) {\n    console.warn(\"WARNING: No component found for:\", reactClass, componentMap);\n\n    return;\n  }\n\n  const props = jsonParse(reactProps);\n\n  try {\n    const module = await retryImport(importFn);\n    const Component = module.default || module;\n\n    const root = ReactDOM.createRoot(element);\n    root.render(<Component {...props} />);\n\n    if (element.dataset) element.dataset.mounted = \"true\";\n  } catch (error) {\n    console.error(`Failed to load component \"${reactClass}\"`, error);\n  }\n}\n"],"names":["jsonParse","value","JSON","parse","_unused","mount","_x","_mount","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","componentMap","_element$dataset","element","_ref","reactClass","reactProps","importFn","props","module","Component","root","wrap","_callee$","_context","prev","next","document","querySelector","abrupt","dataset","mounted","console","warn","retryImport","sent","ReactDOM","createRoot","render","_jsx","_objectSpread","t0","error","concat","stop"],"mappings":"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"}

package/dist/react-utils/usePrefersReducedMotion/constants.js

@@ -0,0 +1,4 @@
+var QUERY = "(prefers-reduced-motion: no-preference)";
+
+export { QUERY };
+//# sourceMappingURL=constants.js.map

package/dist/react-utils/usePrefersReducedMotion/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/react-utils/usePrefersReducedMotion/constants.js"],"sourcesContent":["export const QUERY = \"(prefers-reduced-motion: no-preference)\";\n"],"names":["QUERY"],"mappings":"AAAO,IAAMA,KAAK,GAAG;;;;"}

package/dist/react-utils/usePrefersReducedMotion/index.js

@@ -0,0 +1,6 @@
+export { default } from './usePrefersReducedMotion.js';
+import '../../slicedToArray-DmsZvA_9.js';
+import '../../unsupportedIterableToArray-Dqz8Y8_I.js';
+import 'react';
+import './constants.js';
+//# sourceMappingURL=index.js.map

package/dist/react-utils/usePrefersReducedMotion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/react-utils/usePrefersReducedMotion/usePrefersReducedMotion.js

@@ -0,0 +1,44 @@
+import { _ as _slicedToArray } from '../../slicedToArray-DmsZvA_9.js';
+import { useState, useEffect } from 'react';
+import { QUERY } from './constants.js';
+import '../../unsupportedIterableToArray-Dqz8Y8_I.js';
+
+var isRenderingOnServer = typeof window === "undefined";
+var getInitialState = function getInitialState() {
+  return (
+    // For our initial server render, we won't know if the user
+    // prefers reduced motion, but it doesn't matter. This value
+    // will be overwritten on the client, before any animations
+    // occur.
+    isRenderingOnServer ? true : !window.matchMedia(QUERY).matches
+  );
+};
+var usePrefersReducedMotion = function usePrefersReducedMotion() {
+  var _useState = useState(getInitialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    prefersReducedMotion = _useState2[0],
+    setPrefersReducedMotion = _useState2[1];
+  useEffect(function () {
+    if (isRenderingOnServer) return undefined;
+    var mediaQueryList = window.matchMedia(QUERY);
+    var listener = function listener(event) {
+      setPrefersReducedMotion(!event.matches);
+    };
+    if (mediaQueryList.addEventListener) {
+      mediaQueryList.addEventListener("change", listener);
+    } else {
+      mediaQueryList.addListener(listener);
+    }
+    return function () {
+      if (mediaQueryList.removeEventListener) {
+        mediaQueryList.removeEventListener("change", listener);
+      } else {
+        mediaQueryList.removeListener(listener);
+      }
+    };
+  }, []);
+  return prefersReducedMotion;
+};
+
+export { usePrefersReducedMotion as default };
+//# sourceMappingURL=usePrefersReducedMotion.js.map

package/dist/react-utils/usePrefersReducedMotion/usePrefersReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrefersReducedMotion.js","sources":["../../../src/react-utils/usePrefersReducedMotion/usePrefersReducedMotion.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nimport { QUERY } from \"./constants\";\n\nconst isRenderingOnServer = typeof window === \"undefined\";\n\nconst getInitialState = () =>\n  // For our initial server render, we won't know if the user\n  // prefers reduced motion, but it doesn't matter. This value\n  // will be overwritten on the client, before any animations\n  // occur.\n  isRenderingOnServer ? true : !window.matchMedia(QUERY).matches;\n\nconst usePrefersReducedMotion = () => {\n  const [prefersReducedMotion, setPrefersReducedMotion] =\n    useState(getInitialState);\n\n  useEffect(() => {\n    if (isRenderingOnServer) return undefined;\n\n    const mediaQueryList = window.matchMedia(QUERY);\n\n    const listener = event => {\n      setPrefersReducedMotion(!event.matches);\n    };\n\n    if (mediaQueryList.addEventListener) {\n      mediaQueryList.addEventListener(\"change\", listener);\n    } else {\n      mediaQueryList.addListener(listener);\n    }\n\n    return () => {\n      if (mediaQueryList.removeEventListener) {\n        mediaQueryList.removeEventListener(\"change\", listener);\n      } else {\n        mediaQueryList.removeListener(listener);\n      }\n    };\n  }, []);\n\n  return prefersReducedMotion;\n};\n\nexport default usePrefersReducedMotion;\n"],"names":["isRenderingOnServer","window","getInitialState","matchMedia","QUERY","matches","usePrefersReducedMotion","_useState","useState","_useState2","_slicedToArray","prefersReducedMotion","setPrefersReducedMotion","useEffect","undefined","mediaQueryList","listener","event","addEventListener","addListener","removeEventListener","removeListener"],"mappings":";;;;;AAIA,IAAMA,mBAAmB,GAAG,OAAOC,MAAM,KAAK,WAAW;AAEzD,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAA;AAAA,EAAA;AACnB;AACA;AACA;AACA;IACAF,mBAAmB,GAAG,IAAI,GAAG,CAACC,MAAM,CAACE,UAAU,CAACC,KAAK,CAAC,CAACC;AAAO;AAAA,CAAA;AAEhE,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,GAAS;AACpC,EAAA,IAAAC,SAAA,GACEC,QAAQ,CAACN,eAAe,CAAC;IAAAO,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AADpBI,IAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,uBAAuB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAGpDI,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIb,mBAAmB,EAAE,OAAOc,SAAS;AAEzC,IAAA,IAAMC,cAAc,GAAGd,MAAM,CAACE,UAAU,CAACC,KAAK,CAAC;AAE/C,IAAA,IAAMY,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,KAAK,EAAI;AACxBL,MAAAA,uBAAuB,CAAC,CAACK,KAAK,CAACZ,OAAO,CAAC;KACxC;IAED,IAAIU,cAAc,CAACG,gBAAgB,EAAE;AACnCH,MAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;AACrD,KAAC,MAAM;AACLD,MAAAA,cAAc,CAACI,WAAW,CAACH,QAAQ,CAAC;AACtC;AAEA,IAAA,OAAO,YAAM;MACX,IAAID,cAAc,CAACK,mBAAmB,EAAE;AACtCL,QAAAA,cAAc,CAACK,mBAAmB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;AACxD,OAAC,MAAM;AACLD,QAAAA,cAAc,CAACM,cAAc,CAACL,QAAQ,CAAC;AACzC;KACD;GACF,EAAE,EAAE,CAAC;AAEN,EAAA,OAAOL,oBAAoB;AAC7B;;;;"}

package/initializers.d.ts

@@ -65,7 +65,7 @@ type TaxonomiesType = {
     plural: string;
   };
 };
-export default function initializeApplication(configurations: Configurations): void;
+export default function initializeApplication(configurations?: Configurations): void;
 export const globalProps: GlobalPropsType;
 export const taxonomies: TaxonomiesType;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "4.13.92",
+  "version": "4.13.94-beta.1",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -67,7 +67,8 @@
   "files": [
     "dist",
     "configs",
-    "*.d.ts"
+    "*.d.ts",
+    "src/translations"
   ],
   "devDependencies": {
     "@babel/cli": "^7.23.0",
@@ -83,9 +84,10 @@
     "@babel/runtime": "7.26.10",
     "@babel/types": "^7.20.7",
     "@bigbinary/babel-preset-neeto": "1.0.8",
-    "@bigbinary/eslint-plugin-neeto": "^1.6.2",
+    "@bigbinary/eslint-plugin-neeto": "1.8.0",
     "@bigbinary/neeto-audit-frontend": "^2.3.1",
     "@bigbinary/neeto-cist": "1.0.11",
+    "@bigbinary/neeto-commons-frontend": "4.4.6",
     "@bigbinary/neeto-editor": "1.38.1",
     "@bigbinary/neeto-hotkeys": "^1.0.7",
     "@bigbinary/neeto-icons": "1.20.5",
@@ -108,6 +110,7 @@
     "@rollup/plugin-replace": "5.0.4",
     "@svgr/rollup": "8.1.0",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/postcss": "^4.1.18",
     "@tanstack/react-query": "5.59.20",
     "@tanstack/react-query-devtools": "5.59.20",
     "@testing-library/jest-dom": "5.16.2",
@@ -165,6 +168,7 @@
     "husky": "7.0.4",
     "i18next": "22.5.1",
     "i18next-browser-languagedetector": "^7.1.0",
+    "i18next-resources-to-backend": "^1.2.1",
     "immer": "^10.0.2",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -179,7 +183,7 @@
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "7.8.2",
     "prettier": "3",
-    "prettier-plugin-tailwindcss": "0.6.14",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "qs": "6.13.0",
     "ramda": "0.29.1",
     "react": "18.2.0",
@@ -199,7 +203,7 @@
     "rollup-plugin-styles": "4.0.0",
     "sass": "1.62.0",
     "sass-loader": "^13.0.2",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^4.1.18",
     "ua-parser-js": "^2.0.3",
     "unified": "11.0.0",
     "util": "^0.12.5",
@@ -210,8 +214,9 @@
   },
   "peerDependencies": {
     "@bigbinary/babel-preset-neeto": "1.0.8",
-    "@bigbinary/eslint-plugin-neeto": "^1.6.2",
+    "@bigbinary/eslint-plugin-neeto": "1.8.0",
     "@bigbinary/neeto-cist": "1.0.11",
+    "@bigbinary/neeto-commons-frontend": "4.4.6",
     "@bigbinary/neeto-editor": "1.38.1",
     "@bigbinary/neeto-hotkeys": "^1.0.7",
     "@bigbinary/neeto-icons": "1.20.5",
@@ -224,6 +229,7 @@
     "@rails/actioncable": "7.2.100",
     "@svgr/rollup": "8.1.0",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/postcss": "^4.1.18",
     "@tanstack/react-query": "5.59.20",
     "@tanstack/react-query-devtools": "5.59.20",
     "@tippyjs/react": "4.2.6",
@@ -261,7 +267,7 @@
     "react-toastify": "8.0.2",
     "sass": "1.62.0",
     "shakapacker": "^6.5.5",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^4.1.18",
     "ua-parser-js": "^2.0.3",
     "util": "^0.12.5",
     "uuid": "10.0.0",

package/react-utils.d.ts

@@ -180,6 +180,7 @@ export function PrivateRoute(props: {
   redirectRoute?: string;
   errorPage?: React.ReactNode;
   permissions?: string[];
+  homeUrl?: string;
 } & RouteProps): JSX.Element;
 type OptionsType = {
   root?: Element | null;
@@ -526,6 +527,71 @@ export function useOnClickOutside<T>(ref: React.MutableRefObject<T>, handler: (e
  *
 */
 export function usePrevious<T>(value: T): T;
+/**
+ *
+ * The usePrefersReducedMotion hook is a utility that detects whether the user has
+ *
+ * preferred reduced motion enabled in their system settings. This is particularly
+ *
+ * useful for creating accessible user interfaces that respect user preferences for
+ *
+ * motion and animations. The hook listens to changes in the user's motion
+ *
+ * preferences and updates accordingly.
+ *
+ * This hook uses the CSS media query (prefers-reduced-motion: no-preference) to
+ *
+ * determine if the user prefers reduced motion. When the user has reduced motion
+ *
+ * enabled, the media query will not match, and the hook will return true.
+ *
+ * This hook does not accept any arguments.
+ *
+ * The following code snippet demonstrates the usage of usePrefersReducedMotion to
+ *
+ * conditionally apply animations based on user preferences.
+ *
+ * @example 
+ *
+ * import { usePrefersReducedMotion } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * const MyComponent = () => {
+ *   const prefersReducedMotion = usePrefersReducedMotion();
+ * 
+ *   return (
+ *     <div
+ *       className={prefersReducedMotion ? "static" : "animate-fade-in"}
+ *     >
+ *       Content that respects motion preferences
+ *     </div>
+ *   );
+ * };
+ * @endexample
+ * You can also use this hook to conditionally render animation libraries or
+ *
+ * components:
+ *
+ * @example 
+ *
+ * import { usePrefersReducedMotion } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * import { motion } from "framer-motion";
+ * 
+ * const AnimatedComponent = ({ children }) => {
+ *   const prefersReducedMotion = usePrefersReducedMotion();
+ * 
+ *   return (
+ *     <motion.div
+ *       initial={{ opacity: 0 }}
+ *       animate={{ opacity: 1 }}
+ *       transition={{ duration: prefersReducedMotion ? 0 : 0.5 }}
+ *     >
+ *       {children}
+ *     </motion.div>
+ *   );
+ * };
+ * @endexample
+*/
+export function usePrefersReducedMotion(): boolean;
 /**
  *
  * The useUpdateEffect hook is a variation of the standard useEffect hook in
@@ -1949,13 +2015,13 @@ export function lazyWithRetry(importFn: () => Promise<{
  * import mount from "@bigbinary/neeto-commons-frontend/react-utils/mount";
  * 
  * // Define your component mappings
- * const components = {
+ * const componentMap = {
  *   MyComponent: () => import("./components/MyComponent"),
  *   AnotherComponent: () => import("./components/AnotherComponent"),
  * };
  * 
  * // Call mount with the component mappings
- * mount(components);
+ * mount(componentMap);
  * @endexample
  * In your HTML, you would have elements like:
  *
@@ -1974,6 +2040,6 @@ export function lazyWithRetry(importFn: () => Promise<{
  * with automatic retry logic.
  *
 */
-export function mount(components: Record<string, () => Promise<{
+export function mount(componentMap: Record<string, () => Promise<{
   default: React.ComponentType<any>;
 } | React.ComponentType<any>>>): void;