x25 17.7.0 → 17.7.2

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;
-};

package/src/utility/dev/ErrorBoundary.tsx

@@ -1,90 +0,0 @@
-
-
-type ErrorBoundaryProps = {
-  readonly error?: ErrorType;
-  readonly status?: InfoType;
-  readonly children: any;
-  readonly info?: string;
-};
-type ErrorBoundaryState = {
-  status: string | null | undefined;
-  error: ErrorType | null | undefined;
-  info: InfoType | null | undefined;
-};
-import React from "react";
-import { words } from "..";
-import TheError from "./TheError";
-import type { ErrorType, InfoType } from "./types";
-
-const refreshKeyCode = 82,
-  timeoutDelay = 200;
-
-class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  handleKey: (event: KeyboardEvent) => void;
-  refresh: () => void;
-
-  componentDidCatch (error: ErrorType, info: InfoType) {
-    this.setState({
-      error,
-      info,
-    });
-  }
-
-  constructor (props: ErrorBoundaryProps) {
-    super(props);
-    this.state = {
-      status : null,
-      error  : null,
-      info   : null,
-    };
-
-    this.handleKey = (event: KeyboardEvent) => {
-      if (event.keyCode === refreshKeyCode) {
-        this.refresh();
-      }
-    };
-
-    this.refresh = () => {
-      this.setState({
-        status : words.TryingToRecover,
-        error  : null,
-        info   : null,
-      }, () => {
-        setTimeout(() => {
-          this.setState({
-            status : null,
-            error  : null,
-            info   : null,
-          });
-        }, timeoutDelay);
-      });
-    };
-  }
-
-  render () {
-    const {
-      info,
-      error,
-      status,
-    } = this.state;
-
-    // render fallback UI
-    if (error) {
-      return (
-        <TheError
-          error={error}
-          handleKey={this.handleKey}
-          info={info}
-          refresh={this.refresh}
-          status={status}
-        />
-      );
-    }
-
-    // when there's not an error, render children untouched
-    return this.props.children;
-  }
-
-}
-
-export default ErrorBoundary;

package/src/utility/dev/TheError.tsx

@@ -1,74 +0,0 @@
-
-
-type TheErrorProps = {
-  readonly error: ErrorType | null | undefined;
-  readonly handleKey?: (event: KeyboardEvent) => void;
-  readonly info?: InfoType | null | undefined;
-  readonly status?: string | null | undefined;
-  readonly refresh: () => any;
-};
-
-import React from "react";
-import type { ErrorType, InfoType } from "./types";
-
-const TheError = (props: TheErrorProps) => {
-  React.useEffect(() => {
-    if (props.handleKey) {
-      document.addEventListener("keydown", props.handleKey);
-    }
-    return () => {
-      if (props.handleKey) {
-        document.removeEventListener("keydown", props.handleKey);
-      }
-    };
-  }, []);
-
-  const { error, info, status, refresh } = props;
-
-  // render fallback UI
-  return (
-    <div className="small" tabIndex={0}>
-      <div className=" m-2">
-        {status ? (
-          <div className="text-fancy">{"Trying to recover app..."}</div>
-        ) : (
-          <div>
-            <button className="btn btn-block btn-sm btn-primary" onClick={refresh} type="button">
-              {"Recover the app"}
-            </button>
-            <div className="mt-2 mb-2">
-              {"Press  "}
-              <kbd>{"R"}</kbd>
-              {" to recover the app, after you've done the changes"}
-            </div>
-            <hr />
-            {error ? (
-              <>
-                <h5 className="text-danger">{error.message}</h5>
-                <b>{"Stack:"}</b>
-                <pre>
-                  {error.stack ? (
-                    error.stack.split("↵").map((line, index) => (
-                      <div key={index}>{line}</div>
-                    ))
-                  ) : null}
-                </pre>
-              </>
-            ) : null}
-            <br />
-            {info && info.componentStack ? (
-              <>
-                <b>{"React info:"}</b>
-                <pre>
-                  {info.componentStack.split("↵").map((line, index) => <div key={index}>{line}</div>)}
-                </pre>
-              </>
-            ) : null}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default TheError;