@legalplace/wizardx-core 2.6.4 → 2.7.0

package/src/componentsConnectors/connector/componentConnector.tsx

@@ -1,219 +0,0 @@
-import { Dispatch, Store } from "redux";
-import { connect } from "react-redux";
-import React, { ComponentType } from "react";
-import { PluginLoader, ReplaceComponent } from "../../PluginLoader";
-import type { StateType } from "../../types/State.type";
-import type { SelectorsLibraryType } from "../../types/getSelectors.type";
-import type { ActionsLibraryType } from "../../types/getActions.type";
-import { selectorsLibrary } from "../../redux/selectors/library";
-import { actionsLibrary } from "../../redux/actions/library";
-
-// Connector exportable types
-export type AdditionnalHooksFunction<P> = (
-  props: P,
-  hookType: string
-) => string[];
-export type ConnectorDispatchProps<
-  OwnProps,
-  DispatchProps,
-  OwnPropsWithStore = OwnProps & { store?: Store }
-> = (
-  actions: Readonly<ActionsLibraryType>,
-  selectors: Readonly<SelectorsLibraryType>
-) => (dispatch: Dispatch, ownProps: OwnPropsWithStore) => DispatchProps;
-export type ConnectorStateToProps<
-  OwnProps,
-  MapProps,
-  OwnPropsWithStore = OwnProps & { store?: Store }
-> =
-  | ((
-      selectors: Readonly<SelectorsLibraryType>
-    ) => (state: StateType, ownProps: OwnPropsWithStore) => MapProps)
-  | undefined;
-export type ConnectorAdditionnalHooks<InjectedProps> = (
-  props: InjectedProps,
-  hookType: string
-) => string[];
-export type ConnectorMapSelectors = SelectorsLibraryType;
-
-// Connector self types
-type ConnectorHoocFunction = <P = {}>(
-  Component: ComponentType<P>,
-  componentName: string,
-  additionnalHooks?: AdditionnalHooksFunction<P>
-) => any;
-type AnchorsHooksFunction = <P = {}>(
-  props: P,
-  componentName: string,
-  additionnalHooks?: AdditionnalHooksFunction<P>
-) => {
-  beforeAnchors: string[];
-  afterAnchors: string[];
-  replaceAnchors: string[];
-};
-type PluginWrapperFunction = <P = {}>(props: P, anchors: string[]) => React.FC;
-type InferProps<C extends ComponentType<any>> = C extends ComponentType<infer P>
-  ? P
-  : {};
-
-/**
- * Anchors hooks generator helper
- * @param props Component's props
- * @param componentName Component's name
- * @param additionnalHooks Optional additionnal hooks function
- */
-const AnchorsHooks: AnchorsHooksFunction = (
-  props,
-  componentName,
-  additionnalHooks?
-) => {
-  // Setting up anchors
-  let beforeAnchors = [`before(${componentName})`];
-  let afterAnchors = [`after(${componentName})`];
-  let replaceAnchors = [`${componentName}`];
-
-  // Adding additionnal hooks
-  if (typeof additionnalHooks === "function") {
-    beforeAnchors = [...beforeAnchors, ...additionnalHooks(props, "before")];
-    afterAnchors = [...afterAnchors, ...additionnalHooks(props, "after")];
-    replaceAnchors = [...replaceAnchors, ...additionnalHooks(props, "replace")];
-  }
-
-  return {
-    beforeAnchors,
-    afterAnchors,
-    replaceAnchors,
-  };
-};
-
-/**
- * Plugin Wrapper
- * @param Component
- * @param componentName
- * @param additionnalHooks
- */
-const PluginWrapper: PluginWrapperFunction = (props, anchors) => {
-  const WrappedPlugin = () => <PluginLoader anchor={anchors} props={props} />;
-  WrappedPlugin.displayName = `Plugin(${anchors
-    .join(", ")
-    .replace(/\(/g, "[")
-    .replace(/\)/g, "]")})`.trim();
-  return WrappedPlugin;
-};
-
-/**
- * # Component's connector Higher-Order-Component
- * This HOOC is responsible for adding hooks & replacers
- * for plugins & passing props to them
- * @param Component Original Theme's component
- * @param componentName Hook's base name
- * @param additionnalHooks Additional hooks function, recieves props as
- *  first argument & the hookType as second (before, after, replace) and
- *  returns a string array with the hooks you want to add
- */
-const ConnectorHooc: ConnectorHoocFunction = (
-  Component,
-  componentName,
-  additionnalHooks?
-) => {
-  const ConnectedComponent = (props: InferProps<typeof Component>) => {
-    // Setting up anchors
-    const { beforeAnchors, afterAnchors, replaceAnchors } = AnchorsHooks(
-      props,
-      componentName,
-      additionnalHooks
-    );
-
-    // Replacing Component
-    const FinalComponent = ReplaceComponent<InferProps<typeof Component>>(
-      replaceAnchors,
-      Component,
-      componentName
-    );
-
-    const BeforePlugings = PluginWrapper(props, beforeAnchors);
-    const AfterPlugings = PluginWrapper(props, afterAnchors);
-
-    // Returning composed component
-    return (
-      <>
-        <BeforePlugings />
-        <FinalComponent {...props} />
-        <AfterPlugings />
-      </>
-    );
-  };
-  ConnectedComponent.displayName = `connectedComponent(${componentName})`;
-  return ConnectedComponent;
-};
-
-/**
- * ConnectorConnect
- * ----------------
- * Executes first layer functions for stateToProps & dispatchToProps
- * and returns a connect with the according MapStateToProps & DispatchStateToProps
- * @param options {stateToProp?, dispatchToProp?}
- */
-function ConnectorConnect<
-  OwnProps = {},
-  MapProps = {},
-  DispatchProps = {}
->(options: {
-  stateToProps?: ConnectorStateToProps<OwnProps, MapProps> | undefined;
-  dispatchToProps?: ConnectorDispatchProps<OwnProps, DispatchProps> | undefined;
-}) {
-  const { stateToProps, dispatchToProps } = options;
-
-  // Executing first function layer with selectors for stateToProps if it's defined
-  const mapStateToProps = stateToProps
-    ? stateToProps(selectorsLibrary)
-    : undefined;
-
-  // Executing first function layer with actions for dispatchToProps if it's defined
-  const mapDispatchToProps = dispatchToProps
-    ? dispatchToProps(actionsLibrary, selectorsLibrary)
-    : undefined;
-
-  return connect(mapStateToProps, mapDispatchToProps);
-}
-
-/**
- * Components connectors
- * Recieves an object containing the componentName, a stateProp
- * @param options
- */
-export function componentConnector<
-  OwnProps = {},
-  MapProps = {},
-  DispatchProps = {},
-  OwnPropsWithStore = OwnProps & { store?: Store },
-  InjectedProps = OwnPropsWithStore & MapProps & DispatchProps
->(options: {
-  componentName: string;
-  stateToProps?: ConnectorStateToProps<OwnPropsWithStore, MapProps> | undefined;
-  dispatchToProps?:
-    | ConnectorDispatchProps<OwnPropsWithStore, DispatchProps>
-    | undefined;
-  additionnalHooks?: AdditionnalHooksFunction<InjectedProps>;
-}) {
-  return function Connector<AdditionnalProps = {}>(
-    Component: ComponentType<InjectedProps & AdditionnalProps>
-  ) {
-    const { componentName, stateToProps, dispatchToProps, additionnalHooks } =
-      options;
-
-    // Executing our Hooc connector with InjectedProps, recieved component
-    // and additionnalHooks function
-    const hooc = ConnectorHooc<InjectedProps & AdditionnalProps>(
-      Component,
-      componentName,
-      additionnalHooks
-    );
-
-    // Composing everything (That's magical)
-    return ConnectorConnect<OwnPropsWithStore & AdditionnalProps>({
-      stateToProps,
-      dispatchToProps,
-    })(hooc);
-  };
-}

