@bigbinary/neeto-commons-frontend 2.0.122 → 2.0.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.122",
+  "version": "2.0.124",
   "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>",

package/react-utils.cjs.js

@@ -95,7 +95,7 @@ var FallbackComponent = function FallbackComponent() {
     style: "h2",
     weight: "semibold"
   }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mb-8 text-gray-600",
+    className: "neeto-ui-text-gray-600 mb-8",
     component: "p",
     style: "body1",
     weight: "normal"
@@ -104,14 +104,12 @@ var FallbackComponent = function FallbackComponent() {
     components: {
       reloading: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
         style: "link",
-        label: t("neetoCommons.fallbackComponent.reloadingButtonLabel"),
         onClick: function onClick() {
           return window.location.reload();
         }
       }),
       contactus: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
         style: "link",
-        label: t("neetoCommons.fallbackComponent.contactusButtonLabel"),
         onClick: function onClick() {
           var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
           (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
@@ -121,7 +119,7 @@ var FallbackComponent = function FallbackComponent() {
     }
   }))));
 };
-var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver|ChunkLoadError)/;
+var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver|ChunkLoadError|window\.webkit\.messageHandlers)/;
 var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
     _ref$ErrorComponent = _ref.ErrorComponent,
@@ -183,7 +181,7 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var _excluded = ["condition", "redirectRoute", "errorPage", "permissions"];
+var _excluded$1 = ["condition", "redirectRoute", "errorPage", "permissions"];
 var PrivateRoute = function PrivateRoute(_ref) {
   var _ref$condition = _ref.condition,
     condition = _ref$condition === void 0 ? globalProps.authenticated : _ref$condition,
@@ -193,7 +191,7 @@ 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,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   if (condition) {
     if (permissions) {
       return globalProps.permissions.some(ramda.includes(ramda.__, permissions)) ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, props) : errorPage || /*#__PURE__*/React__default["default"].createElement(ErrorPage__default["default"], {
@@ -269,12 +267,12 @@ var QUERY_KEYS = {
 var QUERY_CACHE_NAME_SPACE = "queryCache";
 var NEETO_APPS_LIST_STALE_TIME = 30 * 24 * 60 * 60 * 1000; // 30 days
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var localStorageQueryCache = {
   set: function set(key, data) {
     var cache = localStorageQueryCache.getAll();
-    var newCache = _objectSpread$1(_objectSpread$1({}, cache), {}, _defineProperty({}, key, {
+    var newCache = _objectSpread$2(_objectSpread$2({}, cache), {}, _defineProperty({}, key, {
       data: data,
       modifiedAt: Date.now()
     }));
@@ -302,20 +300,20 @@ var usePersistedQuery = function usePersistedQuery(queryKey, fetch, options) {
     localStorageQueryCache.set(queryKey, queryResult.data);
   }, [queryKey, queryResult.data, queryResult.isSuccess]);
   if (isOutdated(localCache, options === null || options === void 0 ? void 0 : options.staleTime)) {
-    return _objectSpread$1(_objectSpread$1({}, queryResult), {}, {
+    return _objectSpread$2(_objectSpread$2({}, queryResult), {}, {
       isFreshLoading: queryResult.isLoading
     });
   }
-  return _objectSpread$1(_objectSpread$1({}, queryResult), {}, {
+  return _objectSpread$2(_objectSpread$2({}, queryResult), {}, {
     data: queryResult.data || localCache.data,
     isFreshLoading: false
   });
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchNeetoApps = function useFetchNeetoApps(options) {
-  return usePersistedQuery(QUERY_KEYS.NEETO_APPS_LIST, neetoAppsApi.fetch, _objectSpread({
+  return usePersistedQuery(QUERY_KEYS.NEETO_APPS_LIST, neetoAppsApi.fetch, _objectSpread$1({
     staleTime: NEETO_APPS_LIST_STALE_TIME
   }, options));
 };
@@ -3568,6 +3566,27 @@ var useLocalStorage = function useLocalStorage(key, defaultValue) {
   return [storedValue, setValue];
 };
 
+var _excluded = ["keysToInvalidate"],
+  _excluded2 = ["onSuccess"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useMutationWithInvalidation = function useMutationWithInvalidation(mutationFn, _ref) {
+  var keysToInvalidate = _ref.keysToInvalidate,
+    options = _objectWithoutProperties(_ref, _excluded);
+  var queryClient = reactQuery.useQueryClient();
+  var _onSuccess = options.onSuccess,
+    otherOptions = _objectWithoutProperties(options, _excluded2);
+  return reactQuery.useMutation(mutationFn, _objectSpread({
+    onSuccess: function onSuccess(data, variables, context) {
+      keysToInvalidate.forEach(function (key) {
+        var keyToInvalidate = typeof key === "function" ? key(data, variables, context) : key;
+        queryClient.invalidateQueries(keyToInvalidate);
+      });
+      _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess(data, variables, context);
+    }
+  }, otherOptions));
+};
+
 var useOnClickOutside = function useOnClickOutside(ref, handler) {
   React.useEffect(function () {
     var listener = function listener(event) {
@@ -4831,6 +4850,7 @@ exports.useHotKeys = useHotKeys;
 exports.useIsElementVisibleInDom = useIsElementVisibleInDom;
 exports.useKeyboardShortcutsPaneState = useKeyboardShortcutsPaneState;
 exports.useLocalStorage = useLocalStorage;
+exports.useMutationWithInvalidation = useMutationWithInvalidation;
 exports.useNavigationCheckpoints = useNavigationCheckpoints;
 exports.useOnClickOutside = useOnClickOutside;
 exports.usePersistedQuery = usePersistedQuery;