x25 2.9.2 → 3.0.0

package/.eslintignore

@@ -0,0 +1,2 @@
+webpack.config.js
+node_modules

package/.eslintrc.json

@@ -0,0 +1,275 @@
+{
+   "env":{
+      "browser":true,
+      "es6":true,
+      "jest":true
+   },
+   "parser":"babel-eslint",
+   "extends":[
+      "eslint:all",
+      "plugin:react/all",
+      "plugin:react-hooks/recommended"
+   ],
+   "settings": {
+    "react": {
+      "pragma": "React",
+      "version": "16.12.0",
+      "flowVersion": "0.112.0"
+    }
+  },
+   "parserOptions":{
+      "ecmaVersion":2018,
+      "ecmaFeatures":{
+         "jsx":true,
+         "modules":true
+      },
+      "sourceType":"module"
+   },
+   "plugins":[
+      "react"
+   ],
+   "rules":{
+     "react/require-optimization": 0,
+     "default-param-last": 0,
+     "react/jsx-props-no-spreading": 0,
+     "function-call-argument-newline": ["error", "consistent"],
+
+     "react/no-deprecated": 0,
+     "max-lines-per-function": ["error", { "max": 300 }],
+
+      "react/jsx-fragments": 0,
+      "react/state-in-constructor": 0,
+      "react/jsx-handler-names":0,
+      "no-confusing-arrow":0,
+      "max-statements":0,
+      "react/destructuring-assignment":0,
+      "react/no-unused-prop-types":0,
+      "react/require-default-props":0,
+      "react/jsx-sort-default-props":0,
+      "react/jsx-max-depth":0,
+      "prefer-promise-reject-errors":0,
+      "react/no-unused-state": 0,
+      "react/jsx-one-expression-per-line":0,
+      "react/jsx-no-literals":0,
+      "react/default-props-match-prop-types":0,
+      "padding-line-between-statements":[
+         "error",
+         {
+            "blankLine":"always",
+            "prev":[
+               "const",
+               "let",
+               "var"
+            ],
+            "next":"*"
+         },
+         {
+            "blankLine":"any",
+            "prev":[
+               "const",
+               "let",
+               "var"
+            ],
+            "next":[
+               "const",
+               "let",
+               "var"
+            ]
+         }
+      ],
+      "react/forbid-component-props":0,
+      "react/no-multi-comp":0,
+      "react/no-set-state":0,
+      "react/jsx-closing-bracket-location":0,
+      "react/jsx-max-props-per-line":0,
+      "no-underscore-dangle":0,
+      "function-paren-newline":0,
+      "no-nested-ternary":0,
+      "max-params":[
+         "error",
+         5
+      ],
+      "multiline-comment-style":0,
+      "lines-between-class-members":[
+         "error",
+         "always",
+         {
+            "exceptAfterSingleLine":true
+         }
+      ],
+      "react/jsx-indent-props":0,
+      "react/jsx-indent":0,
+      "react/no-array-index-key":0,
+      "react/jsx-curly-brace-presence":[
+         2,
+         {
+            "props":"never",
+            "children":"ignore"
+         }
+      ],
+      "react/sort-comp":[
+         2,
+         {
+            "order":[
+               "static-methods",
+               "lifecycle",
+               "render"
+            ],
+            "groups":{
+               "lifecycle":[
+                  "defaultProps",
+                  "props",
+                  "contextTypes",
+                  "childContextTypes",
+                  "statics",
+                  "state",
+                  "everything-else",
+                  "constructor",
+                  "getDefaultProps",
+                  "getInitialState",
+                  "getChildContext",
+                  "componentWillMount",
+                  "componentDidMount",
+                  "componentWillReceiveProps",
+                  "shouldComponentUpdate",
+                  "componentWillUpdate",
+                  "componentDidUpdate",
+                  "componentWillUnmount"
+               ]
+            }
+         }
+      ],
+      "new-cap":[
+         2,
+         {
+            "capIsNewExceptions":[
+               "List",
+               "Map",
+               "OrderedList",
+               "OrderedMap",
+               "OrderedSet",
+               "Record",
+               "Stack"
+            ]
+         }
+      ],
+      "comma-dangle":[
+         "error",
+         "always-multiline"
+      ],
+      "no-extra-parens":[
+         "off"
+      ],
+      "no-magic-numbers":[
+         "error",
+         {
+            "ignore":[
+               0,
+               1,
+               2,
+               10
+            ],
+            "ignoreArrayIndexes":true
+         }
+      ],
+      "strict":[
+         "error",
+         "global"
+      ],
+      "max-lines":[
+         2,
+         450
+      ],
+      "max-len":[
+         "error",
+         105
+      ],
+      "object-curly-spacing":[
+         "error",
+         "always"
+      ],
+      "indent":[
+         "error",
+         2,
+         {
+            "SwitchCase":1
+         }
+      ],
+      "linebreak-style":[
+         "error",
+         "windows"
+      ],
+      "padded-blocks":[
+         "off"
+      ],
+      "one-var":[
+         "off"
+      ],
+      "no-ternary":[
+         "off"
+      ],
+      "multiline-ternary":[
+         "off"
+      ],
+      "quote-props":[
+         "error",
+         "consistent"
+      ],
+      "object-curly-newline":[
+         "off"
+      ],
+      "quotes":[
+         "error",
+         "double",
+         "avoid-escape"
+      ],
+      "semi":[
+         "error"
+      ],
+      "sort-vars":[
+         "off"
+      ],
+      "sort-keys":[
+         "off"
+      ],
+      "sort-imports":[
+         "off"
+      ],
+      "capitalized-comments":[
+         "off"
+      ],
+      "arrow-body-style":[
+         "error",
+         "as-needed"
+      ],
+      "arrow-parens":[
+         "error",
+         "always"
+      ],
+      "class-methods-use-this":[
+         "error",
+         {
+            "exceptMethods":[
+               "componentDidMount",
+               "componentDidUpdate",
+               "componentWillMount",
+               "componentWillReceiveProps",
+               "componentWillUnmount",
+               "componentWillUpdate",
+               "render",
+               "shouldComponentUpdate"
+            ]
+         }
+      ],
+      "key-spacing":[
+         "error",
+         {
+            "align":{
+               "beforeColon":true,
+               "afterColon":true,
+               "on":"colon"
+            }
+         }
+      ]
+   }
+}

