@bigbinary/neeto-commons-frontend 0.0.1 → 0.0.2

package/initializers.js

@@ -1,21 +1,19 @@
-'use strict';
+import { Toastr } from '@bigbinary/neetoui';
+import axios from 'axios';
+import i18next from 'i18next';
+import { values, evolve, omit, modify, mergeDeepLeft, either, isEmpty, isNil } from 'ramda';
+import { initReactI18next } from 'react-i18next';
+import mixpanel from 'mixpanel-browser';
 
-var objects = require('pure/objects');
-var axios = require('axios');
-var ramda = require('ramda');
-var mixpanel = require('mixpanel-browser');
-var i18n = require('i18next');
-var reactI18next = require('react-i18next');
+function _typeof(obj) {
+  "@babel/helpers - typeof";
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var mixpanel__default = /*#__PURE__*/_interopDefaultLegacy(mixpanel);
-var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
-
-var _document$getElements, _document$getElements2;
-window.globalProps = objects.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) || "{}"));
-objects.deepFreezeObject(window.globalProps);
+  return _typeof = "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(obj);
+}
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -32,6 +30,124 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return 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 {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  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];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var snakeToCamelCase = function snakeToCamelCase(string) {
+  return string.replace(/(_\w)/g, function (letter) {
+    return letter[1].toUpperCase();
+  });
+};
+var camelToSnakeCase = function camelToSnakeCase(string) {
+  return string.replace(/[A-Z]/g, function (letter) {
+    return "_".concat(letter.toLowerCase());
+  });
+};
+
+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);
+    });
+  } 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];
+
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
+  }));
+};
+var keysToCamelCase = function keysToCamelCase(object) {
+  return transformObjectDeep(object, function (key, value) {
+    return [snakeToCamelCase(key), value];
+  });
+};
+var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
+  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)) {
+    Object.keys(object).forEach(function (property) {
+      return deepFreezeObject(object[property]);
+    });
+    Object.freeze(object);
+  }
+
+  return object;
+};
+
 var HEADERS_KEYS = {
   xAuthEmail: "X-Auth-Email",
   xAuthToken: "X-Auth-Token",
@@ -39,21 +155,19 @@ var HEADERS_KEYS = {
 };
 
 var resetAuthTokens = function resetAuthTokens() {
-  ramda.values(HEADERS_KEYS).forEach(function (header) {
-    delete axios__default["default"].defaults.headers[header];
+  values(HEADERS_KEYS).forEach(function (header) {
+    delete axios.defaults.headers[header];
   });
 };
 
-var setAxiosDefaults = function setAxiosDefaults() {
-  axios__default["default"].defaults.baseURL = "/";
-  setAuthHeaders();
-  registerIntercepts();
+var shouldNot = function shouldNot(skip) {
+  return _typeof(skip) === "object" || !skip;
 };
 
 var setAuthHeaders = function setAuthHeaders() {
   var _globalProps$user, _globalProps$user2;
 
-  axios__default["default"].defaults.headers = _defineProperty({
+  axios.defaults.headers = _defineProperty({
     Accept: "application/json",
     "Content-Type": "application/json"
   }, HEADERS_KEYS.xCsrfToken, document.querySelector('[name="csrf-token"]').getAttribute("content"));
@@ -61,46 +175,118 @@ var setAuthHeaders = function setAuthHeaders() {
   var email = (_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.email;
 
   if (token && email) {
-    axios__default["default"].defaults.headers[HEADERS_KEYS.xAuthEmail] = email;
-    axios__default["default"].defaults.headers[HEADERS_KEYS.xAuthToken] = token;
+    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.
+
+
+var createPipe = function createPipe(functions) {
+  return function (data) {
+    return functions.reduce(function (acc, fn) {
+      return fn(acc);
+    }, data);
+  };
 };
 
-var handleSuccessResponse = function handleSuccessResponse(response) {
-  var _response$config = response.config,
-      _response$config$tran = _response$config.transformResponseCase,
-      transformResponseCase = _response$config$tran === void 0 ? true : _response$config$tran,
-      _response$config$incl = _response$config.includeMetadataInResponse,
-      includeMetadataInResponse = _response$config$incl === void 0 ? false : _response$config$incl;
+var transformKeysToCamelCase = function transformKeysToCamelCase(response) {
+  var _response$config$tran = response.config.transformResponseCase,
+      transformResponseCase = _response$config$tran === void 0 ? true : _response$config$tran;
 
-  if (transformResponseCase && response.data) {
-    response.data = objects.keysToCamelCase(response.data);
+  if (response.data && transformResponseCase) {
+    response.data = keysToCamelCase(response.data);
   }
 
+  return response;
+};
+
+var showSuccessToastr = function showSuccessToastr(response) {
+  var _response$config$show = response.config.showToastr,
+      showToastr = _response$config$show === void 0 ? true : _response$config$show;
+
+  if (showToastr && typeof response.data.notice === "string") {
+    Toastr.success(response.data.notice);
+  }
+
+  return response;
+};
+
+var pullDataFromResponse = function pullDataFromResponse(response) {
+  var _response$config$incl = response.config.includeMetadataInResponse,
+      includeMetadataInResponse = _response$config$incl === void 0 ? false : _response$config$incl;
   return includeMetadataInResponse ? response : response.data;
 };
 
-var handleErrorResponse = function handleErrorResponse(error) {
-  var _error$response, _error$response2;
+var buildSuccessResponseHandler = function buildSuccessResponseHandler(skip) {
+  var interceptors = [];
+  if (!(skip !== null && skip !== void 0 && skip.transformCase)) interceptors.push(transformKeysToCamelCase);
+  if (!(skip !== null && skip !== void 0 && skip.showToastr)) interceptors.push(showSuccessToastr);
+  if (!(skip !== null && skip !== void 0 && skip.pullDataFromResponse)) interceptors.push(pullDataFromResponse);
+  return createPipe(interceptors);
+};
 
-  if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 404) {
-    window.location.href = "/page-not-found";
-  } else if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 401) {
-    resetAuthTokens();
+var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(error) {
+  var _error$response;
+
+  if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) !== 401) return error;
+  resetAuthTokens();
+  var _error$config$redirec = error.config.redirectOnError,
+      redirectOnError = _error$config$redirec === void 0 ? true : _error$config$redirec;
+
+  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 Promise.reject(error);
+  return error;
+};
+
+var showErrorToastr = function showErrorToastr(error) {
+  var _error$config$showToa = error.config.showToastr,
+      showToastr = _error$config$showToa === void 0 ? true : _error$config$showToa;
+  if (!showToastr) return error;
+
+  if (axios.isCancel(error)) {
+    Toastr.error(i18next.t("neetoCommons.toastr.error.requestCanceled"));
+  } else if (error.message === "Network Error") {
+    Toastr.error(i18next.t("neetoCommons.toastr.error.networkError"));
+  } else {
+    Toastr.error(error);
+  }
+
+  return error;
+};
+
+var redirect404 = function redirect404(error) {
+  var _error$response2;
+
+  var _error$config$redirec2 = error.config.redirectOnError,
+      redirectOnError = _error$config$redirec2 === void 0 ? true : _error$config$redirec2;
+
+  if (redirectOnError && ((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 404) {
+    window.location.href = "/page-not-found";
+  }
+
+  return error;
+};
+
+var buildErrorResponseHandler = function buildErrorResponseHandler(skip) {
+  var interceptors = [];
+  if (!(skip !== null && skip !== void 0 && skip.redirectOn404)) interceptors.push(redirect404);
+  if (!(skip !== null && skip !== void 0 && skip.logoutOn401)) interceptors.push(handleUnauthorizedErrorResponse);
+  if (!(skip !== null && skip !== void 0 && skip.showToastr)) interceptors.push(showErrorToastr);
+  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;
-  return ramda.evolve({
-    headers: ramda.omit(ramda.values(HEADERS_KEYS))
+  return evolve({
+    headers: omit(values(HEADERS_KEYS))
   })(request);
 };
 
@@ -108,36 +294,39 @@ var transformDataToSnakeCase = function transformDataToSnakeCase(request) {
   var _request$transformReq = request.transformRequestCase,
       transformRequestCase = _request$transformReq === void 0 ? true : _request$transformReq;
   if (!transformRequestCase || !request.data) return request;
-  return ramda.evolve({
-    data: objects.keysToSnakeCase
-  })(request);
+  return modify("data", serializeKeysToSnakeCase, request);
 };
 
-var registerIntercepts = function registerIntercepts() {
-  axios__default["default"].interceptors.request.use(ramda.pipe(cleanupCredentialsForCrossOrigin, transformDataToSnakeCase));
-  axios__default["default"].interceptors.response.use(handleSuccessResponse, handleErrorResponse);
+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);
+  }
 };
 
-setAxiosDefaults();
+var addResponseInterceptors = function addResponseInterceptors(skip) {
+  axios.interceptors.response.use(buildSuccessResponseHandler(skip), buildErrorResponseHandler(skip));
+};
 
-var isProduction = process.env.NODE_ENV === "production";
-var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
-var isUserLoggedIn = !ramda.either(ramda.isEmpty, ramda.isNil)(globalProps.user);
+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);
+};
 
-if (isProduction && isTokenPresent && isUserLoggedIn) {
-  mixpanel__default["default"].init(process.env.MIXPANEL_TOKEN);
-  mixpanel__default["default"].people.set({
-    $email: globalProps.user.email,
-    $fist_name: globalProps.user.firstName,
-    $last_name: globalProps.user.lastName
-  });
-  mixpanel__default["default"].identify(globalProps.user.email);
-} else {
-  /*
-  We need to initialize mixpanel with a bogus token in development and test environment to
-  prevent mixpanel library from throwing an error when we use mixpanel.track() method in react components.
-  */
-  mixpanel__default["default"].init("TEST_TOKEN");
+function initializeAxios(skip) {
+  if (!(skip !== null && skip !== void 0 && skip.baseURL)) axios.defaults.baseURL = "/";
+  if (!(skip !== null && skip !== void 0 && skip.authHeaders)) setAuthHeaders();
+  if (shouldNot(skip === null || skip === void 0 ? void 0 : skip.interceptors)) registerIntercepts(skip === null || skip === void 0 ? void 0 : skip.interceptors);
+}
+
+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);
 }
 
 var neetoCommons = {
@@ -145,9 +334,14 @@ var neetoCommons = {
 		pageDoesNotExist: "Page does not exist.",
 		goToHome: "Go home"
 	},
+	fallbackComponent: {
+		somethingWentWrong: "Sorry, something went wrong.",
+		tryReloading: "Please try reloading the page.",
+		reload: "Reload"
+	},
 	sidebar: {
-		profile: "Profile",
-		orgSettings: "Organization Settings",
+		myProfile: "My Profile",
+		myOrganization: "My Organization",
 		logout: "Logout",
 		help: "Help"
 	},
@@ -160,6 +354,10 @@ var neetoCommons = {
 	toastr: {
 		success: {
 			copiedToClipboard: "Copied to clipboard!"
+		},
+		error: {
+			requestCanceled: "Request cancelled",
+			networkError: "No Internet Connection"
 		}
 	},
 	notice: {
@@ -171,8 +369,8 @@ var en = {
 };
 
 var initializeI18n = function initializeI18n(resources) {
-  i18n__default["default"].use(reactI18next.initReactI18next).init({
-    resources: ramda.mergeDeepLeft({
+  i18next.use(initReactI18next).init({
+    resources: mergeDeepLeft({
       en: {
         translation: en
       }
@@ -186,10 +384,45 @@ var initializeI18n = function initializeI18n(resources) {
   });
 };
 
-/* eslint-disable import/order */
+function initializeMixPanel() {
+  var isProduction = process.env.NODE_ENV === "production";
+  var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
+  var isUserLoggedIn = !either(isEmpty, isNil)(globalProps.user);
+
+  if (isProduction && isTokenPresent && isUserLoggedIn) {
+    mixpanel.init(process.env.MIXPANEL_TOKEN || "");
+    mixpanel.people.set({
+      $email: globalProps.user.email,
+      $fist_name: globalProps.user.firstName,
+      $last_name: globalProps.user.lastName
+    });
+    mixpanel.identify(globalProps.user.email);
+  } else {
+    /*
+    We need to initialize mixpanel with a bogus token in development and test environment to
+    prevent mixpanel library from throwing an error when we use mixpanel.track() method in react components.
+    */
+    mixpanel.init("TEST_TOKEN");
+  }
+}
+
+var globalProps$1 = {};
 function initializeApplication(_ref) {
-  var translationResources = _ref.translationResources;
-  initializeI18n(translationResources);
+  var translationResources = _ref.translationResources,
+      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);
 }
 
-module.exports = initializeApplication;
+export { initializeApplication as default, globalProps$1 as globalProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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>",
@@ -13,23 +13,41 @@
     "watch": "rollup -c rollup.config.js --watch"
   },
   "files": [
-    "initializers*.js",
-    "react*.js",
-    "utils*.js",
-    "pure*.js"
+    "initializers.*",
+    "react-utils.*",
+    "utils.*",
+    "pure.*"
   ],
   "lint-staged": {
     "**/*.{js,jsx,json}": [
       ".scripts/fix-lints.sh"
     ]
   },
+  "exports": {
+    "./react-utils": {
+      "import": "./react-utils.js",
+      "require": "./react-utils.cjs.js"
+    },
+    "./utils": {
+      "import": "./utils.js",
+      "require": "./utils.cjs.js"
+    },
+    "./pure": {
+      "import": "./pure.js",
+      "require": "./pure.cjs.js"
+    },
+    "./initializers": {
+      "import": "./initializers.js",
+      "require": "./initializers.cjs.js"
+    }
+  },
   "devDependencies": {
     "@babel/eslint-parser": "^7.18.2",
     "@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/neetoui": "^3.5.11",
+    "@bigbinary/neetoui": "^3.5.16",
     "@honeybadger-io/react": "2.0.1",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-babel": "^5.3.1",
@@ -63,6 +81,7 @@
     "lint-staged": "^12.3.7",
     "mixpanel-browser": "^2.45.0",
     "prettier": "^2.6.2",
+    "qs": "^6.11.0",
     "ramda": "^0.28.0",
     "react": "^17.0.2",
     "react-dom": "17.0.2",
@@ -77,7 +96,7 @@
   "dependencies": {},
   "peerDependencies": {
     "@bigbinary/neeto-icons": "^1.8.35",
-    "@bigbinary/neetoui": "^3.5.11",
+    "@bigbinary/neetoui": "^3.5.16",
     "@honeybadger-io/react": "2.0.1",
     "axios": "^0.27.2",
     "dayjs": "1.11.1",