@legalplace/wizardx-core 2.6.4 → 2.7.0

package/src/componentsConnectors/connectTermsheet.tsx

@@ -1,359 +0,0 @@
-import { compose } from "redux";
-import { connect } from "react-redux";
-import React from "react";
-import type { SectionV3 } from "@legalplace/models-v3-types";
-import { StateType } from "../types/State.type";
-import { TermsheetRow } from "../types/Termsheet.type";
-import { TermsheetPropsType } from "../types/Components.type";
-import { PluginLoader, ReplaceComponent } from "../PluginLoader";
-import { selectAvailableSections } from "../redux/selectors/app";
-import {
-  selectSectionReference,
-  selectOptionReference,
-  selectVariableReference,
-} from "../redux/selectors/references";
-import {
-  selectOptionInput,
-  selectVariableInputByIndex,
-  selectOptionInputByIndex,
-} from "../redux/selectors/inputs";
-import {
-  selectOptionConditionValue,
-  selectSectionConditionValue,
-  selectVariableConditionValue,
-  selectOptionValidatorConditionValue,
-  selectVariableValidatorConditionValue,
-} from "../redux/selectors/conditions";
-import { PathReader } from "../libs/PathReader";
-import { isLevelAccessibleForUser } from "../redux/selectors/user";
-import { parseOptionLabel } from "../helpers/outputsParsing";
-
-const pushMultipleLabelForOption = (
-  optionId: number,
-  index: number,
-  termsheet: TermsheetRow[],
-  pageNumber: number
-) => {
-  const optionReference = selectOptionReference(optionId);
-  if (optionReference === undefined)
-    throw new Error(`Option ${optionId} does not exist`);
-
-  if (optionReference.meta.termsheet?.hide === true) return;
-
-  // Defining occurency id
-  let occurencyId = index + 1;
-
-  // Current Multiple label
-  const label =
-    optionReference.meta?.multiple?.label ||
-    optionReference.meta?.multiple?.cta ||
-    ""; // TODO: Should we add default string?
-
-  // Incrementation step
-  if (optionReference.meta.multiple?.incrementationStart) {
-    const { incrementationStart } = optionReference.meta.multiple;
-    occurencyId += incrementationStart - 1;
-  }
-
-  termsheet.push({
-    label: `${label} ${occurencyId}`,
-    type: "multiplelabel",
-    pageNumber,
-    hash: "",
-    value: "",
-    allowUpdate: false,
-  });
-};
-
-/**
- * Adds a variable to the termsheet
- * @param variableId Variable's id
- * @param index Occurency index
- * @param termsheet termsheet
- * @param pageNumber page number
- */
-const rolldownTermsheetForVariable = (
-  variableId: number,
-  index: number,
-  termsheet: TermsheetRow[],
-  pageNumber: number
-) => {
-  const variableReference = selectVariableReference(variableId);
-  if (variableReference === undefined)
-    throw new Error(`Variable ${variableId} does not exist`);
-
-  // Making sure variable isn't hidden from termsheet
-  if (variableReference.termsheet?.hide === true) return;
-
-  // Getting variable's value
-  let value = selectVariableInputByIndex(variableId, index);
-  value = value || "";
-
-  // Checking variable's condition
-  const variableCondition = selectVariableConditionValue(variableId, index);
-  const variableValidator = selectVariableValidatorConditionValue(
-    variableId,
-    index
-  );
-
-  // Making sure variable is accessible for current user
-  const { grantLevel } = variableReference;
-  if (!isLevelAccessibleForUser(grantLevel || "GUEST")) return;
-
-  let { label } = variableReference;
-  if (
-    typeof variableReference.termsheet?.label === "string" &&
-    variableReference.termsheet?.label.trim().length > 0
-  ) {
-    label = variableReference.termsheet?.label;
-  }
-
-  const variableTermsheet: TermsheetRow = {
-    type: "variable",
-    label,
-    valid: variableValidator !== false,
-    value: typeof value === "number" ? value.toString() : value,
-    pageNumber,
-    hash: `variable-${variableId}-${index}`,
-    allowUpdate: variableReference.type !== "eval",
-  };
-
-  if (variableCondition !== false && variableReference.hidden !== false)
-    termsheet.push(variableTermsheet);
-};
-
-/**
- * Adds an option to the termsheet
- * @param optionId Option's id
- * @param index Occurency index
- * @param termsheet termsheet
- * @param pageNumber page number
- */
-const rolldownTermsheetForOption = (
-  optionId: number,
-  index: number,
-  termsheet: TermsheetRow[],
-  pageNumber: number
-) => {
-  const optionReference = selectOptionReference(optionId);
-  if (optionReference === undefined)
-    throw new Error(`Option ${optionId} does not exist`);
-
-  const optionInput = selectOptionInputByIndex(optionId, index);
-  const optionCondition = selectOptionConditionValue(optionId, index);
-  const optionValidator = selectOptionValidatorConditionValue(optionId, index);
-
-  if (
-    (optionReference.meta.type !== "checkbox" && optionInput === false) ||
-    optionCondition === false ||
-    ["hidden", "repeated", "box", "separator", "brut-text"].includes(
-      optionReference.meta.type
-    )
-  ) {
-    return;
-  }
-
-  /**
-   * Getting termsheet value
-   */
-  const radioChilds = optionReference.options.filter((childId) => {
-    const childReference = selectOptionReference(childId);
-    if (childReference === undefined)
-      throw new Error(`Option ${childId} does not exist`);
-
-    return childReference.meta.type === "radio";
-  });
-  const selectedChild = radioChilds.filter((childId) =>
-    selectOptionInputByIndex(childId, index)
-  );
-  let value = selectedChild
-    .map((childId) => {
-      const childReference = selectOptionReference(childId);
-      if (childReference === undefined)
-        throw new Error(`Option ${childId} does not exist`);
-      const label = parseOptionLabel(childId, index);
-      return label;
-    })
-    .join("");
-
-  // Checkbox
-  if (optionReference.meta.type === "checkbox") {
-    value = optionInput === true ? "Oui" : "Non";
-  } else if (
-    optionReference.meta.type === "static" &&
-    radioChilds.length === 0
-  ) {
-    value = "null-value";
-  }
-
-  let { label } = optionReference.meta;
-  if (
-    typeof optionReference.meta.termsheet?.label === "string" &&
-    optionReference.meta.termsheet?.label.trim().length > 0
-  ) {
-    label = optionReference.meta.termsheet?.label;
-  }
-
-  if (/\[var:([0-9]+)\]/gi.test(label))
-    label = parseOptionLabel(optionId, index);
-
-  // If option has radio child or a value oui push it to the termsheet
-  if (optionReference.meta.termsheet?.hide !== true) {
-    termsheet.push({
-      pageNumber,
-      hash: `option-${optionId}-${index}`,
-      valid: optionValidator !== false,
-      label,
-      value,
-      type: "option",
-      allowUpdate: true,
-    });
-  }
-
-  /**
-   * Getting children options termsheets
-   */
-  if (optionInput === true) {
-    optionReference.options.forEach((childrenId) => {
-      rolldownTermsheetForOption(childrenId, index, termsheet, pageNumber);
-    });
-  }
-
-  /**
-   * Getting variables termsheets
-   */
-  if (optionInput === true) {
-    optionReference.variables.forEach((variableId) => {
-      rolldownTermsheetForVariable(variableId, index, termsheet, pageNumber);
-    });
-  }
-};
-/**
- * Fills the termsheet array with the section's data & children
- * @param section Section
- * @param sectionIndex Section's index
- * @param termsheet Termsheet array
- */
-const rolldownTermsheetForSection = (
-  section: SectionV3,
-  sectionIndex = 0,
-  termsheet: TermsheetRow[]
-) => {
-  const pageNumber = sectionIndex + 1;
-  const sectionTermsheetRow: TermsheetRow = {
-    label: section.label,
-    preLabel: pageNumber < 10 ? `0${pageNumber}` : pageNumber.toString(),
-    type: "section",
-    pageNumber,
-    hash: "",
-    value: "",
-    allowUpdate: false,
-  };
-
-  // Filling current section
-  termsheet.push(sectionTermsheetRow);
-
-  /**
-   * Reading root options
-   */
-  section.options.forEach((optionId) => {
-    const inputs = selectOptionInput(optionId);
-    const optionReference = selectOptionReference(optionId);
-    if (optionReference === undefined)
-      throw new Error(`Option ${optionId} does not exist`);
-
-    const { grantLevel } = optionReference.meta;
-    if (!isLevelAccessibleForUser(grantLevel || "GUEST")) return;
-
-    // Adding multiples termsheet pointer
-    inputs.forEach((value, index) => {
-      // Multiple label
-      if (inputs.length > 1) {
-        pushMultipleLabelForOption(optionId, index, termsheet, pageNumber);
-      }
-
-      // Rolling down option
-      rolldownTermsheetForOption(optionId, index, termsheet, pageNumber);
-    });
-
-    // Adding an empty multiple label to act as a separator
-    if (inputs.length > 1 && optionReference.meta.termsheet?.hide !== true) {
-      termsheet.push({
-        label: "",
-        type: "multiplelabel",
-        pageNumber,
-        hash: "",
-        value: "",
-        allowUpdate: false,
-      });
-    }
-  });
-
-  if (termsheet[termsheet.length - 1] === sectionTermsheetRow) {
-    termsheet.splice(termsheet.indexOf(sectionTermsheetRow), 1);
-  }
-};
-
-/**
- * Termsheet Higher-Order-Component
- * @param Component UI Component
- */
-const TermsheetHooc =
-  (
-    Component: React.ComponentType<TermsheetPropsType>
-  ): React.FC<TermsheetPropsType> =>
-  // eslint-disable-next-line react/display-name
-  (props) => {
-    // Before tags anchor
-    const beforeAnchors = ["beforeTermsheet"];
-
-    // After tags anchor
-    const afterAnchors = ["afterTermsheet"];
-
-    // Component replace
-    const replaceAnchors = ["Termsheet"];
-    const FinalComponent = ReplaceComponent(replaceAnchors, Component);
-
-    return (
-      <>
-        <PluginLoader anchor={beforeAnchors} props={props} />
-        <FinalComponent {...props} />
-        <PluginLoader anchor={afterAnchors} props={props} />
-      </>
-    );
-  };
-
-/**
- * Mapping redux to props
- * @param state Redux State
- */
-const mapStateToProps = (state: StateType): TermsheetPropsType => {
-  const pathReader = new PathReader(state);
-
-  // Getting list of sections
-  const sectionsIds = selectAvailableSections();
-  const termsheet: TermsheetRow[] = [];
-
-  // Looping through sections
-  sectionsIds.forEach((sectionId, sectionIndex) => {
-    const sectionReference = selectSectionReference(sectionId);
-    if (sectionReference === undefined)
-      throw new Error(`Section ${sectionId} does not exist`);
-    const sectionCondition = selectSectionConditionValue(sectionId);
-    if (sectionCondition === false) return;
-    rolldownTermsheetForSection(sectionReference, sectionIndex, termsheet);
-  });
-
-  return {
-    termsheet,
-    parseLink: (page: number): string => pathReader.parsePath(page),
-  };
-};
-
-/**
- * Composing the UI component connector
- */
-export const connectTermsheet = compose(
-  connect(mapStateToProps),
-  TermsheetHooc
-);

package/src/componentsConnectors/connectVariable.tsx

@@ -1,191 +0,0 @@
-import type { VariableV3 } from "@legalplace/models-v3-types";
-import {
-  componentConnector,
-  ConnectorStateToProps,
-  ConnectorDispatchProps,
-  ConnectorMapSelectors,
-} from "./connector/componentConnector";
-import { isStepAvailable } from "../redux/selectors/app";
-import {
-  parseRawWithVariables,
-  parseVariableLabel,
-} from "../helpers/outputsParsing";
-
-export type ConnectVariableOwnProps = {
-  id: number;
-  index: number;
-};
-export type ConnectVariableMapProps = {
-  id: number;
-  index: number;
-  label: string;
-  type: string;
-  value: string | number;
-  condition?: boolean;
-  validator?: boolean;
-  validatorMessage: string;
-  mandatoryValidated: boolean;
-  mandatoryIgnore: boolean;
-  display: boolean;
-  meta: VariableV3;
-};
-export type ConnectVariableDispatchProps = {
-  updateVariable: (value: string | number) => void;
-};
-
-/**
- * canVariableDisplay
- * ----------------
- * This helper function checks whether an option
- * can be displayed. It currently handle this cases:
- * - Checks stepTwo options
- * - Checks special grants options
- * @param id Option's ID
- * @param selectors StateToProps selectors
- * @returns (boolean)
- */
-const canVariableDisplay = (
-  id: number,
-  index: number,
-  selectors: ConnectorMapSelectors
-) => {
-  // Getting selectors
-  const { selectVariableReference, isLevelAccessibleForUser } = selectors;
-  const variable = selectVariableReference(id);
-
-  // Variable diplay
-  let display = isStepAvailable(variable.step);
-
-  // Checking if variable is hidden by model or smartscript on all indexes
-  display = display && !(variable.hidden === true);
-
-  // Checking if variable's index is hidden by smartscript
-  display =
-    display && !selectors.selectIsSmartscriptVariableIndexHidden(id, index);
-
-  // Grant
-  display = display && isLevelAccessibleForUser(variable.grantLevel || "GUEST");
-
-  // Returning result
-  return display;
-};
-
-/**
- * stateToProps
- * ------------
- * State to props function maps state to connected
- * component's props
- * @param selectors StateToProps selectors
- */
-const stateToProps: ConnectorStateToProps<
-  ConnectVariableOwnProps,
-  ConnectVariableMapProps
-> = (selectors) => (state, ownProps) => {
-  // Getting selectors
-  const {
-    selectVariableReference,
-    selectVariableInputByIndex,
-    selectVariableConditionValue,
-    selectVariableValidatorConditionValue,
-    selectMandatoryVariableByIndex,
-  } = selectors;
-
-  // Extracting id & index from ownProps
-  const { id, index } = ownProps;
-
-  // Getting variable's reference
-  const variable = selectVariableReference(id);
-
-  // Getting & parsing label (if needed)
-  const label = parseVariableLabel(id, index);
-
-  // Variable diplay
-  const display = canVariableDisplay(id, index, selectors);
-
-  // Getting variable's value
-  const value = selectVariableInputByIndex(id, index) || "";
-
-  // Getting condition
-  const condition = selectVariableConditionValue(id, index);
-
-  // Getting validator
-  const validator = selectVariableValidatorConditionValue(id, index);
-
-  // Extracting label & type from reference
-  const { type } = variable;
-
-  // Getting mandatory validator
-  const mandatoryValidated = selectMandatoryVariableByIndex(id, index);
-
-  // Getting MandartoryIgnore
-  const mandatoryIgnore = selectors.selectMandatoryIgnore();
-
-  // Injecting variables into validator message
-  const validatorMessage =
-    typeof variable.validator?.message === "string"
-      ? parseRawWithVariables(variable.validator.message)
-      : "";
-
-  // Parsing helper's variables
-  const helper = variable.helper
-    ? parseRawWithVariables(variable.helper, undefined, "________________")
-    : undefined;
-
-  // Parsing warning's variables
-  const warning = variable.warning
-    ? parseRawWithVariables(variable.warning, undefined, "________________")
-    : undefined;
-
-  return {
-    id,
-    index,
-    label,
-    type,
-    meta: {
-      ...variable,
-      helper,
-      warning,
-    },
-    value,
-    condition,
-    validator,
-    validatorMessage,
-    mandatoryValidated,
-    mandatoryIgnore,
-    display,
-  };
-};
-
-/**
- * dispatchToProps
- * ------------
- * Dispatch to props function maps dispatch to connected
- * component's props
- * @param actions DispatchToProps actions
- */
-const dispatchToProps: ConnectorDispatchProps<
-  ConnectVariableOwnProps,
-  ConnectVariableDispatchProps
-> = (actions) => (dispatch, ownProps) => ({
-  updateVariable: (value: string | number) =>
-    dispatch(actions.updateVariableAction(ownProps.id, value, ownProps.index)),
-});
-
-/**
- * Creating our component connector
- */
-export const connectVariable = componentConnector({
-  componentName: "Variable",
-  stateToProps,
-  dispatchToProps,
-  additionnalHooks: (props, hookType) => {
-    const { tags, type } = props.meta;
-    const hooks: string[] = [`${hookType}VariableOfType(${type})`];
-    if (Array.isArray(tags)) {
-      tags.forEach((currentTag) => {
-        hooks.push(`${hookType}Tag{${currentTag}}`);
-      });
-    }
-    return hooks;
-  },
-});

package/src/componentsConnectors/connectWizardWrapper.tsx

@@ -1,30 +0,0 @@
-import {
-  componentConnector,
-  ConnectorDispatchProps,
-} from "./connector/componentConnector";
-
-export type ConnectWizardWrapperDispatchProps = {
-  openPreview: () => void;
-  closePreview: () => void;
-};
-export type ConnectWizardWrapperOwnProps = {};
-
-/**
- * dispatchToProps
- * ------------
- * Dispatch to props function maps dispatch to connected
- * component's props
- * @param actions DispatchToProps actions
- */
-const dispatchToProps: ConnectorDispatchProps<
-  ConnectWizardWrapperOwnProps,
-  ConnectWizardWrapperDispatchProps
-> = () => (dispatch) => ({
-  openPreview: () => dispatch({ type: "OPEN_PREVIEW" }),
-  closePreview: () => dispatch({ type: "CLOSE_PREVIEW" }),
-});
-
-export const connectWizardWrapper = componentConnector({
-  componentName: "WizardWrapper",
-  dispatchToProps,
-});