package/.flowconfig

@@ -0,0 +1,23 @@
+[ignore]
+.*/node_modules/fbjs/.*
+.*/node_modules/config-chain/test/broken.json
+.*/node_modules/npmconf/test/.*
+.*/node_modules/npm/test/.*
+[untyped]
+.*/node_modules/react-select/.*
+[include]
+[libs]
+src/types
+[options]
+emoji=true
+esproposal.class_static_fields=enable
+module.file_ext=.css
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.jsx
+module.file_ext=.scss
+module.ignore_non_literal_requires=true
+suppress_type=$FlowIssue
+suppress_comment= \\(.\\|\n\\)*\\$FlowFixMe
+suppress_type=$Intl
+module.name_mapper='^src\(.*\)$' -> '<PROJECT_ROOT>/src/\1'

package/conf/dev.js

@@ -0,0 +1,19 @@
+// @flow
+/* eslint-disable no-console, no-undefined */
+
+const fileName = "config.json";
+
+const fs = require("fs");
+
+const file = require(`../${fileName}`);
+
+file.isProduction = false;
+
+fs.writeFile(fileName, JSON.stringify(file, null, 2), (err) => {
+
+  if (err) {
+    return console.log(err);
+  }
+
+  return undefined;
+});

package/conf/dist.js

@@ -0,0 +1,19 @@
+// @flow
+/* eslint-disable no-console, no-undefined */
+
+const fileName = "config.json";
+
+const fs = require("fs");
+
+const file = require(`../${fileName}`);
+
+file.isProduction = true;
+
+fs.writeFile(fileName, JSON.stringify(file, null, 2), (err) => {
+
+  if (err) {
+    return console.log(err);
+  }
+
+  return undefined;
+});

package/conf/polyfills/tempPolyfills.js

@@ -0,0 +1,7 @@
+/* eslint-disable */
+
+const raf = global.requestAnimationFrame = (cb) => {
+  setTimeout(cb, 0);
+}
+
+export default raf;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.9.2",
+  "version": "3.0.0",
   "name": "x25",
   "description": "x25",
   "scripts": {
@@ -7,7 +7,7 @@
     "build-babel": "babel src --out-dir dist",
     "build": "npm run build-scss && npm run build-babel",
     "clean": "rimraf dist dist",
-    "check": "npm-check -u -i babel-jest -i jest --specials=bin,eslint,babel,webpack",
+    "check": "npm-check -u -i babel-jest -i jest -i history --specials=bin,eslint,babel,webpack",
     "flow": "flow check --color=always",
     "eslint": "eslint --ext .jsx,.js src --fix",
     "copy": "copy package.json dist",
@@ -20,7 +20,7 @@
     "url": "git+https://github.com/cristian-sima/x25.git"
   },
   "keywords": [],
