@bigbinary/neeto-commons-frontend 2.0.105 → 2.0.107

package/cypress-configs/plugins.js

@@ -11,6 +11,7 @@ const webpack = require("@cypress/webpack-preprocessor");
 const {
   cypressBrowserPermissionsPlugin,
 } = require("cypress-browser-permissions");
+const { cloudPlugin } = require("cypress-cloud/plugin");
 const fs = require("fs-extra");
 
 const getConfigurationByFile = file => {
@@ -47,6 +48,7 @@ module.exports = (on, config) => {
   const newEnvironment = merge(config, configForEnvironment);
   require("@cypress/grep/src/plugin")(newEnvironment);
   require("@cypress/code-coverage/task")(on, newEnvironment);
+  cloudPlugin(on, newEnvironment);
 
   on("before:browser:launch", (browser, launchOptions) => {
     if (["chrome", "edge"].includes(browser.name) && browser.isHeadless) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.105",
+  "version": "2.0.107",
   "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>",
@@ -78,7 +78,7 @@
     "@babel/types": "^7.20.7",
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "^1.1.1",
-    "@bigbinary/neeto-commons-frontend": "2.0.57",
+    "@bigbinary/neeto-commons-frontend": "^2.0.104",
     "@bigbinary/neeto-icons": "^1.9.15",
     "@bigbinary/neeto-molecules": "^1.0.9",
     "@bigbinary/neetoui": "^4.4.9",
@@ -137,6 +137,7 @@
     "mixpanel-browser": "^2.45.0",
     "mousetrap": "^1.6.5",
     "mousetrap-global-bind": "^1.1.0",
+    "nock": "^13.3.2",
     "platform": "1.3.6",
     "postcss": "^8.4.17",
     "postcss-import": "^15.0.0",

package/react-utils.cjs.js

@@ -10,6 +10,7 @@ var reactI18next = require('react-i18next');
 var ErrorPage = require('@bigbinary/neeto-molecules/ErrorPage');
 var reactRouterDom = require('react-router-dom');
 var axios = require('axios');
+var reactQuery = require('react-query');
 var reactHelmet = require('react-helmet');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -213,6 +214,112 @@ var PrivateRoute = function PrivateRoute(_ref) {
   });
 };
 
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$1(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof$1(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$1(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$1(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var fetch = function fetch() {
+  return axios__default["default"].get("/api/v1/neeto_apps");
+};
+var neetoAppsApi = {
+  fetch: fetch
+};
+
+var QUERY_KEYS = {
+  NEETO_APPS_LIST: "neeto-apps-list"
+};
+
+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; }
+var localStorageQueryCache = {
+  set: function set(key, data) {
+    var cache = localStorageQueryCache.getAll();
+    var newCache = _objectSpread$1(_objectSpread$1({}, cache), {}, _defineProperty({}, key, {
+      data: data,
+      modifiedAt: Date.now()
+    }));
+    localStorage.setItem(QUERY_CACHE_NAME_SPACE, JSON.stringify(newCache));
+  },
+  getAll: function getAll() {
+    var cache = localStorage.getItem(QUERY_CACHE_NAME_SPACE);
+    if (!cache) return {};
+    return JSON.parse(cache);
+  },
+  get: function get(key) {
+    return localStorageQueryCache.getAll()[key];
+  }
+};
+var isOutdated = function isOutdated(localCache, staleTime) {
+  if (ramda.isNil(localCache)) return true;
+  if (ramda.isNil(staleTime)) return false;
+  return localCache.modifiedAt <= Date.now() - staleTime;
+};
+var usePersistedQuery = function usePersistedQuery(queryKey, fetch, options) {
+  var queryResult = reactQuery.useQuery(queryKey, fetch, options);
+  var localCache = localStorageQueryCache.get(queryKey);
+  React.useEffect(function () {
+    if (!queryResult.isSuccess) return;
+    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), {}, {
+      isFreshLoading: queryResult.isLoading
+    });
+  }
+  return _objectSpread$1(_objectSpread$1({}, 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; }
+var useFetchNeetoApps = function useFetchNeetoApps(options) {
+  return usePersistedQuery(QUERY_KEYS.NEETO_APPS_LIST, neetoAppsApi.fetch, _objectSpread({
+    staleTime: NEETO_APPS_LIST_STALE_TIME
+  }, options));
+};
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -3482,47 +3589,6 @@ var usePrevious = function usePrevious(value) {
   return ref.current;
 };
 
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof$1(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$1(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$1(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -4754,6 +4820,7 @@ exports.registerBrowserNotifications = registerBrowserNotifications;
 exports.useDebounce = useDebounce;
 exports.useDisplayErrorPage = useDisplayErrorPage;
 exports.useErrorDisplayStore = useErrorDisplayStore;
+exports.useFetchNeetoApps = useFetchNeetoApps;
 exports.useFuncDebounce = useFuncDebounce;
 exports.useHotKeys = useHotKeys;
 exports.useIsElementVisibleInDom = useIsElementVisibleInDom;
@@ -4761,6 +4828,7 @@ exports.useKeyboardShortcutsPaneState = useKeyboardShortcutsPaneState;
 exports.useLocalStorage = useLocalStorage;
 exports.useNavigationCheckpoints = useNavigationCheckpoints;
 exports.useOnClickOutside = useOnClickOutside;
+exports.usePersistedQuery = usePersistedQuery;
 exports.usePrevious = usePrevious;
 exports.useRegisterNavigationCheckpoint = useRegisterNavigationCheckpoint;
 exports.useStateWithDependency = useStateWithDependency;