x25 17.7.0 → 17.7.3

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;

package/src/UI/Things.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-import Notifications from "react-notification-system-redux2";
-import { connect } from "react-redux";
-import ModalRoot from "../Modal/Root";
-import { deleteNotification } from "../actions";
-import { getNotificationState } from "../config";
-import type { Dispatch, State } from "src/types";
-
-const
-  mapStateToProps = (state: State) => ({
-    notifications: getNotificationState(state) || [],
-  }),
-  mapDispatchToProps = (dispatch: Dispatch) => ({
-    handleDismiss: (notification : { key : number }) => {
-      dispatch(deleteNotification(notification.key));
-    },
-  }),
-
-  NotificationsContainer = connect(mapStateToProps, mapDispatchToProps)(Notifications),
-
-  Things = () => (
-    <>
-      <div className="d-print-none">
-        <NotificationsContainer />
-      </div>
-      <ModalRoot />
-    </>
-  );
-
-export default Things;

package/src/actions.ts

@@ -1,48 +0,0 @@
-import Notifications from "react-notification-system-redux2";
-import type { Action } from "src/types";
-
-type NotificationOptions = {
-  seconds?: number;
-  persistent?: boolean;
-  position?: "tr" | "tl" | "tc" | "br" | "bl" | "bc";
-}
-
-type CreateNotification = (
-  (level : string) => (title : string | JSX.Element, options?: NotificationOptions) => Action
-);
-
-const
-  autoDismissDelay = 6,
-  createNotification : CreateNotification = (level) => (title, options) => Notifications.show({
-    title,
-    position    : "bc",
-    autoDismiss : options?.persistent ? 0 : (options?.seconds ? options.seconds : autoDismissDelay),
-    ...options,
-  }, level);
-
-export const
-  notify = createNotification("success"),
-  notifyWarning = createNotification("warning"),
-  notifyError = createNotification("error"),
-  deleteNotification = (position: number): Action => ({
-    type    : "DELETE_NOTIFICATION",
-    payload : position,
-  }),
-
-  // captcha
-
-  showCaptcha = (payload: {
-    id: string;
-    name: string;
-  }): Action => ({
-    type: "SHOW_CAPTCHA",
-    payload,
-  }),
-  hideCaptcha = (payload: string): Action => ({
-    type: "HIDE_CAPTCHA",
-    payload,
-  });
-
-export * from "./Account/actions";
-export * from "./Modal/actions";
-

package/src/config.ts

@@ -1,19 +0,0 @@
-export let config: any = {};
-
-const getReducerState = (module: string) => (state : any) => {
-  if (config.isMutable) {
-    return state[module];
-  }
-
-  return state.get(module);
-};
-
-export const
-  setConfiguration = (current: any) => {
-    config = current;
-  },
-  getAccountState = getReducerState("account"),
-  getModulesState = getReducerState("module"),
-  getModalsState = getReducerState("modal"),
-  getNotificationState = getReducerState("notifications");
-

package/src/index.ts

@@ -1,16 +0,0 @@
-
-
-// UI 
-export { default as NewFeature } from "./UI/NewFeature";
-
-// Developer 
-export { default as JSONSyntaxFromData } from "./Developer/JSONSyntaxFromData";
-export { default as JSONSyntaxFromText } from "./Developer/JSONSyntaxFromText";
-
-// utility
-export { default as normalize } from "./utility/normalize";
-export { default as words } from "./utility/words";
-
-export { default as paymentUtils } from "./Payment/index";
-export { default as Payment } from "./Payment/Pieces/Payment";
-

package/src/node_modules/.vitest/results.json

@@ -1 +0,0 @@
-{"version":"0.34.6","results":[[":utility/strings.test.ts",{"duration":0,"failed":true}],[":utility/normalize.test.ts",{"duration":0,"failed":true}],[":utility/validation/validate/email.test.ts",{"duration":0,"failed":true}]]}

package/src/reducer/captchas.ts

@@ -1,34 +0,0 @@
-import * as Immutable from "immutable";
-import type { State } from "src/types";
-
-const initialState = Immutable.Map(),
-
-  showCaptcha = (state: any, {
-    payload: {
-      name,
-      id,
-    },
-  } : { payload : { name : string, id : string }}) => state.set(name, id),
-  hideCaptcha = (state: any, {
-    payload,
-  } : { payload : any }) => state.delete(payload),
-
-  captchasReducer = (state: any = initialState, action: any) => {
-    switch (action.type) {
-      case "SHOW_CAPTCHA":
-        return showCaptcha(state, action);
-
-      case "HIDE_CAPTCHA":
-        return hideCaptcha(state, action);
-
-      default:
-        return state;
-    }
-  },
-
-  getCaptcha = (state: State, name: string) => state.getIn(["captchas", name]) || "";
-
-export const selectors = {
-  getCaptcha,
-};
-export default captchasReducer;

package/src/reducer/index.ts