-  "author": "Cristian Sima",
+  "author": "SC SIDEWORK SRL",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/cristian-sima/x25/issues"
@@ -56,7 +56,7 @@
     }
   },
   "engines": {
-    "node": ">= 6.3.1"
+    "node": ">= 15.0.0"
   },
   "jest": {
     "transform": {
@@ -95,6 +95,7 @@
     "eslint-plugin-flowtype": "^4.4.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "^7.16.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "file-loader": "^4.3.0",
     "flow-bin": "^0.112.0",
     "flow-status-webpack-plugin": "^0.1.7",
@@ -103,11 +104,10 @@
     "json-loader": "^0.5.7",
     "node-sass": "^4.13.0",
     "npm": "^6.13.1",
-    "npm-check": "^5.9.0",
+    "npm-check": "^5.9.2",
     "npm-check-unused": "^6.0.0",
     "npm-check-updates": "^3.2.1",
     "postcss-loader": "^3.0.0",
-    "react-hot-loader": "^4.12.18",
     "sass-loader": "^8.0.0",
     "scss-compile": "^0.1.7",
     "style-loader": "^1.0.0",
@@ -127,19 +127,19 @@
     "copy": "^0.3.2",
     "immutable": "^4.0.0-rc.12",
     "moment": "^2.22.2",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-loadable": "^5.5.0",
-    "react-notification-system-redux": "^2.0.0",
-    "react-redux": "^7.1.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-loadable": "~5.5.0",
+    "react-notification-system-redux2": "^2.0.1",
+    "react-redux": "^7.2.6",
     "react-router-dom": "^5.1.2",
-    "react-select": "^3.0.8",
+    "react-select": "^5.2.2",
     "react-sidebar": "^3.0.2",
-    "reactstrap": "^8.1.1",
+    "reactstrap": "^9.0.1",
     "redux": "^4.0.4",
-    "redux-form": "^8.2.5",
+    "redux-form": "^8.3.8",
     "redux-injector": "^0.1.0",
-    "reselect": "^4.0.0",
+    "reselect": "^4.1.5",
     "superagent": "^5.1.1"
   }
-}
+}

package/src/Account/Load.jsx

@@ -0,0 +1,79 @@
+// @flow
+/* eslint-disable react/require-optimization */
+
+import type { Dispatch, State } from "src\\types";
+
+type PropTypes = {
+  +appName: string;
+  +isFetching: bool;
+  +hasError: bool;
+  +data: any;
+  +children: any;
+  +shouldFetch: any;
+
+  +fetchInitialInformation: () => void;
+}
+
+import React from "react";
+
+import { connect } from "react-redux";
+
+import { selectors } from "./reducer";
+
+import { fetchInitialInformation as fetchInitialInformationAction } from "./actions";
+
+import { LargeErrorMessage, LoadingMessage } from "../Messages";
+
+const
+  mapStateToProps = (state : State) => ({
+    data        : selectors.getCurrentAccount(state),
+    hasError    : selectors.getCurrentAccountHasError(state),
+    fetched     : selectors.getCurrentAccountIsFetched(state),
+    isFetching  : selectors.getCurrentAccountIsFetching(state),
+    shouldFetch : selectors.getCurrentAccountShouldFetch(state),
+  }),
+  mapDispatchToProps = (dispatch : Dispatch, { appName }) => ({
+    fetchInitialInformation () {
+      setTimeout(() => {
+        dispatch(fetchInitialInformationAction(appName));
+      });
+    },
+  });
+
+const LoadAccount = (props : PropTypes) => {
+  const { children, data, isFetching, shouldFetch, hasError, fetchInitialInformation } = props;
+
+  React.useEffect(() => {
+    if (shouldFetch) {
+      fetchInitialInformation();
+    }
+  }, [
+    shouldFetch,
+    isFetching,
+    hasError,
+  ]);
+
+  if (isFetching) {
+    return (
+      <LoadingMessage message="Așteaptă..." />
+    );
+  }
+
+  if (hasError) {
+    return (
+      <LargeErrorMessage
+        message="Nu am putut stabili conexiunea cu server-ul"
+        onRetry={fetchInitialInformation}
+      />
+    );
+  }
+
+  if (data.size === 0) {
+    return null;
+  }
+
+  return children;
+};
+
+export default connect(mapStateToProps,
+  mapDispatchToProps)(LoadAccount);

