@legalplace/wizardx-core 2.6.3 → 2.7.0

package/src/components/View.tsx

@@ -1,114 +0,0 @@
-import React, { CSSProperties } from "react";
-import { connect, MapDispatchToPropsFunction } from "react-redux";
-// import loadable from '@loadable/component';
-import Shimmer from "../Shimmer";
-import { addOnThemeLoadCallback, loadThemeComponent } from "../ThemeLoader";
-import { selectCurrentAppState } from "../redux/selectors/app";
-import Globals from "../Globals";
-import { goPageAction } from "../redux/actions/app";
-import { loadPluginComponent, pluginsLoaded } from "../PluginLoader";
-
-// const Mousetrap = loadable.lib(() => import('mousetrap'));
-
-export type OwnProps = { currentAppState: string; goPage: (p: number) => void };
-export type OwnState = { themeLoaded: boolean };
-
-/**
- * ViewComponent
- * -------------
- * This wrapper loads & renders the current app state's
- * related component from the theme
- * @param props {currentAppState} mapper from redux state
- */
-class ViewComponent extends React.Component<OwnProps, OwnState> {
-  constructor(props: OwnProps) {
-    super(props);
-
-    this.state = {
-      themeLoaded: false,
-    };
-  }
-
-  componentDidMount() {
-    addOnThemeLoadCallback(() => {
-      if (!this.state.themeLoaded) this.setState({ themeLoaded: true });
-    });
-  }
-
-  shouldComponentUpdate(newProps: OwnProps, newState: OwnState) {
-    return (
-      this.props.currentAppState !== newProps.currentAppState ||
-      this.state.themeLoaded !== newState.themeLoaded
-    );
-  }
-
-  render() {
-    if (!this.state.themeLoaded) return null;
-    let AppStateComponent;
-    switch (this.props.currentAppState) {
-      case "termsheet":
-        AppStateComponent = loadThemeComponent("TermsheetComponent");
-        break;
-      case "email":
-        AppStateComponent = loadThemeComponent("EmailComponent");
-        break;
-      case "wizard":
-        AppStateComponent = loadThemeComponent("WizardComponent");
-        break;
-      default:
-        if (pluginsLoaded())
-          AppStateComponent =
-            loadPluginComponent(this.props.currentAppState) ||
-            loadThemeComponent("WizardComponent");
-        else AppStateComponent = () => <></>;
-        break;
-    }
-
-    const envStyle: CSSProperties = {
-      top: "0",
-      left: "50%",
-      fontSize: "8pt",
-      padding: "4px 8px",
-      lineHeight: "16px",
-      background: "#E0182D",
-      color: "#FFF",
-      textTransform: "uppercase",
-      fontWeight: "bold",
-      borderRadius: "0 0 4px 4px",
-      zIndex: 99999999,
-      position: "fixed",
-      transform: "translateX(-50%)",
-      opacity: 0.6,
-      userSelect: "none",
-    };
-
-    return (
-      <Shimmer>
-        {Globals.appEnv !== "production" &&
-          process.env.JEST_WORKER_ID === undefined && (
-            <div style={envStyle}>
-              {Globals.appEnv} ({Globals.version})
-            </div>
-          )}
-        <React.Suspense fallback={null}>
-          <AppStateComponent />
-        </React.Suspense>
-      </Shimmer>
-    );
-  }
-}
-
-const mapStateToProps = () => {
-  const currentAppState = selectCurrentAppState();
-  return {
-    currentAppState,
-  };
-};
-
-const mapDispatchToProps: MapDispatchToPropsFunction<any, any> = (
-  dispatch
-) => ({
-  goPage: (page: number) => dispatch(goPageAction(page)),
-});
-
-export default connect(mapStateToProps, mapDispatchToProps)(ViewComponent);

package/src/componentsConnectors/connectBox.test.tsx

