x25 3.0.0 → 17.0.0

package/src/Company/reducer.js

@@ -1,201 +0,0 @@
-// @flow
-/* eslint-disable global-require */
-
-import * as Immutable from "immutable";
-
-import type { Action, State } from "src\\types";
-
-import { createSelector } from "reselect";
-
-import { noError } from "../utility";
-
-import { getIDFromURL } from "./util";
-
-const reducerKey = "companyInfo";
-
-type CurrentState = any;
-
-const initialState : CurrentState = Immutable.Map({
-  error    : noError,
-  fetched  : false,
-  fetching : false,
-
-  company: Immutable.Map(),
-});
-
-const
-  fetchCompanyPending = () => (
-    initialState.set("fetching",
-      true)
-  ),
-  fetchCompanyRejected = (state : any, { payload : { error } }) => (
-    state.merge({
-      error,
-      fetching: false,
-    })
-  ),
-  fetchCompanyFulfilled = (state : any, { payload }) => (
-    state.mergeDeep({
-      fetched  : true,
-      fetching : false,
-      company  : payload,
-    })
-  ),
-  modifyCompany = (state : any, { payload }) => (
-    state.set("company",
-      payload)
-  ),
-  clearInfoIfCurrentCompany = (state : any, { payload }) => {
-    const
-      companyID = String(state.getIn([
-        "company",
-        "ID",
-      ])),
-      fetched = state.get("fetched"),
-      dataID = String(payload.get("ID")),
-      theCurrentCompanyHasChanged = fetched && (dataID === companyID);
-
-    if (theCurrentCompanyHasChanged) {
-      return state.clear();
-    }
-
-    return state;
-  };
-
-const reducer = (state : any = initialState, action : Action) => {
-  switch (action.type) {
-    case "FETCH_CURRENT_COMPANY_INFO_PENDING":
-      return fetchCompanyPending();
-
-    case "FETCH_CURRENT_COMPANY_INFO_REJECTED":
-      return fetchCompanyRejected(state,
-        action);
-
-    case "FETCH_CURRENT_COMPANY_INFO_FULFILLED":
-      return fetchCompanyFulfilled(state,
-        action);
-
-    case "MODIFY_CURRENT_COMPANY_INFO":
-      return modifyCompany(state,
-        action);
-
-    case "TOGGLE_COMPANY_STATE":
-    case "DELETE_COMPANY":
-      return clearInfoIfCurrentCompany(state,
-        action);
-
-    default:
-      return state;
-  }
-};
-
-const
-  getFetching = (state : State) => state.getIn([
-    reducerKey,
-    "fetching",
-  ]) || false,
-  getFetched = (state : State) => state.getIn([
-    reducerKey,
-    "fetched",
-  ]) || false,
-  getError = (state : State) => state.getIn([
-    reducerKey,
-    "error",
-  ]) || noError,
-  getCurrentAccountFetched = (state : State) => state.getIn([
-    "account",
-    "fetched",
-  ]) || false;
-
-const checkForNoErrors = (error) => error !== noError;
-
-const
-  getCurrentCompany = (state : State) : any => (
-    state.getIn([
-      reducerKey,
-      "company",
-    ]) || Immutable.Map()
-  ),
-  getCurrentCompanyIsFetched = createSelector(
-    getFetching,
-    getFetched,
-    getError,
-    (isFetching, isFetched, error) => (
-      !isFetching && isFetched && error === noError
-    ),
-  ),
-  getCurrentCompanyIsFetching = createSelector(
-    getFetching,
-    getError,
-    (isFetching, error) => (
-      isFetching && error === noError
-    ),
-  ),
-  getCurrentCompanyHasError = createSelector(
-    getError,
-    checkForNoErrors,
-  ),
-  getCurrentCompanyShouldFetch = createSelector(
-    getCurrentAccountFetched,
-    getCurrentCompanyIsFetched,
-    getCurrentCompanyHasError,
-    getFetching,
-    getCurrentCompany,
-    (accountFetched, isFetched, hasError, isFetching, company) => (rawID : string) => {
-      const
-        hasIDChanged = () => {
-          const
-            id = company.get("ID"),
-            newID = Number(rawID);
-
-          return (
-            id === 0 ||
-          id !== newID ||
-          (id === newID && !isFetched)
-          );
-        };
-
-      return (
-        accountFetched && !hasError && !isFetching && hasIDChanged()
-      );
-    },
-  ),
-  getCompanyModules = createSelector(
-    getCurrentCompany,
-    (company) => company.get("Modules") || "",
-  ),
-
-  /*
-    This function is special, because it is called also in the
-    requests
-    In case the state is not ready, we take the id of the current company
-    from the URL
-
-    The url must have this pathname:
-
-    something/:companyID/something...
-  */
-  getCurrentCompanyID = (state : any) => {
-    if (typeof state === "undefined" || state === null) {
-      return getIDFromURL();
-    }
-
-    return state.getIn([
-      reducerKey,
-      "company",
-      "ID",
-    ]);
-  };
-
-
-export const selectors = {
-  getCurrentCompany,
-  getCurrentCompanyIsFetched,
-  getCurrentCompanyIsFetching,
-  getCurrentCompanyHasError,
-  getCurrentCompanyShouldFetch,
-  getCompanyModules,
-  getCurrentCompanyID,
-};
-
-export default reducer;

