x25 17.7.0 → 17.7.3

package/src/Payment/Modal/BankTransfer.tsx

@@ -1,117 +0,0 @@
-
-
-import React, { useState } from "react";
-import { ModalWindow } from "../../Modal";
-import { numberToLocale } from "../../utility";
-import { SIDEWORK_APPLICATION } from "../core/codes";
-import { sideworkCompanyInfo as info } from "../core/util/info";
-import { getDetails } from "../core/util/util";
-import BankTransferFormWrapper from "../Pieces/BankTransferForm/BankTransferFormWrapper";
-
-
-type PaymentBankTransferProps = {
-  readonly application: SIDEWORK_APPLICATION;
-  readonly options: any;
-  readonly info : any;
-};
-
-const 
-  PaymentBankTransfer = ({ application, options }: PaymentBankTransferProps) => {
-    const [done, setDone] = useState(false),
-      details = getDetails(application, options),
-
-      transferIsDone = () => {
-        setDone(true);
-      };
-
-    if (done) {
-      return <BankTransferFormWrapper details={details} />;
-    }
-
-    return (
-      <div className="container">
-        <div className="row">
-          <div className="col-xl">
-            <h4>
-              {"Pasul "}
-              <span className="badge text-bg-primary rounded-circle">1</span>
-            </h4>
-            <div className="text-muted">{"Te rugăm să operezi următorul transfer bancar."}</div>
-            <div className="container mt-3">
-              <div className="row">
-                <div className="col-lg card">
-                  <div className="container card-body">
-                    <div className="row">
-                      <div className="col-md-4 text-md-right">{"Către"}</div>
-                      <div className="col-md-8 fw-bold">{info.to}</div>
-                    </div>
-                    <div className="row">
-                      <div className="col-md-4 text-md-right">{""}</div>
-                      <div className="col-md-8 small">
-                        {`C.I.F. ${info.cif} și Reg. Com. ${info.regCom}`}
-                      </div>
-                    </div>
-                    <div className="row">
-                      <div className="col-md-4 text-md-right text-muted">{"Din"}</div>
-                      <div className="col-md-8 small text-muted">{info.address}</div>
-                    </div>
-                    <hr />
-                    <div className="row">
-                      <div className="col-md-4 text-md-right">{"Numele băncii"}</div>
-                      <div className="col-md-8">{info.bankName}</div>
-                    </div>
-                    <div className="row">
-                      <div className="col-md-4 text-md-right">{"IBAN"}</div>
-                      <div className="col-md-8 fw-bold">{info.bankAccount}</div>
-                    </div>
-                    <div className="row">
-                      <div className="col-md-4 text-md-right">{"Suma"}</div>
-                      <div className="col-md-8 fw-bold">
-                        {numberToLocale(options.amount)}{" lei"}
-                      </div>
-                    </div>
-                    <div className="row">
-                      <div className="col-md-4 text-md-right">{"Referință"}</div>
-                      <div className="col-md-8 fw-bold">
-                        <code>{details}</code>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="alert alert-warning mt-3">
-              <i className="fa fa-exclamation-circle me-1" />
-              {"Este foarte important să scrii cu atenție câmpul \"Referință\""}
-            </div>
-          </div>
-          <div className="col-xl">
-            <h4>
-              {"Pasul "}
-              <span className="badge text-bg-primary rounded-circle">2</span>
-            </h4>
-            <div className="mt-4">
-              {"După ce ai efectuat transferul bancar, apasă următorul buton:"}
-            </div>
-            <div className="text-center">
-              <button
-                className="btn btn-block btn-primary mt-4 me-1 ms-1 mb-3"
-                onClick={transferIsDone}
-                type="button">
-                <i className="fa fa-check me-1" />
-                {"Am efectuat transferul bancar"}
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  },
-
-  PaymentBankTransferModal = (props: PaymentBankTransferProps) => (
-    <ModalWindow size="xl" title="Transfer bancar">
-      <PaymentBankTransfer {...props} />
-    </ModalWindow>
-  );
-
-export default PaymentBankTransferModal;

package/src/Payment/Modal/BankTransferDoneModal.tsx

@@ -1,27 +0,0 @@
-
-
-import React from "react";
-import { ModalWindow } from "../../Modal";
-
-const PaymentBankTransferDoneModal = () => (
-  <ModalWindow title="Totul e în regulă!">
-    <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>
-  </ModalWindow>
-);
-
-export default PaymentBankTransferDoneModal;

package/src/Payment/Modal/index.ts

@@ -1,11 +0,0 @@
-
-
-import PaymentBankTransferModal from "./BankTransfer";
-import PaymentBankTransferDoneModal from "./BankTransferDoneModal";
-
-const paymentModals = {
-  "PAYMENT_BANK_TRANSFER" : PaymentBankTransferModal,
-  "PAYMENT_WAS_DONE"      : PaymentBankTransferDoneModal,
-};
-
-export default paymentModals;

package/src/Payment/Pieces/BankTransferForm/BankTransferForm.tsx

@@ -1,91 +0,0 @@
-import Immutable from "immutable";
-import React from "react";
-import { ImmutableForm } from "react-immutable-form";
-import { formUtils } from "react-immutable-form-with-bootstrap";
-import { onSubmitImmutableFormFunc } from "react-immutable-form/types";
-import { PaymentBankTransferConfirmForm } from "../../core/types";
-import BankTransferNumberField from "./BankTransferNumberField";
-import validate from "./validate";
-  
-type BankTransferFormProps = {
-  readonly buttonLabel: string;
-  readonly initialValues?: Immutable.Map<string, any>;
-  readonly onSubmit: onSubmitImmutableFormFunc;
-};
-
-const
-  BankTransferForm = (props : BankTransferFormProps) => {
-    const
-      { buttonLabel, initialValues, onSubmit } = props,
-      onSubmitError = formUtils.useOnSubmitWithDispatch(),
-      onServerFailed = formUtils.useOnServerFailed();
-  
-    return (
-      <ImmutableForm<PaymentBankTransferConfirmForm>
-        initialValidators={validate}
-        initialValues={initialValues}
-        onServerFailed={onServerFailed}
-        onSubmit={onSubmit}
-        onSubmitError={onSubmitError}>
-        {(form) => {
-          const
-            formError = form.management.get("formError"),
-            isSubmitting = form.management.get("isSubmitting"),
-            numberInputRef = React.useRef(null as any),
-            focusNumberInput = () => numberInputRef?.current?.focus();
-    
-          React.useEffect(() => {
-            focusNumberInput();
-          }, []);
-    
-          return (
-            <form autoComplete="off" onSubmit={form.handleSubmit}>
-              <div className="container">
-                <div className="row">
-                  <div className="col-lg-6 offset-lg-3">
-                    {formError ? (
-                      <div className="alert alert-danger mt-2">
-                        {formError}
-                      </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">
-                          <BankTransferNumberField 
-                            inputProps={{
-                              ref: numberInputRef,
-                            }} 
-                          />
-                        </div>
-                      </div>
-                    </div>
-                    <div className="text-center my-3">
-                      <button
-                        aria-label={buttonLabel}
-                        className="btn btn-primary"
-                        disabled={isSubmitting}
-                        type="submit">
-                        {isSubmitting ? (
-                          <span>
-                            <i className="fa fa-refresh fa-spin fa-fw" />
-                            {" Așteaptă"}
-                          </span>
-                        ) : `${buttonLabel}`}
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </form>
-          );
-        }}
-      </ImmutableForm>
-    );
-  };
-  
-export default BankTransferForm;
-

package/src/Payment/Pieces/BankTransferForm/BankTransferFormWrapper.tsx

@@ -1,56 +0,0 @@
-
-import Immutable from "immutable";
-import React from "react";
-import { ImmutableFormError } from "react-immutable-form";
-import { onSubmitImmutableFormFunc } from "react-immutable-form/types";
-import { useDispatch } from "react-redux";
-import superagent from "superagent";
-import { hideModal } from "../../../actions";
-import { paymentShowBankTransferDoneAction } from "../../core/actions";
-import { PaymentBankTransferConfirmForm } from "../../core/types";
-import BankTransferForm from "./BankTransferForm";
-
-type BankTransferFormWrapperProps = {
-  readonly details: string;
-}
-
-const
-  BankTransferFormWrapper = (props : BankTransferFormWrapperProps) => {
-    const
-      dispatch = useDispatch(),
-      performModify = () => {
-        dispatch(hideModal());
-        dispatch(paymentShowBankTransferDoneAction());
-      },
-      getURL = () => "/api/settings/payments/confirm-bank-transfer",
-      onSubmit : onSubmitImmutableFormFunc = async (values: Immutable.Map<string, any>) => {
-        const
-          formData = values.toJS() as PaymentBankTransferConfirmForm,
-          performRequest = () => (
-            superagent.
-              put(getURL()).
-              set("Accept", "application/json").
-              send({
-                ...formData,
-                Details: props.details,
-              })
-          ),
-          { body } = await performRequest();
-
-        if (body.Error !== "") {
-          throw new ImmutableFormError(body.Error);
-        }
-
-        performModify();
-      };
-
-    return (
-      <BankTransferForm
-        buttonLabel="Finalizează proces"
-        onSubmit={onSubmit}
-      />
-    );
-  };
-
-export default BankTransferFormWrapper;
-

package/src/Payment/Pieces/BankTransferForm/BankTransferNumberField.tsx

@@ -1,33 +0,0 @@
-
-import Immutable from "immutable";
-import React from "react";
-import { ImmutableField } from "react-immutable-form";
-import { InputTemplate } from "react-immutable-form-with-bootstrap";
-
-type BankTransferNumberFieldProps = {
-  readonly inputProps?: React.HTMLAttributes<HTMLElement> & { ref?: React.RefObject<any> };
-}
-
-const 
-  BankTransferNumberField = (props : BankTransferNumberFieldProps) => {
-    const 
-      componentProps = React.useMemo(() => Immutable.Map({
-        label: "Număr tranzacție",
-      }), []);
-
-    return (
-      <ImmutableField
-        component={InputTemplate}
-        componentProps={componentProps}
-        inputProps={{
-          ...props.inputProps,
-          placeholder: "ex. 238747324", 
-        }}
-        name="TransferNumber"
-      />
-    );
-  };
-
-export default BankTransferNumberField;
-
-

package/src/Payment/Pieces/BankTransferForm/validate.ts

@@ -1,14 +0,0 @@
-/* eslint-disable no-undefined */
-import Immutable from "immutable";
-import { validateString } from "../../../utility";
-
-const
-  TransferNumber = validateString({
-    optional : false,
-    min      : 1,
-    max      : 500,
-  });
-
-export default  Immutable.Map({
-  TransferNumber,
-});

package/src/Payment/Pieces/MobilPayForm.tsx

@@ -1,47 +0,0 @@
-
-import React, { useEffect, useRef } from "react";
-import { config } from "../../config";
-import { LoadingMessage } from "../../Messages";
-
-type MobilPayFormProp = {
-  readonly envKey: string;
-  readonly data: string;
-}
-  
-const 
-  MobilPayForm = (props : MobilPayFormProp) => {
-    const
-      { envKey, data } = props,
-      formRef = useRef<HTMLFormElement>(null),
-      timeoutRef = useRef<any>(null),
-      delay = 1000, 
-      submit = () => {
-        formRef.current?.submit();
-      },
-  
-      startWaiting = () => {
-        timeoutRef.current = setTimeout(() => {
-          submit();
-        }, delay);
-      },
-  
-      stopWaiting = () => {
-        clearTimeout(timeoutRef.current);
-      };
-  
-    useEffect(() => {
-      startWaiting();
-      return () => stopWaiting();
-    }, [envKey, data]);
-
-    return (
-      <form action={config.MobilPayURL} method="POST" ref={formRef}>
-        <input name="env_key" type="hidden" value={envKey} />
-        <input name="data" type="hidden" value={data} />
-        <LoadingMessage className="mt-5" message="Se inițiază conexiunea..." />
-      </form>
-    );
-  };
-
-export default MobilPayForm;
-  

package/src/Payment/Pieces/Payment.tsx

@@ -1,91 +0,0 @@
-
-/* eslint-disable no-magic-numbers */
-
-import Immutable from "immutable";
-import React from "react";
-import { ImmutableFormError } from "react-immutable-form";
-import { useDispatch } from "react-redux";
-import { paymentPayUsingBankTransferModalAction } from "../core/actions";
-import { SIDEWORK_APPLICATION } from "../core/codes";
-import { addPayment as addPaymentRequest } from "../core/request";
-import type { PaymentBankTransferArgsTypes } from "../core/types";
-import { getDetails } from "../core/util/util";
-import MobilPayForm from "./MobilPayForm";
-
-type PaymentProps = {
-  readonly companyID: number;
-  readonly children: any;
-  readonly application: SIDEWORK_APPLICATION;
-  readonly url?: string;
-};
-
-const
-  /**
-   *   Injects a createPayment method ready for dealing with adding the payment.
-  After that, it submits the payment 
-  */
-  Payment = (props : PaymentProps) => {
-    const 
-      [ info, setInfo ] = React.useState(Immutable.Map({
-        envKey             : "",
-        data               : "",
-        show3rdServiceForm : false,
-      })),  
-      dispatch = useDispatch(),
-      payUsingBankTransfer = (options : PaymentBankTransferArgsTypes) => () => {
-        dispatch(paymentPayUsingBankTransferModalAction(props.application, options));
-      },
-      createPayment = (rawData : any) => {
-        const
-          data = rawData.toJS(),
-          { companyID } = props,
-          Details = getDetails(props.application, {
-            ...data,
-            companyID,
-          }),
-          toSend = {
-            CompanyID: companyID,
-            Details,
-          };
-  
-        return addPaymentRequest(toSend).
-          then((response : any) => {
-            if (response.Error === "") {
-              setInfo(Immutable.Map({
-                envKey             : response.EnvKey,
-                data               : response.Data,
-                show3rdServiceForm : true,
-              }));
-            } 
-          }).
-          catch(() => {
-            // eslint-disable-next-line no-alert
-            throw new ImmutableFormError("Ceva nu a mers cum trebuia");
-          });
-      },
-
-      { children, companyID } = props;
-
-    if (info.get("show3rdServiceForm")) {
-      return (
-        <MobilPayForm
-          data={info.get("data") as string}
-          envKey={info.get("envKey") as string}
-        />
-      );
-    }
-
-    if (children === null) {
-      return null;
-    }
-
-    return (
-      React.cloneElement(children, {
-        companyID,
-        createPayment,
-        payUsingBankTransfer,
-      })
-    );
-  };
-
-export default Payment;

package/src/Payment/core/actions.ts

@@ -1,17 +0,0 @@
-
-
-import { createModal } from "../../utility";
-
-export const paymentPayUsingBankTransferModalAction = (
-  (application : string, options : any) : any => (
-    createModal("PAYMENT_BANK_TRANSFER", {
-      application,
-      options,
-    })
-  )
-);
-
-export const paymentShowBankTransferDoneAction = () : any => (
-  createModal("PAYMENT_WAS_DONE")
-);
-

package/src/Payment/core/codes.ts

@@ -1,31 +0,0 @@
-/* eslint-disable no-shadow */
-
-/** Payment types for all sidework ecosystem  */
-export enum SIDEWORK_APPLICATION {
-  /** 
-   * ApplicationCodeSMSAlert
-   * Example: smsalert-1000-3
-   * - credits: number of credits (e.g., 1000)
-   * - companyID: ID of the company (e.g., 3)
-   */
-  SMS_ALERT = "smsalert",
-
-  /** 
-   * ApplicationCodeInvoiceService
-   * Example: facturare-2-76
-   * - months: number of months (e.g., 2)
-   * - companyID: ID of the company (e.g., 76)
-   */
-  INVOICES_SUBSCRIPTION = "facturare",
-
-  /** 
-   * ApplicationCodeAutoService
-   * Example: auto-2-76
-   * - months: number of months (e.g., 2)
-   * - companyID: ID of the company (e.g., 76)
-   */
-  SIDENOTE_SUBSCRIPTION = "auto",
-}
-
-// Usage example
-export default SIDEWORK_APPLICATION;

package/src/Payment/core/request.ts

@@ -1,39 +0,0 @@
-
-
-import agent from "superagent";
-
-const normalizePayment = (resolve : any, reject : any) => (
-  (error : any, response : any) => {
-
-    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))
-  )) 
-);
-