package/src/Account/actions.js

@@ -0,0 +1,10 @@
+// @flow
+
+import type { Action } from "src\\types";
+
+import { fetchInitialInformation as fetchInitialInformationRequest } from "./request";
+
+export const fetchInitialInformation = (appName : string) : Action => ({
+  type    : "FETCH_INITIAL_INFORMATION",
+  payload : fetchInitialInformationRequest(appName),
+});

package/src/Account/index.js

@@ -0,0 +1,11 @@
+// @flow
+
+import accountReducer, { selectors as accountSelectors } from "./reducer";
+
+import LoadAccount from "./Load";
+
+export {
+  accountSelectors,
+  accountReducer,
+  LoadAccount,
+};

package/src/Account/reducer.js

@@ -0,0 +1,139 @@
+// @flow
+
+import type { Action, State } from "src\\types";
+
+import { createSelector } from "reselect";
+import * as Immutable from "immutable";
+
+import { isAdministratorAccount, noError } from "../utility";
+
+const initialState = Immutable.Map({
+  error    : noError,
+  fetched  : false,
+  fetching : false,
+
+  info      : Immutable.Map(),
+  companies : Immutable.Map(),
+});
+
+const
+  fetchCurrentAccountPending = (state : any) => (
+    state.merge({
+      error    : noError,
+      fetching : true,
+    })
+  ),
+  fetchCurrentAccountRejected = (state : any, { payload : { error } }) => (
+    state.merge({
+      error,
+      fetching: false,
+    })
+  ),
+  fetchCurrentAccountFulfilled = (state : any, { payload }) => (
+    state.mergeDeep({
+      fetched  : true,
+      fetching : false,
+
+      info      : payload.Account,
+      companies : payload.Companies,
+    })
+  ),
+  accountChangePassword = (state : any) => (
+    state.setIn([
+      "info",
+      "RequireChange",
+    ], false)
+  ),
+  accountGaveConsent = (state : any) => (
+    state.setIn([
+      "info",
+      "HasToGiveConsent",
+    ], false)
+  );
+
+const reducer = (state : any = initialState, action : Action) => {
+
+  switch (action.type) {
+    case "FETCH_INITIAL_INFORMATION_PENDING":
+      return fetchCurrentAccountPending(state);
+
+    case "FETCH_INITIAL_INFORMATION_REJECTED":
+      return fetchCurrentAccountRejected(state,
+        action);
+
+    case "FETCH_INITIAL_INFORMATION_FULFILLED":
+      return fetchCurrentAccountFulfilled(state,
+        action);
+
+    case "ACCOUNT_CHANGE_PASSWORD":
+      return accountChangePassword(state);
+
+    case "ACCOUNT_GAVE_CONSENT":
+      return accountGaveConsent(state);
+
+    default:
+      return state;
+  }
+};
+
+const
+  getFetched = (state : State) => state.getIn([
+    "account",
+    "fetched",
+  ]),
+  getError = (state : State) => state.getIn([
+    "account",
+    "error",
+  ]);
+
+const
+  getCurrentAccount = (state : State) => state.getIn([
+    "account",
+    "info",
+  ]),
+  getCurrentAccountCompanies = (state : State) => state.getIn([
+    "account",
+    "companies",
+  ]),
+  getCurrentAccountIsFetching = (state : State) => state.getIn([
+    "account",
+    "fetching",
+  ]),
+  getCurrentAccountShouldFetch = createSelector(
+    getCurrentAccountIsFetching,
+    getFetched,
+    getError,
+    (isFetching, isFetched, error) => (
+      !isFetching && !isFetched && error === noError
+    ),
+  ),
+  getCurrentAccountIsFetched = createSelector(
+    getCurrentAccountIsFetching,
+    getFetched,
+    getError,
+    (isFetching, isFetched, error) => (
+      !isFetching && isFetched && error === noError
+    ),
+  ),
+  getCurrentAccountHasError = createSelector(
+    getError,
+    (error) => error !== noError,
+  ),
+  getIsCurrentAccountAdministrator = createSelector(
+    getCurrentAccount,
+    (account) => (
+      isAdministratorAccount(account.get("Type"))
+    ),
+  );
+
+export const selectors = {
+  getCurrentAccountCompanies,
+  getCurrentAccount,
+  getCurrentAccountIsFetching,
+  getCurrentAccountShouldFetch,
+  getCurrentAccountIsFetched,
+  getCurrentAccountHasError,
+  getIsCurrentAccountAdministrator,
+};
+
+export default reducer;