@@ -1,226 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { StateType } from '../types/State.type';
-import { initOptionAction, initVariableAction } from '../redux/actions/inputs';
-import { getStore, createAppStore } from '../redux/store';
-import { initReferencesAction } from '../redux/actions/references';
-import {
-  initConditionsAction,
-  updateOptionConditionsAction,
-} from '../redux/actions/conditions';
-
-const references: StateType.References = {
-  options: {
-    1: {
-      meta: {
-        id: 1,
-        label: 'textbox',
-        type: 'box',
-        step: '*',
-        box: {
-          content: 'This content should be parsed with [var:1] value',
-          collapsable: true,
-          aggregatable: false,
-          type: 'error',
-          title: 'My Test Box',
-        },
-        tags: ['ivann'],
-      },
-      options: [],
-      variables: [],
-    },
-    2: {
-      meta: {
-        id: 2,
-        label: 'My test question',
-        step: '*',
-        type: 'static',
-      },
-      options: [],
-      variables: [1],
-    },
-  },
-  variables: {
-    1: {
-      id: 1,
-      label: 'My Test Variable',
-      step: '*',
-      type: 'text',
-    },
-  },
-  relations: {
-    options: {
-      1: {
-        options: [],
-        variables: [],
-        validators: {
-          options: [],
-          variables: [],
-        },
-        sections: {},
-        prefillers: [],
-        documents: [],
-        parents: [],
-        children: {
-          options: [],
-          variables: [],
-        },
-        dependants: [],
-      },
-      2: {
-        options: [],
-        variables: [],
-        validators: {
-          options: [],
-          variables: [],
-        },
-        sections: {},
-        prefillers: [],
-        documents: [],
-        parents: [],
-        children: {
-          options: [],
-          variables: [2],
-        },
-        dependants: [],
-      },
-    },
-    variables: {
-      1: {
-        options: [],
-        variables: [],
-        validators: {
-          options: [],
-          variables: [],
-        },
-        sections: {},
-        prefillers: [],
-        prefillingsContents: [],
-        documents: [],
-        parents: [2],
-      },
-    },
-    sections: {},
-  },
-  conditions: {
-    options: {},
-    variables: {},
-    prefillers: {},
-    validators: {
-      options: {},
-      variables: {},
-    },
-    sections: {},
-    documents: {},
-  },
-  sections: {},
-  documents: {},
-  defaults: {},
-  outputs: {},
-  evaluations: {},
-  boxes: {
-    1: {
-      variables: [1],
-      raw: 'This content should be parsed with [var:1] value',
-    },
-  },
-};
-
-const conditions: StateType.Conditions = {
-  options: {
-    1: [true],
-  },
-  variables: {},
-  prefillers: {},
-  sections: {
-    main: {},
-  },
-  documents: {},
-  validators: {
-    options: {},
-    variables: {},
-  },
-};
-
-describe('connectBox test suit', () => {
-  let store: any;
-  let connectBox: any;
-  beforeEach(async () => {
-    createAppStore('memory');
-    store = getStore();
-    store.dispatch(initReferencesAction(references));
-    store.dispatch(initVariableAction(1, ['My Test Variable']));
-    store.dispatch(initConditionsAction(conditions));
-    store.dispatch(initOptionAction(1, [true]));
-    // eslint-disable-next-line global-require
-    connectBox = require('./connectBox').connectBox;
-  });
-
-  it('Should parse variables', () => {
-    const ConnectedBox = connectBox((props: any) => {
-      return <h1>{props.content}</h1>;
-    });
-    const component = renderer.create(
-      // @ts-ignore
-      <ConnectedBox store={store} id={1} index={0} />
-    );
-    // @ts-ignore
-    expect(component.toTree().rendered.props.content).toEqual(
-      'This content should be parsed with My Test Variable value'
-    );
-  });
-
-  it('Should not parse on false condition', () => {
-    store.dispatch(updateOptionConditionsAction(1, 0, false));
-    const ConnectedBox = connectBox((props: any) => {
-      return <h1>{props.content}</h1>;
-    });
-    const component = renderer.create(
-      // @ts-ignore
-      <ConnectedBox store={store} id={1} index={0} />
-    );
-    // @ts-ignore
-    expect(component.toTree().rendered.props.content).toEqual('');
-  });
-
-  it('Should retrun props properly', () => {
-    store.dispatch(updateOptionConditionsAction(1, 0, true));
-    const ConnectedBox = connectBox((props: any) => {
-      return <h1>{props.content}</h1>;
-    });
-    const component = renderer.create(
-      <ConnectedBox store={store} id={1} index={0} />
-    );
-
-    // @ts-ignore
-    const { props } = component.toTree().rendered;
-
-    const { id, index, type, content, condition, box, tags, options } = props;
-
-    expect({
-      id,
-      index,
-      type,
-      content,
-      condition,
-      box,
-      tags,
-      options,
-    }).toEqual({
-      id: 1,
-      index: 0,
-      type: 'box',
-      content: 'This content should be parsed with My Test Variable value',
-      condition: true,
-      box: {
-        type: 'error',
-        title: 'My Test Box',
-        content: 'This content should be parsed with [var:1] value',
-        aggregatable: false,
-        collapsable: true,
-      },
-      tags: ['ivann'],
-      options: [],
-    });
-  });
-});

package/src/componentsConnectors/connectBox.tsx