package/src/Payment/core/types.d.ts

@@ -1,19 +0,0 @@
-
-
-export type PaymentOptions = {
-  reference: string;
-}
-
-export type PaymentBankTransferArgsTypes = any;
-// Immutable.Map({
-//   Credits,
-//   companyID,
-//   amount,
-// }),
-
-export type PaymentPayUsingBankTransferType = (application: string, options: PaymentBankTransferArgsTypes) => void;
-
-export type PaymentBankTransferConfirmForm = {
-  Details: string;
-  TransferNumber: string;
-}

package/src/Payment/core/util/info.ts

@@ -1,10 +0,0 @@
-export const 
-  sideworkCompanyInfo = {
-    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",
-  };

package/src/Payment/core/util/util.ts

@@ -1,41 +0,0 @@
-
-type DataType = {
-  Credits: number;
-  Months: number;
-  companyID: number;
-};
-  
-import codes, { SIDEWORK_APPLICATION } from "../codes";
-
-const getDetails = (application : SIDEWORK_APPLICATION, data : DataType) => {
-  
-  const getParams = () => {
-    const { Credits, Months, companyID } = data;
-  
-    switch (application) {
-      case codes.SMS_ALERT:
-  
-        return [
-          Credits,
-          companyID,
-        ];
-  
-      case codes.SIDENOTE_SUBSCRIPTION:
-      case codes.INVOICES_SUBSCRIPTION:
-        return [
-          Months,
-          companyID,
-        ];
-  
-      default:
-        return [];
-    }
-  };
-  
-  return `${application}-${getParams().join("-")}`;
-};
-  
-export {
-  getDetails,
-};
-  

package/src/Payment/index.ts

@@ -1,9 +0,0 @@
-import { default as PAYMENT_APP_CODES } from "./core/codes";
-import paymentModals from "./Modal";
-
-const paymentUtils = {
-  PAYMENT_APP_CODES,
-  paymentModal: paymentModals,
-};
-
-export default paymentUtils;