@bigbinary/neeto-commons-frontend 2.0.8 → 2.0.10

package/README.md

@@ -7,7 +7,7 @@ The commons frontend library for Neeto Applications.
 Install from npm:
 
 ```bash
-yarn add "@bigbinary/neeto-commons-frontend@2.0.8"
+yarn add "@bigbinary/neeto-commons-frontend@2.0.10"
 ```
 
 This package relies on the host project's tailwind configuration. So add

package/initializers.cjs.js

@@ -113,9 +113,15 @@ var camelToSnakeCase = function camelToSnakeCase(string) {
 };
 
 var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
+  var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  if (objectPreProcessor && typeof objectPreProcessor === "function") {
+    object = objectPreProcessor(object);
+  }
+
   if (Array.isArray(object)) {
     return object.map(function (obj) {
-      return transformObjectDeep(obj, keyValueTransformer);
+      return transformObjectDeep(obj, keyValueTransformer, objectPreProcessor);
     });
   } else if (object === null || _typeof(object) !== "object") {
     return object;
@@ -126,7 +132,7 @@ var transformObjectDeep = function transformObjectDeep(object, keyValueTransform
         key = _ref4[0],
         value = _ref4[1];
 
-    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer));
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
   }));
 };
 var keysToCamelCase = function keysToCamelCase(object) {
@@ -135,21 +141,11 @@ var keysToCamelCase = function keysToCamelCase(object) {
   });
 };
 var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
-  var serializedObj = typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
-
-  if (Array.isArray(serializedObj)) {
-    return serializedObj.map(serializeKeysToSnakeCase);
-  } else if (serializedObj === null || _typeof(serializedObj) !== "object") {
-    return serializedObj;
-  }
-
-  return Object.fromEntries(Object.entries(serializedObj).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        key = _ref6[0],
-        value = _ref6[1];
-
-    return [camelToSnakeCase(key), serializeKeysToSnakeCase(value)];
-  }));
+  return transformObjectDeep(object, function (key, value) {
+    return [camelToSnakeCase(key), value];
+  }, function (object) {
+    return typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
+  });
 };
 var deepFreezeObject = function deepFreezeObject(object) {
   if (object && _typeof(object) === "object" && !Object.isFrozen(object)) {

package/initializers.js

@@ -103,9 +103,15 @@ var camelToSnakeCase = function camelToSnakeCase(string) {
 };
 
 var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
+  var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  if (objectPreProcessor && typeof objectPreProcessor === "function") {
+    object = objectPreProcessor(object);
+  }
+
   if (Array.isArray(object)) {
     return object.map(function (obj) {
-      return transformObjectDeep(obj, keyValueTransformer);
+      return transformObjectDeep(obj, keyValueTransformer, objectPreProcessor);
     });
   } else if (object === null || _typeof(object) !== "object") {
     return object;
@@ -116,7 +122,7 @@ var transformObjectDeep = function transformObjectDeep(object, keyValueTransform
         key = _ref4[0],
         value = _ref4[1];
 
-    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer));
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
   }));
 };
 var keysToCamelCase = function keysToCamelCase(object) {
@@ -125,21 +131,11 @@ var keysToCamelCase = function keysToCamelCase(object) {
   });
 };
 var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