package/src/componentsConnectors/library.ts

@@ -1,35 +0,0 @@
-import { connectBox } from "./connectBox";
-import { connectDocument } from "./connectDocument";
-import { connectHeader } from "./connectHeader";
-import { connectMetaTitle } from "./connectMetaTitle";
-import { connectOption } from "./connectOption";
-import { connectPagination } from "./connectPagination";
-import { connectPreview } from "./connectPreview";
-import { connectProgress } from "./connectProgress";
-import { connectRootOption } from "./connectRootOption";
-import { connectSection } from "./connectSection";
-import { connectSummary } from "./connectSummary";
-import { connectSummaryItem } from "./connectSummaryItem";
-import { connectTermsheet } from "./connectTermsheet";
-import { connectVariable } from "./connectVariable";
-import { connectWizardWrapper } from "./connectWizardWrapper";
-import { componentConnector } from "./connector/componentConnector";
-
-export const connectorsLibrary = {
-  connectBox,
-  connectDocument,
-  connectHeader,
-  connectMetaTitle,
-  connectOption,
-  connectPagination,
-  connectPreview,
-  connectProgress,
-  connectRootOption,
-  connectSection,
-  connectSummary,
-  connectSummaryItem,
-  connectTermsheet,
-  connectVariable,
-  connectWizardWrapper,
-  componentConnector,
-};