@@ -1,17 +0,0 @@
-import modal, { selectors as modalSelectors } from "../Modal/reducer";
-import account, { selectors as accountSelectors } from "../Account/reducer";
-import captchas, { selectors as captchasReducer } from "./captchas";
-import module from "./module";
-
-const state = {
-    module,
-    account,
-    captchas,
-    modal,
-  },
-  selectors = { ...captchasReducer,
-    ...accountSelectors,
-    ...modalSelectors,
-  };
-
-export { state, selectors };

package/src/reducer/module.ts

@@ -1,31 +0,0 @@
-import * as Immutable from "immutable";
-import { getModulesState } from "../config";
-
-const initialState = Immutable.Map(),
-
-  initModule = (state: any, {
-    payload,
-  } : { payload : any }) => state.set(payload, true),
-
-  reducer = (state: any = initialState, action: any) => {
-    switch (action.type) {
-      case "INIT_MODULE":
-        return initModule(state, action);
-
-      default:
-        return state;
-    }
-  },
-
-  getIsModuleReady = (state: any, id: string) => getModulesState(state).get(id) || false,
-
-  moduleIsReadyAction = (payload: string) => ({
-    type: "INIT_MODULE",
-    payload,
-  });
-
-export {
-  getIsModuleReady,
-  moduleIsReadyAction,
-};
-export default reducer;

package/src/styles/_json.scss

@@ -1,48 +0,0 @@
-.json-object {
-    .string {
-        color: #50a14f;
-        font-weight: 400;
-    }
-
-    .number {
-        font-weight: bold;
-        color: #986801;
-    }
-
-    .boolean {
-        font-weight: bold;
-        color: #0184bc;
-    }
-
-    .null {
-        font-weight: bold;
-        color: #0184bc;
-    }
-
-    .key {
-        color: #e45649;
-    }
-}
-
-[data-bs-theme="dark"] {
-    .string {
-        color: #f1fa76;
-        font-weight: 400;
-    }
-
-    .number {
-        color: #bd93ec;
-    }
-
-    .boolean {
-        color: #bd93ec;
-    }
-
-    .null {
-        color: magenta;
-    }
-
-    .key {
-        color: #72e9fd
-    }
-}

package/src/styles/index.scss

@@ -1 +0,0 @@
-@import '_json';

package/src/types.ts

@@ -1,27 +0,0 @@
-import type { List as ListType, Map as MapType } from "immutable";
-
-export type State = any;
-export type Action = any;
-export type ErrorType = string;
-export type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
-export type Dispatch = (action: any | ThunkAction | PromiseAction) => any;
-export type GetState = () => State;
-export type PromiseAction = Promise<any>;
-export type ModalActionType = string;
-export type NullUInt = {
-  Valid: boolean;
-  UInt: number;
-};
-export type ModalPayload = {
-  modalType: ModalActionType;
-  modalProps: any;
-};
-export type NormalizedResult = {
-  entities: MapType<string, any>;
-  result: ListType<string>;
-};
-export type MetaProps = {
-  touched: boolean;
-  error?: any;
-  submitting: boolean;
-};

package/src/utility/breakpoint.tsx

@@ -1,88 +0,0 @@
-import React, { useState, useEffect, createContext, useContext } from "react";
-
-// type BreakPoints = {
-//   hideMenu : boolean;
-// }
-
-  type BreakpointProviderProps = {
-    readonly children: any;
-    readonly queries: any;
-  }
-
-export type Queries = {
-  [key in keyof typeof mainQueries] : boolean;
-}
-
-const
-  defaultValue = {} as Queries,
-  BreakpointContext = createContext(defaultValue);
-
-export const
-  mainQueries = {
-    sm: "(max-width: 576px)",
-  // xs : "(max-width: 320px)",
-  // md : "(max-width: 1024px)",
-  // or : "(orientation: portrait)",
-  },
-  BreakpointProvider = ({ children, queries } : BreakpointProviderProps) => {
-    const [queryMatch, setQueryMatch] = useState({} as Queries);
-
-    useEffect(() => {
-      const mediaQueryLists : any = {},
-        keys = Object.keys(queries);
-      let isAttached = false;
-
-      const handleQueryListener = () => {
-        const updatedMatches = keys.reduce((acc : any, media : any) => {
-          acc[media] = Boolean(mediaQueryLists[media] && mediaQueryLists[media].matches);
-          return acc;
-        }, {});
-
-        setQueryMatch(updatedMatches);
-      };
-
-      if (window && window.matchMedia) {
-        const matches : any = {};
-
-        keys.forEach((media) => {
-          if (typeof queries[media] === "string") {
-            mediaQueryLists[media] = window.matchMedia(queries[media]);
-            matches[media] = mediaQueryLists[media].matches;
-          } else {
-            matches[media] = false;
-          }
-        });
-        setQueryMatch(matches);
-        isAttached = true;
-        keys.forEach((media) => {
-          if (typeof queries[media] === "string") {
-            mediaQueryLists[media].addListener(handleQueryListener);
-          }
-        });
-      }
-
-      return () => {
-        if (isAttached) {
-          keys.forEach((media) => {
-            if (typeof queries[media] === "string") {
-              mediaQueryLists[media].removeListener(handleQueryListener);
-            }
-          });
-        }
-      };
-    }, [queries]);
-
-    return (
-      <BreakpointContext.Provider value={queryMatch}>
-        {children}
-      </BreakpointContext.Provider>
-    );
-  },
-  useBreakpoint = () => {
-    const context = useContext(BreakpointContext);
-
-    if (context === defaultValue) {
-      throw new Error("useBreakpoint must be used within BreakpointProvider");
-    }
-    return context;
-  };