-  var serializedObj = typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
-
-  if (Array.isArray(serializedObj)) {
-    return serializedObj.map(serializeKeysToSnakeCase);
-  } else if (serializedObj === null || _typeof(serializedObj) !== "object") {
-    return serializedObj;
-  }
-
-  return Object.fromEntries(Object.entries(serializedObj).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        key = _ref6[0],
-        value = _ref6[1];
-
-    return [camelToSnakeCase(key), serializeKeysToSnakeCase(value)];
-  }));
+  return transformObjectDeep(object, function (key, value) {
+    return [camelToSnakeCase(key), value];
+  }, function (object) {
+    return typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
+  });
 };
 var deepFreezeObject = function deepFreezeObject(object) {
   if (object && _typeof(object) === "object" && !Object.isFrozen(object)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "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>",
@@ -47,7 +47,9 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.16.7",
     "@bigbinary/neeto-icons": "^1.8.35",
-    "@bigbinary/neetoui": "^3.5.16",
+    "@bigbinary/neetoui": "^4.0.0",
+    "antd": "4.18.7",
+    "react-toastify": "^9.0.8",
     "@honeybadger-io/react": "2.0.1",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-babel": "^5.3.1",
@@ -81,7 +83,7 @@
     "lint-staged": "^12.3.7",
     "mixpanel-browser": "^2.45.0",
     "prettier": "^2.6.2",
-    "query-string": "^7.1.1",
+    "qs": "^6.11.0",
     "ramda": "^0.28.0",
     "react": "^17.0.2",
     "react-dom": "17.0.2",
@@ -96,7 +98,7 @@
   "dependencies": {},
   "peerDependencies": {
     "@bigbinary/neeto-icons": "^1.8.35",
-    "@bigbinary/neetoui": "^3.5.16",
+    "@bigbinary/neetoui": "^4.0.0",
     "@honeybadger-io/react": "2.0.1",
     "axios": "^0.27.2",
     "dayjs": "1.11.1",

package/pure.cjs.js

@@ -123,9 +123,15 @@ var matchesImpl = function matchesImpl(pattern, object) {
 };
 
 var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
+  var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  if (objectPreProcessor && typeof objectPreProcessor === "function") {
+    object = objectPreProcessor(object);
+  }
+
   if (Array.isArray(object)) {
     return object.map(function (obj) {
-      return transformObjectDeep(obj, keyValueTransformer);
+      return transformObjectDeep(obj, keyValueTransformer, objectPreProcessor);
     });
   } else if (object === null || _typeof(object) !== "object") {
     return object;
@@ -136,7 +142,7 @@ var transformObjectDeep = function transformObjectDeep(object, keyValueTransform
         key = _ref4[0],
         value = _ref4[1];
 
-    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer));
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
   }));
 };
 var keysToCamelCase = function keysToCamelCase(object) {
@@ -150,21 +156,18 @@ var keysToSnakeCase = function keysToSnakeCase(object) {
   });
 };
 var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