package/src/config.test.ts

@@ -1,63 +0,0 @@
-import { getConfig, updateConfig } from './config';
-import Globals from './Globals';
-import { IWizardParams } from './types/config.type';
-
-describe('Config loader', () => {
-  it('Updates config properly', async () => {
-    const config: IWizardParams = {
-      apiEndpoint: process.env.REACT_APP_API_ENDPOINT || '',
-
-      // Shadow instance
-      enableShadowInstance: false,
-
-      // Routes
-      router: {
-        wizardPath: '/contrats/:prefix?/:permalink/creer/:page?',
-        wizardInstancePath:
-          '/contrats/:prefix?/:permalink/continuer/:uniqid([0-9a-zA-Z]+)/:page?',
-        notFoundPath: '/contrats/conditions-generales-de-vente/creer',
-        appStatesPages: {
-          termsheet: 'resume',
-          email: 'email',
-        },
-        smartscriptPath: '/contrats/:permalink/smartscript/:uniqid?',
-      },
-
-      // Enabled plugins (this should move to the apiEndpoint first response)
-      plugins: {
-        // pluginName: '1.0.0'
-        // autosaveOnTermsheet: '1.0.0',
-        // filesDownload: '1.0.0',
-        b2c_actions: '1.0.0',
-        datalayer: '1.0.0',
-        checkoutX: '1.0.0',
-        authentication: '1.0.0',
-        // smartdocs: '1.0.0'
-      },
-
-      // Theme (this should move to the apiEndpoint first response)
-      theme: {
-        name: 'legacy',
-        params: {
-          ui: {
-            topbar: {
-              previewBtn: false,
-            },
-          },
-          sidebar: {
-            default: 'preview',
-            states: {
-              wizard: 'summary',
-              email: 'summary',
-            },
-          },
-        },
-      },
-      // App states (this should move to the apiEndpoint first response)
-      appStates: ['wizard', 'email'],
-    };
-
-    updateConfig(config);
-    expect(getConfig()).toStrictEqual(config);
-  });
-});

package/src/config.ts

@@ -1,11 +0,0 @@
-import type { IWizardParams } from "./types/config.type";
-
-let updatedConfig: IWizardParams;
-export const getConfig = (): IWizardParams => updatedConfig;
-
-export const updateConfig = (newConfig: IWizardParams) => {
-  updatedConfig = newConfig;
-};
-
-export const isConfigReady = () =>
-  getConfig().fixedConfig && getConfig().fixedConfig === true;

package/src/constants/emailValidation.ts

@@ -1,2 +0,0 @@
-// eslint-disable-next-line
-export const EMAIL_REGEX = /^(?:[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+\.)*[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+@(?:(?:(?:[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!\.)){0,61}[a-zA-Z0-9_-]?\.)+[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!$)){0,61}[a-zA-Z0-9_]?)|(?:\[(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\]))$/;

package/src/constants/phoneValidation.ts

@@ -1,4 +0,0 @@
-export const phoneNumberRegX =
-  /^[+]?[(]?[0-9]{3}[)]?[-\s.]?[0-9]{3}[-\s.]?[0-9]{4,6}$/im;
-export const phonePatternFR =
-  /^(?:(?:\+|00)33|0)\s*[1-9](?:[\s.-]*\d{2}){4}$/gim;

package/src/definitions/path.join.d.ts

@@ -1,4 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-declare module "path.join" {
-  export default (...args: string[]) => {};
-}