package/src/Company/request.js

@@ -1,30 +0,0 @@
-// @flow
-
-import agent from "superagent";
-import * as Immutable from "immutable";
-
-import { withPromiseCallback } from "../utility";
-import { selectors } from "./reducer";
-
-export const fetchCurrentCompany = (id : string) => (
-  new Promise((resolve, reject) => (
-    agent.
-      get(`/api/company/${id}/get-information`).
-      set("Accept",
-        "application/json").
-      end(withPromiseCallback((data) => resolve(Immutable.Map(data)),
-        reject))
-  )) : Promise<any>
-);
-
-export const modifyCurrentCompany = (data : any) => (
-  new Promise((resolve, reject) => (
-    agent.
-      post(`/api/company/${selectors.getCurrentCompanyID()}/modify-info`).
-      set("Accept",
-        "application/json").
-      send(data).
-      end(withPromiseCallback(resolve,
-        reject))
-  )) : Promise<any>
-);

package/src/Company/util.js

@@ -1,7 +0,0 @@
-// @flow
-
-export const getIDFromURL = () => {
-  const parts = String(window.location.pathname).split("/");
-
-  return parts[2];
-};

package/src/Header/AccountOptionsContainer.jsx

@@ -1,124 +0,0 @@
-// @flow
-
-import type { Dispatch } from "src\\types";
-
-type OptionsContainerPropTypes = {
-  +accountName: string;
-  +showLogoutProblem: () => void;
-};
-
-type OptionsContainerStateTypes = {
-  open: boolean;
-  readyToLogout: boolean;
-};
-
-import React, { Component } from "react";
-import { ButtonDropdown, DropdownToggle, DropdownMenu } from "reactstrap";
-import { connect } from "react-redux";
-
-import LogoutButton from "./LogoutButton";
-
-import { notifyError } from "../actions";
-
-import { logOut as logoutRequest } from "./request";
-
-const
-  mapDispatchToProps = (dispatch : Dispatch) => ({
-    showLogoutProblem () {
-      dispatch(notifyError("Am pierdut conexiunea cu server-ul"));
-    },
-  });
-
-class OptionsContainer extends Component<OptionsContainerPropTypes, OptionsContainerStateTypes> {
-
-  props: OptionsContainerPropTypes;
-
-  state: OptionsContainerStateTypes;
-
-  toggle: () => void;
-  logoutAccount: () => void;
-
-  constructor () {
-    super();
-
-    this.toggle = () => this.setState((prevState) => ({
-      open: !prevState.open,
-    }));
-
-    this.logoutAccount = () => {
-      const that = this;
-
-      this.setState({
-        readyToLogout: false,
-      }, () => {
-        logoutRequest().
-          then(() => {
-            const delay = 800;
-
-            setTimeout(() => {
-              document.location.href = "/";
-            }, delay);
-          }).
-          catch(() => {
-            that.setState({
-              readyToLogout: true,
-            });
-            that.props.showLogoutProblem();
-          });
-      });
-    };
-
-    this.state = {
-      open          : false,
-      readyToLogout : true,
-    };
-  }
-
-  shouldComponentUpdate (
-    nextProps : OptionsContainerPropTypes,
-    nextState: OptionsContainerStateTypes,
-  ) {
-    return (
-      this.props.accountName !== nextProps.accountName ||
-
-      this.state.readyToLogout !== nextState.readyToLogout ||
-      this.state.open !== nextState.open
-    );
-  }
-
-  render () {
-    const { accountName } = this.props;
-
-    const { open, readyToLogout } = this.state;
-
-    return (
-      <div className="btn-group">
-        <ButtonDropdown isOpen={open} toggle={this.toggle}>
-          <DropdownToggle caret>
-            {"Opțiuni"}
-          </DropdownToggle>
-          <DropdownMenu className="dropdown-menu-left">
-            <h6 className="dropdown-header">{accountName}</h6>
-            <a className="dropdown-item" href="/settings/termeni-si-conditii/all" target="_blank">
-              {"Termeni & condiții"}
-            </a>
-            <a
-              className="dropdown-item"
-              href="/settings/politica-de-confidentialitate/all" target="_blank">
-              {"Politica de confidențialitate"}
-            </a>
-
-            <div className="dropdown-divider" />
-            <LogoutButton
-              logoutAccount={this.logoutAccount}
-              readyToLogout={readyToLogout}
-            />
-          </DropdownMenu>
-        </ButtonDropdown>
-      </div>
-    );
-  }
-}
-
-export default connect(null,
-  mapDispatchToProps)(OptionsContainer);