-  var serializedObj = typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
-
-  if (Array.isArray(serializedObj)) {
-    return serializedObj.map(serializeKeysToSnakeCase);
-  } else if (serializedObj === null || _typeof(serializedObj) !== "object") {
-    return serializedObj;
-  }
-
-  return Object.fromEntries(Object.entries(serializedObj).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        key = _ref6[0],
-        value = _ref6[1];
-
-    return [camelToSnakeCase(key), serializeKeysToSnakeCase(value)];
-  }));
+  return transformObjectDeep(object, function (key, value) {
+    return [camelToSnakeCase(key), value];
+  }, function (object) {
+    return typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
+  });
+};
+var preprocessForSerialization = function preprocessForSerialization(object) {
+  return transformObjectDeep(object, function (key, value) {
+    return [key, value];
+  }, function (object) {
+    return typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
+  });
 };
 var deepFreezeObject = function deepFreezeObject(object) {
   if (object && _typeof(object) === "object" && !Object.isFrozen(object)) {
@@ -180,15 +183,15 @@ var matches = /*#__PURE__*/ramda.curry(function (pattern, object) {
   return matchesImpl(pattern, object);
 });
 var filterNonNull = function filterNonNull(object) {
-  return Object.fromEntries(Object.entries(object).filter(function (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        v = _ref8[1];
+  return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        v = _ref6[1];
 
     return !ramda.isNil(v);
-  }).map(function (_ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2),
-        k = _ref10[0],
-        v = _ref10[1];
+  }).map(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+        k = _ref8[0],
+        v = _ref8[1];
 
     return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
   }));
@@ -400,6 +403,7 @@ exports.modifyById = modifyById;
 exports.noop = noop;
 exports.notEquals = notEquals;
 exports.notEqualsDeep = notEqualsDeep;
+exports.preprocessForSerialization = preprocessForSerialization;
 exports.randomPick = randomPick;
 exports.removeBy = removeBy;
 exports.removeById = removeById;

package/pure.d.ts

@@ -170,6 +170,7 @@ export function replaceById<T>(id: any, entityArray: T[]): T[];
 export function replaceById(id: any): <T>(entityArray: T[]) => T[];
 
 export function serializeKeysToSnakeCase(object: object): object;
+export function preprocessForSerialization(object: object): object;
 export function slugify(string: string): string;
 export function snakeToCamelCase(string: string): string;
 export function toLabelAndValue(string: string): {
@@ -178,7 +179,8 @@ export function toLabelAndValue(string: string): {
 };
 export function transformObjectDeep(
   object: object,
-  keyValueTransformer: (key: string | number | symbol, object: any) => any[]
+  keyValueTransformer: (key: string | number | symbol, object: any) => any[],
+  objectPreProcessor?: (object: any) => any
 ): object;
 
 export function truncate(string: string, length: number): string;

package/pure.js

@@ -119,9 +119,15 @@ var matchesImpl = function matchesImpl(pattern, object) {
 };
 
 var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
+  var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  if (objectPreProcessor && typeof objectPreProcessor === "function") {
+    object = objectPreProcessor(object);
+  }
+
   if (Array.isArray(object)) {
     return object.map(function (obj) {
-      return transformObjectDeep(obj, keyValueTransformer);
+      return transformObjectDeep(obj, keyValueTransformer, objectPreProcessor);
     });
   } else if (object === null || _typeof(object) !== "object") {
     return object;
@@ -132,7 +138,7 @@ var transformObjectDeep = function transformObjectDeep(object, keyValueTransform
         key = _ref4[0],
         value = _ref4[1];
 
-    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer));
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
   }));
 };
 var keysToCamelCase = function keysToCamelCase(object) {
@@ -146,21 +152,18 @@ var keysToSnakeCase = function keysToSnakeCase(object) {
   });
 };
 var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
