x25 3.0.0 → 17.0.0

package/src/Payment/Modal/DoneForm.jsx

@@ -1,209 +0,0 @@
-// @flow
-/* eslint-disable no-magic-numbers, max-classes-per-file */
-
-import type { Dispatch, State } from "src\\types";
-
-type FormPropTypes = {
-  +error?: string;
-  +pristine: boolean;
-  +submitting: boolean;
-  +handleSubmit: (formData : any) => Promise<*>;
-};
-
-type DoneFormPropTypes = {
-  +details: string;
-  +showUserResponse: () => void;
-};
-
-import { connect } from "react-redux";
-import { SubmissionError, Field, reduxForm, formValueSelector } from "redux-form/immutable";
-
-import React from "react";
-
-import { showTransferWasDone } from "../actions";
-
-import { confirmBankTransfer as confirmBankTransferRequest } from "../request";
-
-import {
-  extractErrorsFromCheckers,
-  validateString,
-  delay,
-  ReduxFormSubmissionError,
-} from "../../utility";
-
-import { hideModal } from "../../actions";
-import { LoadingMessage } from "../../Messages";
-import { FocusTemplate } from "../../Inputs";
-
-const
-  TransferNumber = validateString({
-    min: 4,
-  });
-
-const validate = extractErrorsFromCheckers({
-  TransferNumber,
-});
-
-const selector = formValueSelector("ADD_CAR_FORM");
-
-const
-  mapStateToProps = (state : State) => ({
-    ExpiryDate: selector(state, "ExpiryDate"),
-  }),
-  mapDispatchToProps = (dispatch : Dispatch) => ({
-    showUserResponse () {
-      delay().
-        then(() => {
-          dispatch(hideModal());
-        }).
-        then(() => {
-          dispatch(hideModal());
-        }).
-        // then(() => {
-        //   dispatch(notify("Operațiune îndeplinită cu succes"));
-        // }).
-        then(() => {
-          dispatch(showTransferWasDone());
-        });
-    },
-  });
-
-
-class TheForm extends React.Component<FormPropTypes> {
-
-    props: FormPropTypes;
-
-    field: any;
-
-    handleSubmitForm: (data : any) => void;
-    handleRegisterRef: (node : any) => void;
-    focusNameInput: () => void;
-
-    constructor (props : FormPropTypes) {
-      super(props);
-
-      this.handleSubmitForm = (data : any) => {
-        const { handleSubmit } = this.props;
-
-        const result = handleSubmit(data);
-
-        if (typeof result.then !== "undefined") {
-          result.then(() => {
-            this.focusNameInput();
-          });
-        }
-      };
-
-      this.focusNameInput = () => {
-        setTimeout(() => {
-          const { field } = this;
-
-          if (field && field !== null) {
-            field.focus();
-          }
-        });
-      };
-
-      this.handleRegisterRef = (node : any) => {
-        this.field = node;
-      };
-    }
-
-    componentDidMount () {
-      this.focusNameInput();
-    }
-
-    render () {
-      const { error, pristine, submitting } = this.props;
-
-      return (
-        <form autoComplete="off" className="mt-4" onSubmit={this.handleSubmitForm}>
-          {error ? (
-            <div className="alert alert-danger">
-              {error}
-            </div>
-          ) : null}
-          <div className="alert alert-primary">
-            {"Te rugăm să completezi numărul tranzacției bancare:"}
-          </div>
-          <div className="container">
-            <div className="row">
-              <div className="col-md">
-                <Field
-                  autoFocus
-                  component={FocusTemplate}
-                  forwardRef
-                  label="Număr tranzacție"
-                  name="TransferNumber"
-                  onRegisterRef={this.handleRegisterRef}
-                  placeholder="ex. 238747324"
-                />
-              </div>
-            </div>
-          </div>
-          <div className="text-center mb-4">
-            {
-              submitting ? (
-                <LoadingMessage sm />
-              ) : (
-                <button
-                  aria-label="Trimite"
-                  className="btn btn-primary"
-                  disabled={pristine || submitting}
-                  type="submit">
-                  {"Trimite"}
-                </button>
-              )
-            }
-          </div>
-        </form>
-      );
-    }
-}
-
-const
-  Form = reduxForm({
-    form: "PAYMENT_BANK_TRANSFER_NUMBER",
-    validate,
-  })(TheForm);
-
-class DoneForm extends React.Component<DoneFormPropTypes> {
-
-  props: DoneFormPropTypes;
-
-  handleSubmit: (formData : any) => Promise<*>;
-
-  constructor () {
-    super();
-
-    this.handleSubmit = (formData : any) => {
-
-      const
-        { showUserResponse } = this.props,
-        data = {
-          ...formData.toJS(),
-          Details: this.props.details,
-        };
-
-      return confirmBankTransferRequest(data).
-        then((response : any) => {
-          if (response.Error === "") {
-            showUserResponse();
-          } else {
-            throw new SubmissionError({
-              _error: response.Error,
-            });
-          }
-        }).
-        catch(ReduxFormSubmissionError);
-    };
-  }
-
-  render () {
-    return (
-      <Form onSubmit={this.handleSubmit} />
-    );
-  }
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(DoneForm);

package/src/Payment/Modal/PaymentDone.jsx

@@ -1,27 +0,0 @@
-// @flow
-
-import React from "react";
-import { SimpleModal } from "../../Modal";
-
-const ModalBankTransfer = () => (
-  <SimpleModal title="Confirmare">
-    <div className="mt-2">
-      <h3 className="text-success">
-        <i className="fa fa-check text-success" /> {"Am înregistrat cererea ta"}
-      </h3>
-      <div className="mt-4">
-        <h5 className="mt-2">{"Ce se întâmplă acum?"}</h5>
-        {"Rămâne să primim confirmarea din partea băncii tale și vom efectua operațiunile"}
-      </div>
-      <h5 className="mt-3">{"Cât timp va dura?"}</h5>
-      <div>
-        {`Durează între 1 și 3 zile lucrătoare pentru operațiunea bancară să
-    se desfășoare. În momentul în care am primit banii în cont, te rugăm să acorzi
-    1-2 zile lucrătoare să operăm modificările pe platforma Sidework și să
-    te bucuri de beneficii.`}
-      </div>
-    </div>
-  </SimpleModal>
-);
-
-export default ModalBankTransfer;

package/src/Payment/Modal/index.js

@@ -1,13 +0,0 @@
-// @flow
-
-import BankTransfer from "./BankTransfer";
-import PaymentDone from "./PaymentDone";
-import CompanyValability from "./CompanyValability";
-
-const modals = {
-  "PAYMENT_BANK_TRANSFER"  : BankTransfer,
-  "PAYMENT_WAS_DONE"       : PaymentDone,
-  "ESTIMATE_COMPANY_PRICE" : CompanyValability,
-};
-
-export default modals;

package/src/Payment/actions.jsx

@@ -1,22 +0,0 @@
-// @flow
-
-import { createModal } from "../utility";
-
-import type { BankTransferArgsTypes } from "./types";
-
-export const payUsingBankTransferModal = (
-  (application : string, options : BankTransferArgsTypes) : any => (
-    createModal("PAYMENT_BANK_TRANSFER", {
-      application,
-      options,
-    })
-  )
-);
-
-export const showTransferWasDone = () : any => (
-  createModal("PAYMENT_WAS_DONE")
-);
-
-export const estimateCompanyPriceModal = (id : number) : any => (
-  createModal("ESTIMATE_COMPANY_PRICE", { id })
-);

package/src/Payment/index.jsx

@@ -1,124 +0,0 @@
-// @flow
-/* eslint-disable no-magic-numbers */
-
-import type { BankTransferArgsTypes, PayUsingBankTransferType } from "./types";
-
-type PaymentWrapPropTypes = {
-  +url: string;
-  +application: string;
-  +companyID: number;
-  +children: any;
-  +payUsingBankTransfer: PayUsingBankTransferType;
-};
-
-type PaymentWrapStateTypes = {
-  envKey: string;
-  data: string;
-  show3rdServiceForm: bool;
-};
-
-import { SubmissionError } from "redux-form/immutable";
-
-import React from "react";
-
-import { addPayment as addPaymentRequest } from "./request";
-
-import { ReduxFormSubmissionError } from "../utility";
-
-import MobilpayForm from "./MobilpayForm";
-
-import { connect } from "react-redux";
-
-import { payUsingBankTransferModal } from "./actions";
-
-import { getDetails } from "./util";
-
-const
-  mapDispatchToProps = (dispatch : any) => ({
-    payUsingBankTransfer: (application : string, options : BankTransferArgsTypes) => () => {
-      dispatch(payUsingBankTransferModal(application, options));
-    },
-  });
-
-
-/*
-  Injects a createPayment method ready for dealing with adding the payment.
-  After that, it submits the payment
-*/
-class PaymentWrap extends React.Component<PaymentWrapPropTypes, PaymentWrapStateTypes> {
-
-  props: PaymentWrapPropTypes;
-  state: PaymentWrapStateTypes;
-
-  createPayment: (formData : any) => Promise<*>;
-
-  constructor (props : PaymentWrapPropTypes) {
-    super(props);
-
-    this.state = {
-      envKey             : "",
-      data               : "",
-      show3rdServiceForm : false,
-    };
-
-    this.createPayment = (formData : any) => {
-      const
-        { companyID } = this.props,
-        data : any = formData.toJS(),
-        Details = getDetails(this.props.application, {
-          ...data,
-          companyID,
-        }),
-        toSend = {
-          CompanyID: companyID,
-          Details,
-        };
-
-      return addPaymentRequest(toSend).
-        then((response : any) => {
-          if (response.Error === "") {
-            this.setState({
-              envKey             : response.EnvKey,
-              data               : response.Data,
-              show3rdServiceForm : true,
-            });
-          } else {
-            throw new SubmissionError({
-              _error: response.Error,
-            });
-          }
-        }).
-        catch(ReduxFormSubmissionError);
-    };
-  }
-
-  render () {
-    const { children, companyID } = this.props;
-
-    if (this.state.show3rdServiceForm) {
-      return (
-        <MobilpayForm
-          data={this.state.data}
-          envKey={this.state.envKey}
-          url={this.props.url}
-        />
-      );
-    }
-
-    if (children === null) {
-      return null;
-    }
-
-    return (
-      React.cloneElement(children, {
-        companyID,
-        createPayment        : this.createPayment,
-        payUsingBankTransfer : this.props.payUsingBankTransfer,
-      })
-    );
-  }
-}
-
-export * from "./codes";
-
-export default connect(null, mapDispatchToProps)(PaymentWrap);

package/src/Payment/request.js

@@ -1,50 +0,0 @@
-// @flow
-
-import agent from "superagent";
-
-const normalizePayment = (resolve, reject) => (
-  (error, response) => {
-
-    if (error) {
-      reject({ error });
-    } else {
-      const { body } = response,
-        { Error } = body;
-
-      if (typeof Error !== "undefined" && Error !== "") {
-        reject({
-          error: Error,
-        });
-      } else {
-        resolve({
-          ...body,
-          Error,
-        });
-      }
-    }
-  }
-);
-
-export const addPayment = (data : any) => (
-  new Promise((resolve, reject) => (
-    agent.
-      put("/api/settings/payments").
-      set("Accept",
-        "application/json").
-      send(data).
-      end(normalizePayment(resolve,
-        reject))
-  )) : Promise<any>
-);
-
-export const confirmBankTransfer = (data : any) => (
-  new Promise((resolve, reject) => (
-    agent.
-      put("/api/settings/payments/confirm-bank-transfer").
-      set("Accept",
-        "application/json").
-      send(data).
-      end(normalizePayment(resolve,
-        reject))
-  )) : Promise<any>
-);

package/src/Payment/types.js

@@ -1,14 +0,0 @@
-// @flow
-
-export type PaymentOptions = {
-  reference: string;
-}
-
-export type BankTransferArgsTypes = any;
-// Immutable.Map({
-//   Credits,
-//   companyID,
-//   amount,
-// }),
-
-export type PayUsingBankTransferType = (application: string, options: BankTransferArgsTypes) => void;

package/src/Payment/util.jsx

@@ -1,52 +0,0 @@
-// @flow
-
-type DataType = {
-  Credits: number;
-  Months: number;
-  companyID: number;
-};
-
-import * as codes from "./codes";
-
-const getDetails = (application : string, data : DataType) => {
-
-  const getParams = () => {
-    const { Credits, Months, companyID } = data;
-
-    switch (application) {
-      case codes.ApplicationCodeSMSAlert:
-
-        return [
-          Credits,
-          companyID,
-        ];
-
-      case codes.ApplicationCodeAutoService:
-      case codes.ApplicationCodeInvoiceService:
-        return [
-          Months,
-          companyID,
-        ];
-
-      default:
-        return [];
-    }
-  };
-
-  return `${application}-${getParams().join("-")}`;
-};
-
-const info = {
-  to      : "S.C. SIDEWORK S.R.L.",
-  cif     : "40375263",
-  regCom  : "J52/21/2019",
-  address : "B-dul Republicii, Bl. B3, Ap. 19, Et. 2, Camera 1 & Camera 2, Bolintin Vale, Giurgiu",
-
-  bankName    : "Banca Transilvania S.A.",
-  bankAccount : "RO27 BTRL RONC RT04 8269 9301",
-};
-
-export {
-  info,
-  getDetails,
-};

package/src/Payment/validate.js

@@ -1,25 +0,0 @@
-// @flow
-
-import {
-  extractErrorsFromCheckers,
-} from "../utility";
-
-const validateTrue = (value : string) => {
-  const
-    notValid = (
-      typeof value !== "boolean" ||
-      value !== true
-    );
-
-  return {
-    notValid,
-    error: "Trebuie să fii de acord",
-  };
-};
-
-const
-  checkers = {
-    AcceptPolicy: validateTrue,
-  };
-
-export const validate = extractErrorsFromCheckers(checkers);

package/src/Sidebar.jsx

@@ -1,158 +0,0 @@
-// @flow
-
-import * as React from "react";
-
-export type SidebarPropTypes = {
-  +brand: string;
-  +Menu: any;
-  +children: React.Node;
-  +data: any;
-
-  +hasError: boolean;
-  +board: any;
-
-  +toggleSidebar: () => void;
-  +closeSidebar: () => void;
-  +fixSidebar: () => void;
-};
-
-export type SidebarPropTypesContent = {
-  Menu: any;
-  id?: string;
-  ui: {
-    sidebarDocked: boolean;
-  };
-  data: any;
-  closeSidebar: () => void;
-  fixSidebar: () => void;
-};
-
-export type SidebarStateTypes = {
-  showNavbar: boolean;
-  sidebarDocked: boolean;
-  sidebarOpen: boolean;
-  sidebarDocked: boolean;
-};
-
-import ReactSidebar from "react-sidebar";
-
-import { mql } from "./utility";
-
-import { Header } from "./Header";
-
-const styles = {
-  sidebar: {
-    zIndex           : 2,
-    position         : "absolute",
-    top              : 0,
-    bottom           : 0,
-    transition       : "transform .3s ease-out",
-    WebkitTransition : "-webkit-transform .3s ease-out",
-    willChange       : "transform",
-    overflowY        : "auto",
-  },
-  overlay: {
-    zIndex : 3,
-    left   : 240,
-  },
-};
-
-class Sidebar extends React.PureComponent<SidebarPropTypes, SidebarStateTypes> {
-
-  props: SidebarPropTypes;
-  state: SidebarStateTypes;
-
-  updateSidebar: () => void;
-  toggleNavbar: () => void;
-  toggleSidebarOpen: (value : boolean) => void;
-  showSidebar: () => void;
-  closeSidebar: () => void;
-
-  constructor (props : SidebarPropTypes) {
-    super(props);
-
-    this.state = {
-      showNavbar    : false,
-      sidebarDocked : mql.matches,
-      sidebarOpen   : false,
-    };
-
-    this.updateSidebar = () => {
-      this.setState((current : any) => ({
-        sidebarOpen   : !mql.matches && current.sidebarOpen,
-        sidebarDocked : mql.matches,
-      }));
-    };
-
-    this.toggleNavbar = () => {
-      this.setState((current : any) => ({
-        showNavbar: !current.showNavbar,
-      }));
-    };
-
-    this.toggleSidebarOpen = (value : boolean) => {
-      this.setState({
-        sidebarOpen: value,
-      });
-    };
-
-    this.showSidebar = () => {
-      const theMetch = mql.matches;
-
-      this.setState({
-        sidebarOpen   : !theMetch,
-        sidebarDocked : theMetch,
-      });
-    };
-
-    this.closeSidebar = () => {
-      this.setState({
-        sidebarOpen   : false,
-        sidebarDocked : false,
-      });
-    };
-  }
-
-  componentDidMount () {
-    mql.addListener(this.updateSidebar);
-  }
-
-  componentWillUnmount () {
-    mql.removeListener(this.updateSidebar);
-  }
-
-  render () {
-    const { data, children } = this.props;
-
-    const sidebarprops = {
-      closeSidebar: this.closeSidebar,
-    };
-
-    return (
-      <ReactSidebar
-        {...this.props}
-        contentClassName="wrapper"
-        docked={this.state.sidebarDocked}
-        onSetOpen={this.toggleSidebarOpen}
-        open={this.state.sidebarOpen}
-        rootClassName="page-wrapper dark-theme toggled"
-        sidebar={React.cloneElement(this.props.Menu, sidebarprops)}
-        sidebarClassName="sidebar-wrapper"
-        styles={styles}
-        touch={false}
-        transitions={false}>
-        <Header
-          brand={this.props.brand}
-          company={data}
-          showNavbar={this.state.showNavbar}
-          showSidebar={this.showSidebar}
-          sidebarDocked={this.state.sidebarDocked}
-          toggleNavbar={this.toggleNavbar}
-        />
-        { children }
-      </ReactSidebar>
-    );
-  }
-}
-
-export default Sidebar;