package/src/Header/AdminSelectCompany.jsx

@@ -1,101 +0,0 @@
-// @flow
-
-import type { CompanyRoutePropTypes } from "./types";
-
-import React, { Component } from "react";
-import agent from "superagent";
-import { withRouter } from "react-router-dom";
-
-import AsyncSelect from "react-select/async";
-
-import { withPromiseCallback } from "../utility";
-import { loadingMessage,
-  getDefaultCompanyRoute, noOptionsMessage, Option, wrapperClassname, isSmall } from "./util";
-
-type AdminSelectCompanyPropTypes = {
-  +companies: any;
-  +history: any;
-  +toggleNavbar: () => void;
-}
-
-type AdminSelectCompanyState = {
-  inputValue: string,
-};
-
-const loadOptions = (search, callback) => {
-  const reject = ({
-    args: {
-      // eslint-disable-next-line
-      error,
-    },
-    // eslint-disable-next-line
-  }) => {};
-
-  const prepare = ({ Suggestions }) => callback(
-    Suggestions.reduce((accumulator, currentValue) => {
-      accumulator.push({
-        ...currentValue,
-        value : currentValue.ID,
-        label : currentValue.Name,
-      });
-      return accumulator;
-    }, []),
-  );
-
-  agent.
-    get("/api/account/get-companies").
-    type("form").
-    set("Accept", "application/json").
-    query({ search }).
-    // eslint-disable-next-line
-    end(withPromiseCallback(prepare, reject));
-};
-
-class AdminSelectCompany extends Component<AdminSelectCompanyPropTypes, AdminSelectCompanyState> {
-  props: AdminSelectCompanyPropTypes;
-  state : AdminSelectCompanyState;
-
-  handleChange: (options: CompanyRoutePropTypes) => void;
-  handleInputChange: (newValue : string) => string;
-
-  constructor (props) {
-    super(props);
-
-    this.state = { inputValue: "" };
-
-    this.handleChange = (options : CompanyRoutePropTypes) => {
-      if (isSmall()) {
-        this.props.toggleNavbar();
-      }
-
-      this.props.history.push(getDefaultCompanyRoute(options));
-    };
-
-    this.handleInputChange = (newValue: string) => {
-      const inputValue = newValue.replace(/\W/gu, "");
-
-      this.setState({ inputValue });
-      return inputValue;
-    };
-  }
-
-  render () {
-    return (
-      <div
-        className={wrapperClassname} >
-        <AsyncSelect
-          cacheOptions
-          components={{ Option }}
-          loadingMessage={loadingMessage}
-          loadOptions={loadOptions}
-          noOptionsMessage={noOptionsMessage}
-          onChange={this.handleChange}
-          onInputChange={this.handleInputChange}
-          placeholder="Selectează firmă"
-        />
-      </div>
-    );
-  }
-}
-
-export default withRouter(AdminSelectCompany);

package/src/Header/ClientSelectCompany.jsx

@@ -1,90 +0,0 @@
-// @flow
-
-import type { State } from "src\\types";
-
-import React, { Component } from "react";
-
-import Select from "react-select";
-import { withRouter } from "react-router-dom";
-
-import { getDefaultCompanyRoute, noOptionsMessage, Option, wrapperClassname, isSmall } from "./util";
-
-import { connect } from "react-redux";
-
-import { selectors } from "../Account/reducer";
-
-const
-  mapStateToProps = (state : State) => ({
-    companies: selectors.getCurrentAccountCompanies(state),
-  });
-
-type ClientSelectCompanyPropTypes = {
-  +companies: any;
-  +history: any;
-  +toggleNavbar: () => void;
-}
-
-type ClientSelectCompanyState = {
-  inputValue: string,
-};
-
-class ClientSelectCompany extends Component<ClientSelectCompanyPropTypes, ClientSelectCompanyState> {
-  props: ClientSelectCompanyPropTypes;
-  state : ClientSelectCompanyState;
-
-  handleChange: (options : any) => any;
-  handleInputChange: (newValue: string) => string;
-
-  constructor (props) {
-    super(props);
-
-    this.state = { inputValue: "" };
-
-    this.handleChange = (options : any) => {
-      if (isSmall()) {
-        this.props.toggleNavbar();
-      }
-
-      this.props.history.push(getDefaultCompanyRoute(options));
-    };
-
-    this.handleInputChange = (newValue: string) => {
-      const inputValue = newValue.replace(/\W/gu, "");
-
-      this.setState({ inputValue });
-      return inputValue;
-    };
-  }
-
-  render () {
-    const { companies } = this.props;
-
-    const options = companies.reduce((accumulator, currentValue) => {
-      accumulator.push({
-        ...currentValue.toJS(),
-        value : currentValue.get("ID"),
-        label : currentValue.get("Name"),
-      });
-
-      return accumulator;
-    }, []);
-
-    if (companies.size > 1) {
-      return (
-        <div className={wrapperClassname} >
-          <Select
-            components={{ Option }}
-            noOptionsMessage={noOptionsMessage}
-            onChange={this.handleChange}
-            options={options}
-            placeholder="Selectează firmă"
-          />
-        </div>
-      );
-    }
-
-    return null;
-  }
-}
-
-export default withRouter(connect(mapStateToProps)(ClientSelectCompany));

package/src/Header/Header.jsx