-  var serializedObj = typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
-
-  if (Array.isArray(serializedObj)) {
-    return serializedObj.map(serializeKeysToSnakeCase);
-  } else if (serializedObj === null || _typeof(serializedObj) !== "object") {
-    return serializedObj;
-  }
-
-  return Object.fromEntries(Object.entries(serializedObj).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        key = _ref6[0],
-        value = _ref6[1];
-
-    return [camelToSnakeCase(key), serializeKeysToSnakeCase(value)];
-  }));
+  return transformObjectDeep(object, function (key, value) {
+    return [camelToSnakeCase(key), value];
+  }, function (object) {
+    return typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
+  });
+};
+var preprocessForSerialization = function preprocessForSerialization(object) {
+  return transformObjectDeep(object, function (key, value) {
+    return [key, value];
+  }, function (object) {
+    return typeof (object === null || object === void 0 ? void 0 : object.toJSON) === "function" ? object.toJSON() : object;
+  });
 };
 var deepFreezeObject = function deepFreezeObject(object) {
   if (object && _typeof(object) === "object" && !Object.isFrozen(object)) {
@@ -176,15 +179,15 @@ var matches = /*#__PURE__*/curry(function (pattern, object) {
   return matchesImpl(pattern, object);
 });
 var filterNonNull = function filterNonNull(object) {
-  return Object.fromEntries(Object.entries(object).filter(function (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        v = _ref8[1];
+  return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        v = _ref6[1];
 
     return !isNil(v);
-  }).map(function (_ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2),
-        k = _ref10[0],
-        v = _ref10[1];
+  }).map(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+        k = _ref8[0],
+        v = _ref8[1];
 
     return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
   }));
@@ -365,4 +368,4 @@ var isNot = notEquals;
 var notEqualsDeep = /*#__PURE__*/complement(equals);
 var isNotEqualDeep = notEqualsDeep;
 
-export { camelToSnakeCase, capitalize, copyKeys, copyKeysDeep, countBy, deepFreezeObject, dynamicArray, existsBy, existsById, filterBy, filterNonNull, findBy, findById, findIndexBy, findIndexById, findLastBy, findLastIndexBy, getRandomInt, humanize, isNot, isNotEmpty, isNotEqualDeep, isNotNil, keysToCamelCase, keysToSnakeCase, matches, modifyBy, modifyById, noop, notEquals, notEqualsDeep, randomPick, removeBy, removeById, renameKeys, replaceBy, replaceById, serializeKeysToSnakeCase, slugify, snakeToCamelCase, toLabelAndValue, transformObjectDeep, truncate };
+export { camelToSnakeCase, capitalize, copyKeys, copyKeysDeep, countBy, deepFreezeObject, dynamicArray, existsBy, existsById, filterBy, filterNonNull, findBy, findById, findIndexBy, findIndexById, findLastBy, findLastIndexBy, getRandomInt, humanize, isNot, isNotEmpty, isNotEqualDeep, isNotNil, keysToCamelCase, keysToSnakeCase, matches, modifyBy, modifyById, noop, notEquals, notEqualsDeep, preprocessForSerialization, randomPick, removeBy, removeById, renameKeys, replaceBy, replaceById, serializeKeysToSnakeCase, slugify, snakeToCamelCase, toLabelAndValue, transformObjectDeep, truncate };

package/react-utils.cjs.js

@@ -108,7 +108,8 @@ var DateFormat = ramda.fromPairs(ramda.keys(timeFormat).map(function (key) {
         _ref$typographyProps = _ref.typographyProps,
         typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
     var dateDisplay = /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$3({
-      component: "span"
+      component: "span",
+      style: "body2"
     }, typographyProps), timeFormat[key](date));
     return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$3({
       position: "top",
@@ -239,24 +240,19 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var _excluded = ["component", "condition", "path", "redirectRoute"];
+var _excluded = ["condition", "redirectRoute"];
 
 var PrivateRoute = function PrivateRoute(_ref) {
-  var Component = _ref.component,
-      condition = _ref.condition,
-      path = _ref.path,
+  var _ref$condition = _ref.condition,
+      condition = _ref$condition === void 0 ? globalProps.authenticated : _ref$condition,
       redirectRoute = _ref.redirectRoute,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  if (!condition) return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Redirect, {
+  return condition ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, props) : /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Redirect, {
     to: {
       pathname: redirectRoute
     }
   });
-  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, _extends$3({
-    path: path,
-    component: Component
-  }, props));
 };
 
 function _arrayWithHoles(arr) {
@@ -470,6 +466,43 @@ var useFuncDebounce = function useFuncDebounce(func) {
   return debouncedFunc;
 };
 
+var useForceUpdate = function useForceUpdate() {
+  var _useState = React.useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      setValue = _useState2[1];
+
+  return function () {
+    return setValue(function (value) {
+      return value + 1;
+    });
+  };
+};
+
+var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isIntersecting = _useState2[0],
+      setIntersecting = _useState2[1];
+
+  var forceUpdate = useForceUpdate();
+  React.useEffect(function () {
+    if (!target) return forceUpdate();
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+
+      return setIntersecting(entry.isIntersecting);
+    }, options);
+    observer.observe(target);
+    return function () {
+      return observer.unobserve(target);
+    };
+  }, [target, options]);
+  return isIntersecting;
+};
+
 var getStorageValue = function getStorageValue(key, defaultValue) {
   var saved = localStorage.getItem(key);
   return JSON.parse(saved) || defaultValue;
@@ -682,7 +715,10 @@ var SvgNeetoLogo = function SvgNeetoLogo(props) {
   })))));
 };
 