@@ -1,70 +0,0 @@
-import type { OptionV3 } from "@legalplace/models-v3-types";
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-import {
-  getRelatedVariablesValues,
-  parseContentWithVariables,
-} from "../helpers/outputsParsing";
-
-export type ConnectBoxOwnProps = {
-  id: number;
-  index: number;
-};
-export type ConnectBoxMapProps = {
-  type: string;
-  content: string;
-  box: OptionV3["meta"]["box"];
-  condition?: boolean;
-  options: number[];
-  tags?: string[];
-};
-
-const stateToProps: ConnectorStateToProps<
-  ConnectBoxOwnProps,
-  ConnectBoxMapProps
-> = (selectors) => (state, ownProps) => {
-  // Destructring ownProps
-  const { id, index } = ownProps;
-
-  // Getting option reference
-  const option = selectors.selectOptionReference(id);
-
-  // Getting box reference
-  const boxReference = selectors.selectBoxReference(id);
-
-  // Getting outputs variables
-  const variables = getRelatedVariablesValues(
-    id,
-    index,
-    boxReference.variables
-  );
-
-  // Parsing content
-  const condition = selectors.selectOptionConditionValue(id, index);
-  const content =
-    condition === false
-      ? ""
-      : parseContentWithVariables(boxReference.raw, id, index, variables);
-
-  // Destructuring needed params
-  const { options, meta } = option;
-  const { tags, type, box } = meta;
-
-  return {
-    id,
-    index,
-    type,
-    content,
-    condition,
-    box,
-    tags,
-    options,
-  };
-};
-
-export const connectBox = componentConnector({
-  componentName: "Box",
-  stateToProps,
-});

package/src/componentsConnectors/connectDocument.test.tsx

@@ -1,108 +0,0 @@
-import * as fs from 'fs';
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { ReferencesParser } from '@legalplace/referencesparser';
-import { getStore, createAppStore } from '../redux/store';
-import { initReferencesAction } from '../redux/actions/references';
-import { ConditionsInitiator } from '../libs/ConditionsInitiator';
-import { initConditionsAction } from '../redux/actions/conditions';
-import { IntputsInitiator } from '../libs/InputsInitiator';
-import { initOptionAction, initVariableAction } from '../redux/actions/inputs';
-
-const ovc = {
-  options: { 1: [true], 2: [true, true], 3: [true, false], 4: [false, true] },
-  variables: {
-    1: ['My VAR1'],
-    2: ['My VAR 2 1st', 'My VAR 2 2nd'],
-    3: ['My VAR 3 1st', 'My VAR 3 2nd'],
-  },
-};
-
-describe('connectDocument test suit', () => {
-  let store: any;
-  let connectDocument: any;
-  beforeEach(async () => {
-    createAppStore('memory');
-    const model = JSON.parse(
-      fs.readFileSync(
-        './src/misc/test_models/connectDocumen.testmodel.json',
-        'utf8'
-      )
-    );
-    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
-    connectDocument = await require('./connectDocument').connectDocument;
-    const references = new ReferencesParser(model).getReferences();
-    const inputs = new IntputsInitiator(references, ovc).getInputs();
-    const conditions = new ConditionsInitiator(
-      references,
-      inputs
-    ).getConditions();
-    store = getStore();
-    store.dispatch(initReferencesAction(references));
-    store.dispatch(initConditionsAction(conditions));
-
-    /**
-     * Initiating inputs
-     */
-
-    // Options
-    const optionsIds = Object.keys(inputs.options);
-    for (let i = 0; i < optionsIds.length; i += 1) {
-      const optionId = optionsIds[i];
-      const values = inputs.options[optionId];
-      store.dispatch(initOptionAction(parseInt(optionId, 10), values));
-    }
-
-    // Variables
-    const variablesIds = Object.keys(inputs.variables);
-    for (let i = 0; i < variablesIds.length; i += 1) {
-      const variableId = variablesIds[i];
-      const values = inputs.variables[variableId];
-      store.dispatch(initVariableAction(parseInt(variableId, 10), values));
-    }
-  });
-
-  it('Should retrun props properly', async () => {
-    const ConnectDocument = connectDocument((props: any) => {
-      return <h1>{props.document}</h1>;
-    });
-    const component = renderer.create(
-      <ConnectDocument store={store} document="main" />
-    );
-
-    // @ts-ignore
-    const { props } = component.toTree().rendered;
-
-    const { document, outputs } = props;
-
-    expect({ document, outputs }).toStrictEqual({
-      document: 'main',
-      outputs: {
-        'output-5-0':
-          '<p>Should output <strong>Variable 1</strong>&nbsp;My VAR1</p>\n',
-      },
-    });
-  });
-
-  it('Should use main as default', () => {
-    const ConnectDocument = connectDocument((props: any) => {
-      return <h1>{props.document}</h1>;
-    });
-    const component = renderer.create(
-      <ConnectDocument store={store} document="default" />
-    );
-
-    // @ts-ignore
-    const { props } = component.toTree().rendered;
-
-    const { document, outputs } = props;
-
-    expect({ document, outputs }).toStrictEqual({
-      document: 'main',
-      outputs: {
-        'output-5-0':
-          '<p>Should output <strong>Variable 1</strong>&nbsp;My VAR1</p>\n',
-      },
-    });
-  });
-});

