@bigbinary/neeto-commons-frontend 2.0.0 → 2.0.3

package/initializers.js

@@ -1,23 +1,19 @@
-'use strict';
+import { curry, isNil, values, evolve, omit, modify, either, isEmpty, mergeDeepLeft } from 'ramda';
+import { Toastr } from '@bigbinary/neetoui';
+import axios from 'axios';
+import i18next from 'i18next';
+import mixpanel from 'mixpanel-browser';
+import { initReactI18next } from 'react-i18next';
 
-var objects = require('pure/objects');
-var neetoui = require('@bigbinary/neetoui');
-var axios = require('axios');
-var i18next = require('i18next');
-var strings = require('pure/strings');
-var ramda = require('ramda');
-var mixpanel = require('mixpanel-browser');
-var reactI18next = require('react-i18next');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var mixpanel__default = /*#__PURE__*/_interopDefaultLegacy(mixpanel);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
 
-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 _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -80,14 +76,86 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _typeof(obj) {
-  "@babel/helpers - typeof";
+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());
+  });
+};
 
-  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);
+var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
+  if (Array.isArray(object)) {
+    return object.map(function (obj) {
+      return transformObjectDeep(obj, keyValueTransformer);
+    });
+  } else if (object === null || _typeof(object) !== "object") {
+    return object;
+  }
+
+  return Object.fromEntries(Object.entries(object).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer));
+  }));
+};
+var keysToCamelCase = function keysToCamelCase(object) {
+  return transformObjectDeep(object, function (key, value) {
+    return [snakeToCamelCase(key), value];
+  });
+};
+var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
+  if (Array.isArray(object)) {
+    return object.map(serializeKeysToSnakeCase);
+  } 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];
+
+    var val = typeof (value === null || value === void 0 ? void 0 : value.toJSON) === "function" ? value.toJSON() : value;
+    return [camelToSnakeCase(key), serializeKeysToSnakeCase(val)];
+  }));
+};
+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 matches = curry(function (pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (isNil(pattern) || isNil(object)) return false;
+  if (_typeof(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        key = _ref6[0],
+        value = _ref6[1];
+
+    return matches(value, object[key], __parent);
+  });
+});
+
+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);
 }
 
 function _defineProperty(obj, key, value) {
@@ -112,21 +180,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"));
@@ -134,123 +200,157 @@ 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,
-      _response$config$show = _response$config.showToastr,
-      showToastr = _response$config$show === void 0 ? true : _response$config$show;
+var transformKeysToCamelCase = function transformKeysToCamelCase(response) {
+  var _response$config$tran = response.config.transformResponseCase,
+      transformResponseCase = _response$config$tran === void 0 ? true : _response$config$tran;
 
-  if (response.data) {
-    if (transformResponseCase) response.data = objects.keysToCamelCase(response.data);
+  if (response.data && transformResponseCase) {
+    response.data = keysToCamelCase(response.data);
+  }
 
-    if (showToastr && typeof response.data.notice === "string") {
-      neetoui.Toastr.success(response.data.notice);
-    }
+  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 handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse() {
+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);
+};
+
+var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(error) {
   resetAuthTokens();
   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) {
-  if (axios__default["default"].isCancel(error)) {
-    neetoui.Toastr.error(i18next__default["default"].t("neetoCommons.toastr.error.requestCanceled"));
+  if (axios.isCancel(error)) {
+    Toastr.error(i18next.t("neetoCommons.toastr.error.requestCanceled"));
   } else if (error.message === "Network Error") {
-    neetoui.Toastr.error(i18next__default["default"].t("neetoCommons.toastr.error.networkError"));
+    Toastr.error(i18next.t("neetoCommons.toastr.error.networkError"));
   } else {
-    neetoui.Toastr.error(error);
+    Toastr.error(error);
   }
-};
 
-var handleErrorResponse = function handleErrorResponse(error) {
-  var _error$response, _error$response2;
+  return error;
+};
 
-  var _error$config$showToa = error.config.showToastr,
-      showToastr = _error$config$showToa === void 0 ? true : _error$config$showToa;
+var redirect404 = function redirect404(error) {
+  var _error$response;
 
   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) {
-    handleUnauthorizedErrorResponse();
-  } else if (showToastr) {
-    showErrorToastr(error);
   }
 
-  return Promise.reject(error);
+  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);
 };
 
-var serializeKeysToSnakeCase = function serializeKeysToSnakeCase(object) {
-  if (Array.isArray(object)) {
-    return object.map(serializeKeysToSnakeCase);
-  } else if (object === null || _typeof(object) !== "object") {
-    return object;
-  }
-
-  return Object.fromEntries(Object.entries(object).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
-    var val = typeof (value === null || value === void 0 ? void 0 : value.toJSON) === "function" ? value.toJSON() : value;
-    return [strings.camelToSnakeCase(key), serializeKeysToSnakeCase(val)];
-  }));
-};
-
 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.modify("data", serializeKeysToSnakeCase, request);
+  return modify("data", 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 registerIntercepts = function registerIntercepts() {
-  axios__default["default"].interceptors.request.use(ramda.pipe(cleanupCredentialsForCrossOrigin, transformDataToSnakeCase));
-  axios__default["default"].interceptors.response.use(handleSuccessResponse, handleErrorResponse);
+var addResponseInterceptors = function addResponseInterceptors(skip) {
+  axios.interceptors.response.use(buildSuccessResponseHandler(skip), buildErrorResponseHandler(skip));
 };
 
-setAxiosDefaults();
+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);
+};
 
-var isProduction = process.env.NODE_ENV === "production";
-var isTokenPresent = !!process.env.MIXPANEL_TOKEN;
-var isUserLoggedIn = !ramda.either(ramda.isEmpty, ramda.isNil)(globalProps.user);
+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);
+}
 
-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 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 neetoCommons = {
@@ -293,8 +393,8 @@ var en = {
 };
 
 var initializeI18n = function initializeI18n(resources) {
-  i18next__default["default"].use(reactI18next.initReactI18next).init({
-    resources: ramda.mergeDeepLeft({
+  i18next.use(initReactI18next).init({
+    resources: mergeDeepLeft({
       en: {
         translation: en
       }
@@ -308,10 +408,23 @@ var initializeI18n = function initializeI18n(resources) {
   });
 };
 
-/* eslint-disable import/order */
+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": "2.0.0",
+  "version": "2.0.3",
   "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.14",
     "@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",
+    "query-string": "^7.1.1",
     "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.14",
     "@honeybadger-io/react": "2.0.1",
     "axios": "^0.27.2",
     "dayjs": "1.11.1",