-var ErrorPage = function ErrorPage() {
+var ErrorPage = function ErrorPage(_ref) {
+  var _ref$homeUrl = _ref.homeUrl,
+      homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl;
+
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
@@ -710,7 +746,7 @@ var ErrorPage = function ErrorPage() {
     className: "flex flex-row items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     style: "primary",
-    href: "/",
+    href: homeUrl,
     size: "large",
     label: t("neetoCommons.errorPage.goToHome")
   }))))));
@@ -1157,11 +1193,11 @@ function SignInForm(_ref) {
   var handleFormSubmit = _ref.handleFormSubmit;
 
   var emailFromSearchParams = function emailFromSearchParams() {
-    return new URLSearchParams(window.location.href).get("email");
+    return new URLSearchParams(window.location.search).get("email") || "";
   };
 
   var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
-    return ramda.assocPath(["user", "email"], emailFromSearchParams() || "", INITIAL_FORM_VALUES);
+    return ramda.assoc("email", emailFromSearchParams(), INITIAL_FORM_VALUES);
   };
 
   if (formik.Button === undefined) {
@@ -1312,6 +1348,7 @@ exports.TimeFormat = TimeFormat;
 exports.createContext = createContext;
 exports.useDebounce = useDebounce;
 exports.useFuncDebounce = useFuncDebounce;
+exports.useIsElementVisibleInDom = useIsElementVisibleInDom;
 exports.useLocalStorage = useLocalStorage;
 exports.useOnClickOutside = useOnClickOutside;
 exports.usePrevious = usePrevious;

package/react-utils.d.ts

@@ -10,7 +10,7 @@ export const HoneybadgerErrorBoundary: React.FC<{
 }>;
 export function PrivateRoute(
   props: {
-    condition: boolean;
+    condition?: boolean;
     redirectRoute: string;
   } & RouteProps
 ): JSX.Element;
@@ -36,11 +36,17 @@ export const Sidebar: React.FC<{
   showAppSwitcher?: boolean;
 }>;
 
+type OptionsType = {
+  root?: Element | null,
+  rootMargin?: String,
+  threshold?: Number | Number[]
+}
+export function useIsElementVisibleInDom(target: Element | null, options?: OptionsType): Boolean
 export function useDebounce<T>(value: T, delay?: number): T;
 export function useFuncDebounce<F extends Function>(
   func: F,
   delay?: number
-): (F & { cancel: () => void };
+): F & { cancel: () => void };
 export function useLocalStorage<T>(
   key: string,
   initialValue?: T
@@ -72,7 +78,7 @@ export function createContext<T>(
   useContext: [T, (action: ActionType<T>) => void];
 };
 
-export const ErrorPage: React.FC<{}>;
+export const ErrorPage: React.FC<{ homeUrl?: string }>;
 export const LoginPage: React.FC<{
   handleSubmit: (data: {
     user: {

package/react-utils.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef, useReducer } from 'react';
 import { Typography, Tooltip, Button, Toastr } from '@bigbinary/neetoui';
-import { fromPairs, keys, values, mergeLeft, toLower, not, isNil, assocPath } from 'ramda';
+import { fromPairs, keys, values, mergeLeft, toLower, not, isNil, assoc } from 'ramda';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
 import { Honeybadger, HoneybadgerErrorBoundary as HoneybadgerErrorBoundary$1 } from '@honeybadger-io/react';
 import { useTranslation } from 'react-i18next';
-import { Redirect, Route, useLocation } from 'react-router-dom';
+import { Route, Redirect, useLocation } from 'react-router-dom';
 import { Settings, LeftArrow, Help, User } from '@bigbinary/neeto-icons';
 import { Sidebar as Sidebar$1, AppSwitcher } from '@bigbinary/neetoui/layouts';
 import i18next from 'i18next';
@@ -76,7 +76,8 @@ var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
         _ref$typographyProps = _ref.typographyProps,
         typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
     var dateDisplay = /*#__PURE__*/React__default.createElement(Typography, _extends$3({
-      component: "span"
+      component: "span",
+      style: "body2"
     }, typographyProps), timeFormat[key](date));
     return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$3({
       position: "top",
@@ -207,24 +208,19 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var _excluded = ["component", "condition", "path", "redirectRoute"];
+var _excluded = ["condition", "redirectRoute"];
 
 var PrivateRoute = function PrivateRoute(_ref) {
-  var Component = _ref.component,
-      condition = _ref.condition,
-      path = _ref.path,
+  var _ref$condition = _ref.condition,
+      condition = _ref$condition === void 0 ? globalProps.authenticated : _ref$condition,
       redirectRoute = _ref.redirectRoute,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  if (!condition) return /*#__PURE__*/React__default.createElement(Redirect, {
+  return condition ? /*#__PURE__*/React__default.createElement(Route, props) : /*#__PURE__*/React__default.createElement(Redirect, {
     to: {
       pathname: redirectRoute
     }
   });
-  return /*#__PURE__*/React__default.createElement(Route, _extends$3({
-    path: path,
-    component: Component
-  }, props));
 };
 
 function _arrayWithHoles(arr) {
@@ -438,6 +434,43 @@ var useFuncDebounce = function useFuncDebounce(func) {
   return debouncedFunc;
 };
 
+var useForceUpdate = function useForceUpdate() {
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      setValue = _useState2[1];
+
+  return function () {
+    return setValue(function (value) {
+      return value + 1;
+    });
+  };
+};
+
+var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isIntersecting = _useState2[0],
+      setIntersecting = _useState2[1];
+
+  var forceUpdate = useForceUpdate();
+  useEffect(function () {
+    if (!target) return forceUpdate();
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+
+      return setIntersecting(entry.isIntersecting);
+    }, options);
+    observer.observe(target);
+    return function () {
+      return observer.unobserve(target);
+    };
+  }, [target, options]);
+  return isIntersecting;
+};
+
 var getStorageValue = function getStorageValue(key, defaultValue) {
   var saved = localStorage.getItem(key);
   return JSON.parse(saved) || defaultValue;
@@ -650,7 +683,10 @@ var SvgNeetoLogo = function SvgNeetoLogo(props) {
   })))));
 };
 
-var ErrorPage = function ErrorPage() {
+var ErrorPage = function ErrorPage(_ref) {
+  var _ref$homeUrl = _ref.homeUrl,
+      homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl;
+
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
@@ -678,7 +714,7 @@ var ErrorPage = function ErrorPage() {
     className: "flex flex-row items-center justify-center"
   }, /*#__PURE__*/React__default.createElement(Button, {
     style: "primary",
-    href: "/",
+    href: homeUrl,
     size: "large",
     label: t("neetoCommons.errorPage.goToHome")
   }))))));
@@ -1125,11 +1161,11 @@ function SignInForm(_ref) {
   var handleFormSubmit = _ref.handleFormSubmit;
 
   var emailFromSearchParams = function emailFromSearchParams() {
-    return new URLSearchParams(window.location.href).get("email");
+    return new URLSearchParams(window.location.search).get("email") || "";
   };
 
   var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
-    return assocPath(["user", "email"], emailFromSearchParams() || "", INITIAL_FORM_VALUES);
+    return assoc("email", emailFromSearchParams(), INITIAL_FORM_VALUES);
   };
 
   if (Button$1 === undefined) {
@@ -1270,4 +1306,4 @@ function SignIn(_ref) {
   })));
 }
 
-export { DateFormat, ErrorPage, HoneybadgerErrorBoundary, SignIn as LoginPage, PrivateRoute, Sidebar, TimeFormat, createContext, useDebounce, useFuncDebounce, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect };
+export { DateFormat, ErrorPage, HoneybadgerErrorBoundary, SignIn as LoginPage, PrivateRoute, Sidebar, TimeFormat, createContext, useDebounce, useFuncDebounce, useIsElementVisibleInDom, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect };