x25 17.7.0 → 17.7.2

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;

package/src/UI/Collapse.tsx

@@ -1,80 +0,0 @@
-/* eslint-disable no-undefined */
-import React, { useEffect, useRef, useState } from "react";
-
-type CollapseProps = {
-  readonly open?: boolean;
-  readonly children: any;
-  readonly contentClassName: string;
-}
-
-const Collapse = ({ open, children, contentClassName } : CollapseProps) => {
-
-  const
-    contentContainerClassName = "collapsible-content-padding-edonec",
-
-    [visibleTimeout, setVisibleTimeout] = useState(0),
-    [overflow, setOverflow] = useState(open ? "hidden" : "visible"),
-
-    [isOpen, setIsOpen] = useState(open),
-    [height, setHeight] = useState<number | undefined>(open ? undefined : 0),
-
-    ref = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    setIsOpen(open);
-  }, [open]);
-
-  useEffect(() => {
-    if (!height || !isOpen || !ref.current) {
-      return undefined;
-    }
-    const resizeObserver = new ResizeObserver((element) => {
-      setHeight(element[0].contentRect.height);
-    });
-
-    resizeObserver.observe(ref.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [height, isOpen]);
-
-
-  useEffect(() => {
-    clearTimeout(visibleTimeout);
-
-    const delay = 100;
-
-    setOverflow("hidden");
-
-    if (isOpen) {
-      setHeight(ref.current?.getBoundingClientRect().height);
-    } else {
-      setHeight(0);
-    }
-
-    const theTimeout : any = setTimeout(() => {
-      if (isOpen) {
-        setOverflow("visible");
-      }
-    }, delay);
-
-    setVisibleTimeout(theTimeout);
-
-    return () => {
-      clearTimeout(visibleTimeout);
-    };
-
-  }, [isOpen]);
-
-  return (
-    <div
-      className={`collapsible-content-edonec ${contentClassName}`} style={{ height,
-        overflow }}>
-      <div className={contentContainerClassName} ref={ref}>
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default Collapse;

package/src/UI/LoadImages.tsx

@@ -1,58 +0,0 @@
-import React, { useState, useEffect } from "react";
-
-import { ErrorMessage, LoadingMessage } from "../Messages";
-
-type LoadImagesProps = {
-  readonly children: any;
-  readonly images: string[];
-}
-
-const LoadImages = (props : LoadImagesProps) => {
-  const
-    [loaded, setLoaded] = useState(false),
-    [hasError, setHasError] = useState(false),
-
-    fetchAll = () => {
-      setHasError(false);
-      setLoaded(false);
-
-      const
-        loadImage = (image : any) => new Promise((resolve, reject) => {
-          const loadImg = new Image();
-
-          loadImg.src = image;
-          loadImg.onload = () => {
-            resolve(image);
-          };
-          loadImg.onerror = (err) => {
-            reject(err);
-          };
-        });
-
-      Promise.all(props.images.map((image) => loadImage(image))).
-        then(() => setLoaded(true)).
-        catch(() => () => {
-          setHasError(true);
-          setLoaded(false);
-        });
-    };
-
-  useEffect(() => {
-    fetchAll();
-  }, []);
-
-
-  if (loaded) {
-    return props.children;
-  }
-
-  if (hasError) {
-    return <ErrorMessage message="Problem loading" onRetry={fetchAll} />;
-  }
-
-  return (
-    <LoadingMessage className="mt-5" />
-  );
-};
-
-export default LoadImages;

package/src/UI/NewFeature.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-
-type NewFeatureProps = {
-  readonly message?: string;
-  readonly description?: string;
-}
-
-const NewFeature = (props : NewFeatureProps) => (
-  <span className="mx-1">
-    <span className="badge rounded-pill text-bg-warning">
-      {props.message ?props.message : "Nou"}
-    </span>
-    {
-      props.description ? (
-        <span className="text-muted ms-1 small">
-          {props.description}
-        </span>
-      ) : null
-    }
-  </span>
-);
-
-export default NewFeature;