@@ -1,120 +0,0 @@
-// @flow
-
-type HeaderPropTypes = {
-  +brand : string;
-  +company: any;
-  +account : any;
-  +isAdmin: bool;
-  +sidebarDocked: boolean;
-  +showNavbar: boolean;
-
-  +toggleNavbar: () => void;
-
-  +showSidebar: () => void;
-  +showPayModal: (id : number) => () => void;
-};
-
-import React from "react";
-import moment from "moment";
-import { Collapse } from "reactstrap";
-
-import AccountOptionsContainer from "./AccountOptionsContainer";
-import AdminSelectCompany from "./AdminSelectCompany";
-import ClientSelectCompany from "./ClientSelectCompany";
-
-import { isSmall } from "./util";
-
-const monthsUntilShowNotice = 30;
-
-const Header = ({
-  brand, company, account, isAdmin, showPayModal, sidebarDocked,
-  toggleNavbar, showNavbar, showSidebar,
-} : HeaderPropTypes) => {
-
-  let
-    showNoticeToPay = false;
-
-  const
-    countDays = typeof company !== "undefined" && account.get("ID") === company.get("OwnerID");
-
-  if (countDays) {
-    const daysLeft = moment(company.get("ValabilityDate")).diff(moment().endOf("day"), "days") + 1;
-
-    showNoticeToPay = daysLeft <= monthsUntilShowNotice;
-  }
-
-  return (
-    <React.Fragment>
-      <nav className="d-print-none navbar navbar-expand-md navbar-dark bg-dark">
-        {
-          sidebarDocked ? null : (
-            <button
-              aria-label="Comută meniul"
-              className="btn btn-outline-secondary btn-sm mr-2"
-              onClick={showSidebar}
-              type="button">
-              <i className="fa fa-bars" />
-            </button>
-          )
-        }
-        <div
-          className="brand-wrapper truncate text-left d-inline-block text-light"
-          onClick={isSmall() ? toggleNavbar : null}>
-          <a className="navbar-brand">
-            {brand}
-          </a>
-        </div>
-        <button
-          className="mt-3 text-dark navbar-toggler"
-          onClick={toggleNavbar}
-          type="button">
-          {
-            showNavbar ? (
-              <i className="fa fa-arrow-up text-light" />
-            ) : (
-              <i className="fa fa-arrow-down text-light" />
-            )
-          }
-        </button>
-        <Collapse isOpen={showNavbar} navbar>
-          <ul className="ml-auto navbar-nav">
-            <a className="nav-link" href="/settings/companies">
-              {"Setări"}
-            </a>
-            {
-              isAdmin ? (
-                <AdminSelectCompany toggleNavbar={toggleNavbar} />
-              ) : (
-                <ClientSelectCompany toggleNavbar={toggleNavbar} />
-              )
-            }
-            <div className="d-inline-block">
-              <AccountOptionsContainer accountName={account.get("Name")} />
-            </div>
-          </ul>
-        </Collapse>
-      </nav>
-      {
-        typeof company === "undefined" || company.size === 0 ? null : (
-          showNoticeToPay ? (
-            <div className="alert alert-warning m-2">
-              {`Abonamentul la serviciile online Sidework va expira ${(
-                moment(company.get("ValabilityDate")).
-                  endOf("day").
-                  fromNow()
-              )}. `}
-              <button
-                className="btn btn-primary"
-                onClick={showPayModal(company.get("ID"))}
-                type="button">
-                {"Reînnoiește abonamentul"}
-              </button>
-            </div>
-          ) : null
-        )
-      }
-    </React.Fragment>
-  );
-};
-
-export default Header;

package/src/Header/HeaderContainer.jsx

@@ -1,30 +0,0 @@
-// @flow
-
-import type { State, Dispatch } from "src\\types";
-
-import { connect } from "react-redux";
-
-import Header from "./Header";
-
-import { selectors } from "../Account/reducer";
-
-import { isAdministratorAccount } from "../utility";
-
-import { estimateCompanyPriceModal } from "../Payment/actions";
-
-const
-  mapStateToProps = (state : State) => {
-    const data = selectors.getCurrentAccount(state);
-
-    return {
-      account : data,
-      isAdmin : isAdministratorAccount(data.get("Type")),
-    };
-  },
-  mapDispatchToProps = (dispatch : Dispatch) => ({
-    showPayModal: (id) => () => {
-      dispatch(estimateCompanyPriceModal(id));
-    },
-  });
-
-export default connect(mapStateToProps, mapDispatchToProps)(Header);