package/src/componentsConnectors/connectDocument.tsx

@@ -1,64 +0,0 @@
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-import { NumAuto } from "../libs/NumAuto";
-import { DocumentsOutputs } from "../libs/DocumentsOutputs";
-import { selectAllSectionsReferences } from "../redux/selectors/references";
-
-export type ConnectDocumentOwnProps = { document: string };
-export type ConnectDocumentMapProps = {
-  document: string;
-  outputs: Record<string, string>;
-};
-
-const stateToProps: ConnectorStateToProps<
-  ConnectDocumentOwnProps,
-  ConnectDocumentMapProps
-> = (selectors) => (state, ownProps) => {
-  const {
-    selectOptionConditionValue,
-    selectSectionConditionValue,
-    selectOptionInput,
-    selectVariableInput,
-    selectOptionReference,
-    selectOutputReference,
-    selectVariableReference,
-    selectSectionReference,
-  } = selectors;
-
-  // Getting current document
-  const document = ownProps.document === "default" ? "main" : ownProps.document;
-
-  const documentOutputs = new DocumentsOutputs(
-    {
-      optionConditions: (id: number, index: number) =>
-        selectOptionConditionValue(id, index),
-      sectionConditions: (id: number, doc: string) =>
-        selectSectionConditionValue(id, doc),
-      optionInputs: (id: number) => selectOptionInput(id),
-      variablesInputs: (id: number) => selectVariableInput(id),
-      optionReference: (id: number) => selectOptionReference(id),
-      outputReference: (id: number) => selectOutputReference(id),
-      variableReference: (id: number) => selectVariableReference(id),
-      sectionReference: (id: number) => selectSectionReference(id),
-      documentSections: (doc: string) => selectAllSectionsReferences(doc),
-    },
-    document
-  );
-
-  const outputs = documentOutputs.getOutputs();
-
-  // Reseting autonums
-  NumAuto.resetNums();
-
-  return {
-    document,
-    outputs,
-  };
-};
-
-export const connectDocument = componentConnector({
-  componentName: "Document",
-  stateToProps,
-});

package/src/componentsConnectors/connectHeader.tsx

@@ -1,21 +0,0 @@
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-
-export type ConnectHeaderOwnProps = { isPreviewDisplayed: boolean };
-export type ConnectHeaderMapProps = {
-  hasValidAuthToken: boolean;
-};
-
-const stateToProps: ConnectorStateToProps<
-  ConnectHeaderOwnProps,
-  ConnectHeaderMapProps
-> = (selectors) => () => ({
-  hasValidAuthToken: selectors.selectUserValidToken(),
-});
-
-export const connectHeader = componentConnector({
-  componentName: "AppHeader",
-  stateToProps,
-});

package/src/componentsConnectors/connectMetaTitle.test.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { StateType } from '../types/State.type';
-import { getStore, createAppStore } from '../redux/store';
-import { initMetaAction } from '../redux/actions/app';
-
-const meta: StateType.App.Meta = {
-  title: 'My Test Document',
-  id: 132,
-  prefix: '',
-  permalink: 'my-test-document',
-  fetchStatus: 'succeeded',
-  modelVersion: 1,
-  productType: 'demarche',
-};
-describe('connectMetaTitle test suit', () => {
-  let store: any;
-  let connectMetaTitle: any;
-  beforeEach(() => {
-    createAppStore('memory');
-    store = getStore();
-    store.dispatch(initMetaAction(meta));
-    // eslint-disable-next-line global-require
-    connectMetaTitle = require('./connectMetaTitle').connectMetaTitle;
-  });
-
-  it('Should retrun props properly', () => {
-    const ConnectMetaTitle = connectMetaTitle((props: any) => {
-      return <h1>{props.title}</h1>;
-    });
-    const component = renderer.create(<ConnectMetaTitle store={store} />);
-
-    // @ts-ignore
-    const { props } = component.toTree().rendered;
-
-    const { title } = props;
-
-    expect({ title }).toStrictEqual({ title: 'My Test Document' });
-  });
-});

package/src/componentsConnectors/connectMetaTitle.tsx

@@ -1,8 +0,0 @@
-import { componentConnector } from "./connector/componentConnector";
-
-export const connectMetaTitle = componentConnector({
-  componentName: "MetaTitle",
-  stateToProps: (selectors) => () => ({
-    title: selectors.selectDocumentTitle(),
-  }),
-});