package/src/utility/calendar.ts

@@ -1,23 +0,0 @@
-import moment from "moment";
-import { toTitle } from "./strings";
-
-const now = new Date(),
-  currentMonth = now.getMonth(),
-  currentYear = now.getFullYear();
-
-export const
-  calendar = {
-    month        : currentMonth,
-    year         : currentYear,
-    currentMonth : {
-      firstDay : new Date(Date.UTC(currentYear, currentMonth, 1)).toISOString(),
-      lastDay  : new Date(Date.UTC(currentYear, currentMonth + 1, 0)).toISOString(),
-    },
-  },
-  newDate = (year: any, month: any, day: any = 1) => (
-    new Date(Date.UTC(Number(year), Number(month), day))
-  ),
-  monthYearToDate = (data: { Year: string; Month: string;}) => ({ ...data,
-    Date: newDate(data.Year, data.Month),
-  }),
-  getMonthName = (data: Date) => toTitle(moment.months(data.getMonth()));

package/src/utility/date.ts

@@ -1,108 +0,0 @@
-type MonthAndYear = {
-  year: string;
-  month: string;
-};
-import moment from "moment";
-import { isValidDate } from "./validation/validate";
-
-const ten = 10;
-
-export const 
-  pattern = "y-MM-DDTHH:mm:ss",
-  golangDateToMoment = (input : string) => moment(String(input).replace("Z", ""), pattern, "Europe/Bucharest"),
-
-  dateToGoFormat = (theValue : Date | string) => {
-    const theMoment = moment(theValue);
-
-    if (theMoment.isValid()) {
-      return `${theMoment.format("y-MM-DDTHH:mm:ss")}Z`;
-    }
-
-    return "";
-  },
-  getPreviousMonth = (year: string, month: string) => {
-    if (month === "0") {
-      return {
-        previousMonth : "11",
-        previousYear  : String(Number(year) - 1),
-      };
-    }
-
-    return {
-      previousMonth : String(Number(month) - 1),
-      previousYear  : String(year),
-    };
-  };
-export const getLastMonthAndYear = (): MonthAndYear => {
-  const currentDate = new Date(),
-    currentYear = String(currentDate.getFullYear()),
-    currentMonth = String(currentDate.getMonth()),
-    {
-      previousMonth,
-      previousYear,
-    } = getPreviousMonth(currentYear, currentMonth);
-
-  return {
-    month : previousMonth,
-    year  : previousYear,
-  };
-};
-// new Date("2016-08-25T00:00:00Z") ---> 25.08.2016
-export const formatDateObject = (date: Date): string => {
-  const
-    dd = date.getDate(),
-    mm = date.getMonth() + 1,
-    yyyy = date.getFullYear(),
-    addZero = (value : number) => {
-      if (value < ten) {
-        return `0${value}`;
-      }
-
-      return value;
-    },
-    newDD = addZero(dd),
-    newMM = addZero(mm);
-
-  return `${newDD}.${newMM}.${yyyy}`;
-};
-// "2016-08-25T00:00:00Z" ---> 25.08.2016
-export const formatDate = (normalizedValue: string): string => {
-  const parts = normalizedValue.split("T");
-
-  if (parts.length !== 2) {
-    return normalizedValue;
-  }
-
-  const dateParts = parts[0].split("-"),
-    nrOfParts = 3;
-
-  if (dateParts.length !== nrOfParts) {
-    return normalizedValue;
-  }
-
-  const [yyyy, mm, dd] = dateParts;
-
-  if (!isValidDate(`${dd}.${mm}.${yyyy}`)) {
-    return normalizedValue;
-  }
-
-  const date = new Date(Number(yyyy), Number(mm) - 1, Number(dd), 0, 0, 0, 0);
-
-  return formatDateObject(date);
-};
-// 25.08.2016 ---> 2016-08-25T00:00:00Z
-export const normalizeDate = (currentValue: string): string => {
-  const normalizeCurrent = (): string => {
-    const
-      parts = currentValue.split("."),
-      [dd, mm, yyyy] = parts;
-
-    return `${yyyy}-${mm}-${dd}T00:00:00Z`;
-  };
-
-  if (isValidDate(currentValue)) {
-    return normalizeCurrent();
-  }
-
-  return currentValue;
-};