@bigbinary/neeto-commons-frontend 2.0.28 → 2.0.29

package/initializers.js

@@ -17,7 +17,24 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(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(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -28,7 +45,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -37,42 +53,36 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -98,12 +108,11 @@ function _slicedToArray(arr, i) {
  * @param {T} func
  * @returns {T}
  */
-
 var nullSafe = function nullSafe(func) {
-  return (// @ts-ignore
+  return (
+    // @ts-ignore
     curryN(func.length, function () {
       var _ref;
-
       var dataArg = (_ref = func.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
       return isNil(dataArg) ? dataArg : func.apply(void 0, arguments);
     })
@@ -145,11 +154,9 @@ nullSafe(capitalize);
 
 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, objectPreProcessor);
@@ -157,12 +164,10 @@ var transformObjectDeep = function transformObjectDeep(object, keyValueTransform
   } else if (object === null || _typeof(object) !== "object") {
     return object;
   }
-
   return Object.fromEntries(Object.entries(object).map(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        value = _ref4[1];
-
+      key = _ref4[0],
+      value = _ref4[1];
     return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
   }));
 };
@@ -185,20 +190,17 @@ var deepFreezeObject = function deepFreezeObject(object) {
     });
     Object.freeze(object);
   }
-
   return object;
 };
 var filterNonNull = function filterNonNull(object) {
   return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
-        v = _ref6[1];
-
+      v = _ref6[1];
     return !isNil(v);
   }).map(function (_ref7) {
     var _ref8 = _slicedToArray(_ref7, 2),
-        k = _ref8[0],
-        v = _ref8[1];
-
+      k = _ref8[0],
+      v = _ref8[1];
     return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
   }));
 };
@@ -234,13 +236,16 @@ const createStoreImpl = (createState) => {
     listeners.add(listener);
     return () => listeners.delete(listener);
   };
-  const destroy = () => listeners.clear();
+  const destroy = () => {
+    if ((import.meta.env && import.meta.env.MODE) !== "production") {
+      console.warn(
+        "[DEPRECATED] The destroy method will be unsupported in the future version. You should use unsubscribe function returned by subscribe. Everything will be garbage collected if store is garbage collected."
+      );
+    }
+    listeners.clear();
+  };
   const api = { setState, getState, subscribe, destroy };
-  state = createState(
-    setState,
-    getState,
-    api
-  );
+  state = createState(setState, getState, api);
   return api;
 };
 const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
@@ -756,18 +761,30 @@ function useStore(api, selector = api.getState, equalityFn) {
   return slice;
 }
 const createImpl = (createState) => {
+  if ((import.meta.env && import.meta.env.MODE) !== "production" && typeof createState !== "function") {
+    console.warn(
+      '[DEPRECATED] Passing a vanilla store will be unsupported in the future version. Please use `import { useStore } from "zustand"` to use the vanilla store in React.'
+    );
+  }
   const api = typeof createState === "function" ? createStore(createState) : createState;
   const useBoundStore = (selector, equalityFn) => useStore(api, selector, equalityFn);
   Object.assign(useBoundStore, api);
   return useBoundStore;
 };
 const create = (createState) => createState ? createImpl(createState) : createImpl;
+var react = (createState) => {
+  if ((import.meta.env && import.meta.env.MODE) !== "production") {
+    console.warn(
+      "[DEPRECATED] default export is deprecated, instead import { create } from'zustand'"
+    );
+  }
+  return create(createState);
+};
 
 var useDisplayErrorPage = function useDisplayErrorPage() {
   return useErrorDisplayStore(prop("show404Page"));
 };
-
-var useErrorDisplayStore = create(function () {
+var useErrorDisplayStore = react(function () {
   return {
     show404Page: false
   };
@@ -776,26 +793,22 @@ var useErrorDisplayStore = create(function () {
 var shouldNot = function shouldNot(skip) {
   return _typeof(skip) === "object" || !skip;
 };
-
 var shouldShowToastr = function shouldShowToastr(response) {
   return typeof response === "string" || _typeof(response) === "object" && ((response === null || response === void 0 ? void 0 : response.notice) || (response === null || response === void 0 ? void 0 : response.noticeCode));
 };
-
 var setAuthHeaders = function setAuthHeaders() {
   var _document$querySelect, _axios$defaults$heade, _globalProps$user, _globalProps$user2;
-
   axios.defaults.headers = (_axios$defaults$heade = {}, _defineProperty(_axios$defaults$heade, HEADERS_KEYS.accept, "application/json"), _defineProperty(_axios$defaults$heade, HEADERS_KEYS.contentType, "application/json"), _defineProperty(_axios$defaults$heade, HEADERS_KEYS.xCsrfToken, (_document$querySelect = document.querySelector('[name="csrf-token"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute("content")), _axios$defaults$heade);
   var token = (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.authenticationToken;
   var email = (_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.email;
-
   if (token && email) {
     axios.defaults.headers[HEADERS_KEYS.xAuthEmail] = email;
     axios.defaults.headers[HEADERS_KEYS.xAuthToken] = token;
   }
-}; // pipe function from ramda doesn't accept array of functions.
-// We can't use spread operator too. So this is a workaround.
-
+};
 
+// pipe function from ramda doesn't accept array of functions.
+// We can't use spread operator too. So this is a workaround.
 var createPipe = function createPipe(functions) {
   return function (data) {
     return functions.reduce(function (acc, fn) {
@@ -803,49 +816,37 @@ var createPipe = function createPipe(functions) {
     }, data);
   };
 };
-
 var transformResponseKeysToCamelCase = function transformResponseKeysToCamelCase(response) {
   var _response$config$tran = response.config.transformResponseCase,
-      transformResponseCase = _response$config$tran === void 0 ? true : _response$config$tran;
-
+    transformResponseCase = _response$config$tran === void 0 ? true : _response$config$tran;
   if (response.data && transformResponseCase) {
     response.data = keysToCamelCase(response.data);
   }
-
   return response;
 };
-
 var transformErrorKeysToCamelCase = function transformErrorKeysToCamelCase(error) {
   var _error$config, _error$response;
-
   var _ref = (_error$config = error.config) !== null && _error$config !== void 0 ? _error$config : {},
-      _ref$transformRespons = _ref.transformResponseCase,
-      transformResponseCase = _ref$transformRespons === void 0 ? true : _ref$transformRespons;
-
+    _ref$transformRespons = _ref.transformResponseCase,
+    transformResponseCase = _ref$transformRespons === void 0 ? true : _ref$transformRespons;
   if ((_error$response = error.response) !== null && _error$response !== void 0 && _error$response.data && transformResponseCase) {
     error.response.data = keysToCamelCase(error.response.data);
   }
-
   return error;
 };
-
 var showSuccessToastr = function showSuccessToastr(response) {
   var _response$config$show = response.config.showToastr,
-      showToastr = _response$config$show === void 0 ? true : _response$config$show;
-
+    showToastr = _response$config$show === void 0 ? true : _response$config$show;
   if (showToastr && shouldShowToastr(response.data)) {
     Toastr.success(response.data);
   }
-
   return response;
 };
-
 var pullDataFromResponse = function pullDataFromResponse(response) {
   var _response$config$incl = response.config.includeMetadataInResponse,
-      includeMetadataInResponse = _response$config$incl === void 0 ? false : _response$config$incl;
+    includeMetadataInResponse = _response$config$incl === void 0 ? false : _response$config$incl;
   return includeMetadataInResponse ? response : response.data;
 };
-
 var buildSuccessResponseHandler = function buildSuccessResponseHandler(skip) {
   var interceptors = [];
   if (!(skip !== null && skip !== void 0 && skip.transformCase)) interceptors.push(transformResponseKeysToCamelCase);
@@ -853,36 +854,27 @@ var buildSuccessResponseHandler = function buildSuccessResponseHandler(skip) {
   if (!(skip !== null && skip !== void 0 && skip.pullDataFromResponse)) interceptors.push(pullDataFromResponse);
   return createPipe(interceptors);
 };
-
 var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(error) {
   var _error$response2, _error$config2;
-
   if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) !== 401) return error;
   resetAuthTokens();
-
   var _ref2 = (_error$config2 = error.config) !== null && _error$config2 !== void 0 ? _error$config2 : {},
-      _ref2$redirectOnError = _ref2.redirectOnError,
-      redirectOnError = _ref2$redirectOnError === void 0 ? true : _ref2$redirectOnError;
-
+    _ref2$redirectOnError = _ref2.redirectOnError,
+    redirectOnError = _ref2$redirectOnError === void 0 ? true : _ref2$redirectOnError;
   if (redirectOnError) {
     setTimeout(function () {
       var redirectTo = window.location.pathname === "/login" ? "/login" : "/login?redirect_uri=".concat(encodeURIComponent(window.location.href));
       window.location.href = redirectTo;
     }, 300);
   }
-
   return error;
 };
-
 var showErrorToastr = function showErrorToastr(error) {
   var _error$config3;
-
   var _ref3 = (_error$config3 = error.config) !== null && _error$config3 !== void 0 ? _error$config3 : {},
-      _ref3$showToastr = _ref3.showToastr,
-      showToastr = _ref3$showToastr === void 0 ? true : _ref3$showToastr;
-
+    _ref3$showToastr = _ref3.showToastr,
+    showToastr = _ref3$showToastr === void 0 ? true : _ref3$showToastr;
   if (!showToastr) return error;
-
   if (axios.isCancel(error)) {
     Toastr.error(i18next.t("neetoCommons.toastr.error.requestCanceled"));
   } else if (error.message === "Network Error") {
@@ -890,28 +882,21 @@ var showErrorToastr = function showErrorToastr(error) {
   } else {
     Toastr.error(error);
   }
-
   return error;
 };
-
 var handle404ErrorResponse = function handle404ErrorResponse(error) {
   var _error$response3, _error$config4;
-
   if (((_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.status) !== 404) return error;
-
   var _ref4 = (_error$config4 = error.config) !== null && _error$config4 !== void 0 ? _error$config4 : {},
-      _ref4$show404ErrorPag = _ref4.show404ErrorPage,
-      show404ErrorPage = _ref4$show404ErrorPag === void 0 ? true : _ref4$show404ErrorPag;
-
+    _ref4$show404ErrorPag = _ref4.show404ErrorPage,
+    show404ErrorPage = _ref4$show404ErrorPag === void 0 ? true : _ref4$show404ErrorPag;
   if (show404ErrorPage) {
     useErrorDisplayStore.setState({
       show404Page: true
     });
   }
-
   return error;
 };
-
 var buildErrorResponseHandler = function buildErrorResponseHandler(skip) {
   var interceptors = [];
   if (!(skip !== null && skip !== void 0 && skip.transformCase)) interceptors.push(transformErrorKeysToCamelCase);
@@ -921,7 +906,6 @@ var buildErrorResponseHandler = function buildErrorResponseHandler(skip) {
   interceptors.push(Promise.reject.bind(Promise));
   return createPipe(interceptors);
 };
-
 var cleanupCredentialsForCrossOrigin = function cleanupCredentialsForCrossOrigin(request) {
   if (!request.url.includes("://")) return request;
   if (request.url.includes(window.location.hostname)) return request;
@@ -929,36 +913,30 @@ var cleanupCredentialsForCrossOrigin = function cleanupCredentialsForCrossOrigin
     headers: omit(values(HEADERS_KEYS))
   })(request);
 };
-
 var transformDataToSnakeCase = function transformDataToSnakeCase(request) {
   var _request$transformReq = request.transformRequestCase,
-      transformRequestCase = _request$transformReq === void 0 ? true : _request$transformReq;
+    transformRequestCase = _request$transformReq === void 0 ? true : _request$transformReq;
   if (!transformRequestCase) return request;
   return evolve({
     data: serializeKeysToSnakeCase,
     params: serializeKeysToSnakeCase
   }, request);
 };
-
 var addRequestInterceptors = function addRequestInterceptors(skip) {
   if (!(skip !== null && skip !== void 0 && skip.cleanCredentialsForCrossOrigin)) {
     axios.interceptors.request.use(cleanupCredentialsForCrossOrigin);
   }
-
   if (!(skip !== null && skip !== void 0 && skip.transformCase)) {
     axios.interceptors.request.use(transformDataToSnakeCase);
   }
 };
-
 var addResponseInterceptors = function addResponseInterceptors(skip) {
   axios.interceptors.response.use(buildSuccessResponseHandler(skip), buildErrorResponseHandler(skip));
 };
-
 var registerIntercepts = function registerIntercepts(skip) {
   if (shouldNot(skip === null || skip === void 0 ? void 0 : skip.request)) addRequestInterceptors(skip === null || skip === void 0 ? void 0 : skip.request);
   if (shouldNot(skip === null || skip === void 0 ? void 0 : skip.response)) addResponseInterceptors(skip === null || skip === void 0 ? void 0 : skip.response);
 };
-
 function initializeAxios(skip) {
   if (!(skip !== null && skip !== void 0 && skip.baseURL)) axios.defaults.baseURL = "/";
   if (!(skip !== null && skip !== void 0 && skip.authHeaders)) setAuthHeaders();
@@ -967,7 +945,6 @@ function initializeAxios(skip) {
 
 function initializeGlobalProps() {
   var _document$getElements, _document$getElements2;
-
   window.globalProps = keysToCamelCase(JSON.parse(((_document$getElements = document.getElementsByClassName("root-container")[0]) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements.dataset) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.reactProps) || "{}"));
   deepFreezeObject(window.globalProps);
 }
@@ -1054,14 +1031,16 @@ var neetoCommons = {
 	},
 	fallbackComponent: {
 		somethingWentWrong: "Sorry, something went wrong.",
-		tryReloading: "Please try reloading the page.",
-		reload: "Reload"
+		description: "Please try <reloading></reloading> the page.<br> If the problem persists, <contactus></contactus>.",
+		reloadingButtonLabel: "reloading",
+		contactusButtonLabel: "contact us"
 	},
 	sidebar: {
 		myProfile: "My profile",
 		myOrganization: "My organization",
 		logout: "Log out",
-		help: "Help"
+		help: "Help",
+		livechat: "Live chat"
 	},
 	common: {
 		actions: {
@@ -1258,11 +1237,11 @@ var en = {
 
 var initializeI18n = function initializeI18n(resources) {
   i18next.use(initReactI18next).init({
-    resources: mergeDeepLeft({
+    resources: mergeDeepLeft(resources, {
       en: {
         translation: en
       }
-    }, resources),
+    }),
     lng: "en",
     fallbackLng: "en",
     interpolation: {
@@ -1275,11 +1254,9 @@ var initializeI18n = function initializeI18n(resources) {
 function initializeLogger() {
   /* eslint react-hooks/rules-of-hooks: "off" */
   Logger.useDefaults();
-
   if (process.env.RAILS_ENV === "production") {
     Logger.setLevel(Logger.OFF);
   }
-
   window.logger = Logger;
 }
 
@@ -1295,22 +1272,19 @@ function initializeMixPanel() {
   mixpanel.identify(globalProps.user.email);
 }
 
+// eslint-disable-next-line import/no-mutable-exports
 var globalProps$1 = {};
 function initializeApplication(_ref) {
   var translationResources = _ref.translationResources,
-      skip = _ref.skip;
-
+    skip = _ref.skip;
   if (!(skip !== null && skip !== void 0 && skip.globalProps)) {
     initializeGlobalProps();
     globalProps$1 = window.globalProps;
   }
-
   if (!(skip !== null && skip !== void 0 && skip.mixpanel)) initializeMixPanel();
-
   if (_typeof(skip === null || skip === void 0 ? void 0 : skip.axios) === "object" || !(skip !== null && skip !== void 0 && skip.axios)) {
     initializeAxios(skip === null || skip === void 0 ? void 0 : skip.axios);
   }
-
   if (!(skip !== null && skip !== void 0 && skip.i18n)) initializeI18n(translationResources);
   if (!(skip !== null && skip !== void 0 && skip.logger)) initializeLogger();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "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>",
@@ -48,7 +48,7 @@
     "@babel/plugin-transform-runtime": "^7.18.5",
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.16.7",
-    "@bigbinary/neeto-icons": "^1.8.35",
+    "@bigbinary/neeto-icons": "^1.9.2",
     "@bigbinary/neetoui": "^4.1.33",
     "@honeybadger-io/react": "2.0.1",
     "@rollup/plugin-alias": "^3.1.9",
@@ -107,7 +107,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@bigbinary/neeto-icons": "^1.8.35",
+    "@bigbinary/neeto-icons": "^1.9.2",
     "@bigbinary/neetoui": "^4.1.1",
     "@honeybadger-io/react": "2.0.1",
     "@svgr/webpack": "^6.5.1",