@legalplace/wizardx-core 2.6.3 → 2.7.0

package/src/componentsConnectors/connectOption.tsx

@@ -1,222 +0,0 @@
-import type { OptionV3 } from "@legalplace/models-v3-types";
-import {
-  parseOptionLabel,
-  parseRawWithVariables,
-} from "../helpers/outputsParsing";
-import {
-  componentConnector,
-  ConnectorStateToProps,
-  ConnectorDispatchProps,
-  ConnectorMapSelectors,
-} from "./connector/componentConnector";
-import { isStepAvailable } from "../redux/selectors/app";
-
-export type ConnectOptionOwnProps = {
-  id: number;
-  index: number;
-  isLast?: boolean;
-  isMultiple?: boolean;
-  hasMany?: boolean;
-};
-export type ConnectOptionMapProps = {
-  label: string;
-  type: string;
-  value: boolean;
-  condition?: boolean;
-  validator?: boolean;
-  mandatoryValidated: boolean;
-  mandatoryIgnore: boolean;
-  display: boolean;
-  meta: OptionV3["meta"];
-  selectedRadioChild: number;
-  childOptions: number[];
-  childVariables: number[];
-};
-export type ConnectOptionDispatchProps = {
-  updateOption: (value: boolean, id?: number, index?: number) => void;
-  addMultipleOccurency: () => void;
-  deleteMultipleOccurency: () => void;
-};
-
-/**
- * canOptionDisplay
- * ----------------
- * 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 canOptionDisplay = (
-  id: number,
-  index: number,
-  selectors: ConnectorMapSelectors
-) => {
-  const option = selectors.selectOptionReference(id);
-
-  // Checking steps
-  let display = isStepAvailable(option.meta.step);
-
-  // Checking if option is hidden by model or smartscript on all indexes
-  display = display && !(option.meta.hidden === true);
-
-  // Checking if option's index is hidden by smartscript
-  display =
-    display && !selectors.selectIsSmartscriptOptionIndexHidden(id, index);
-
-  // Checking if current user is granted access to this option
-  const grantLevel =
-    typeof option.meta.grantLevel === "string"
-      ? option.meta.grantLevel
-      : "GUEST";
-  display = display && selectors.isLevelAccessibleForUser(grantLevel);
-
-  // Returning result
-  return display;
-};
-
-/**
- * selectedRadioChilds
- * -------------------
- * This helper functions returns the selected
- * radio children of a given option at a specific
- * index if there's any
- * @param id Option's id
- * @param index Option's index
- * @param selectors StateToProps selectors
- */
-const selectedRadioChilds = (
-  id: number,
-  index: number,
-  selectors: ConnectorMapSelectors
-) => {
-  const option = selectors.selectOptionReference(id);
-  return option.options.filter((childId) => {
-    const childReference = selectors.selectOptionReference(childId);
-
-    return (
-      childReference.meta.type === "radio" &&
-      selectors.selectOptionInputByIndex(childId, index)
-    );
-  })[0];
-};
-
-/**
- * stateToProps
- * ------------
- * State to props function maps state to connected
- * component's props
- * @param selectors StateToProps selectors
- */
-const stateToProps: ConnectorStateToProps<
-  ConnectOptionOwnProps,
-  ConnectOptionMapProps
-> = (selectors) => (state, ownProps) => {
-  const { id, index } = ownProps;
-  const option = selectors.selectOptionReference(id);
-
-  // Checking if option can display (this is not related to conditions)
-  const display = canOptionDisplay(id, index, selectors);
-
-  // Getting option's selected radio children
-  const selectedRadioChild = selectedRadioChilds(id, index, selectors);
-
-  // Getting & parsing label (if needed)
-  const label = parseOptionLabel(id, index);
-
-  // Getting value
-  let value = selectors.selectOptionInputByIndex(id, index);
-  value = value || false;
-
-  // Getting condition
-  const condition = selectors.selectOptionConditionValue(id, index);
-
-  // Getting valudator
-  const validator = selectors.selectOptionValidatorConditionValue(id, index);
-
-  // Getting mandatoryValidated
-  const mandatoryValidated = selectors.selectMandatoryOptionByIndex(id, index);
-
-  // Getting MandartoryIgnore
-  const mandatoryIgnore = selectors.selectMandatoryIgnore();
-
-  // Extracting props from option reference
-  const { meta, options: childOptions, variables: childVariables } = option;
-
-  // Parsing helper's variables
-  const helper = meta.helper
-    ? parseRawWithVariables(meta.helper, undefined, "________________")
-    : undefined;
-
-  // Parsing warning's variables
-  const warning = meta.warning
-    ? parseRawWithVariables(meta.warning, undefined, "________________")
-    : undefined;
-
-  const { type } = meta;
-  return {
-    label,
-    type,
-    meta: {
-      ...meta,
-      warning,
-      helper,
-    },
-    value,
-    mandatoryValidated,
-    mandatoryIgnore,
-    condition,
-    validator,
-    display,
-    selectedRadioChild,
-    childOptions,
-    childVariables,
-  };
-};
-
-/**
- * dispatchToProps
- * ------------
- * Dispatch to props function maps dispatch to connected
- * component's props
- * @param actions DispatchToProps actions
- */
-const dispatchToProps: ConnectorDispatchProps<
-  ConnectOptionOwnProps,
-  ConnectOptionDispatchProps
-> = (actions) => (dispatch, ownProps) => ({
-  updateOption: (
-    value: boolean,
-    id: number = ownProps.id,
-    index: number = ownProps.index
-  ) => dispatch(actions.updateOptionAction(id, value, index)),
-  addMultipleOccurency: () => {
-    dispatch(actions.addMultipleOccurencyAction(ownProps.id));
-  },
-  deleteMultipleOccurency: () => {
-    dispatch(
-      actions.deleteMultipleOccurencyAction(ownProps.id, ownProps.index)
-    );
-  },
-});
-
-/**
- * Creating our component connector
- */
-export const connectOption = componentConnector({
-  componentName: "Option",
-  stateToProps,
-  dispatchToProps,
-  additionnalHooks: (props, hookType) => {
-    const { tags, type } = props.meta;
-    const hooks: string[] = [`${hookType}OptionOfType(${type})`];
-    if (Array.isArray(tags)) {
-      tags.forEach((currentTag) => {
-        hooks.push(`${hookType}Tag{${currentTag}}`);
-      });
-    }
-    return hooks;
-  },
-});

package/src/componentsConnectors/connectPagination.tsx

@@ -1,102 +0,0 @@
-import {
-  componentConnector,
-  ConnectorStateToProps,
-  ConnectorDispatchProps,
-} from "./connector/componentConnector";
-
-export type ConnectPaginationOwnProps = {};
-export type ConnectPaginationMapProps = {
-  totalPages: number;
-  isFirstPage: boolean;
-  isLastPage: boolean;
-  isLastWizardPage: boolean;
-  isUserAuthenticated: boolean;
-  isCurrentSectionMandatoryValidated: boolean;
-  mandatoryIgnore: boolean;
-  firstUnfinishedSectionId: number;
-  currentSection: number;
-  currentPage: number;
-};
-export type ConnectPaginationDispatchProps = {
-  goNextPage: () => void;
-  goPreviousPage: () => void;
-};
-
-/**
- * stateToProps
- * ------------
- * State to props function maps state to connected
- * component's props
- * @param selectors StateToProps selectors
- */
-const stateToProps: ConnectorStateToProps<
-  ConnectPaginationOwnProps,
-  ConnectPaginationMapProps
-> = (selectors) => () => {
-  const {
-    selectIsFirstPage,
-    selectCurrentPage,
-    selectIsLastPage,
-    selectIsLastWizardPage,
-    selectAvailableSections,
-    selectUserStatus,
-    selectMandatorySection,
-    selectCurrentSectionId,
-    selectFirstUnfinishedSectionId,
-    selectMandatoryIgnore,
-  } = selectors;
-  const isFirstPage = selectIsFirstPage();
-  const currentPage = selectCurrentPage();
-  const isLastPage = selectIsLastPage();
-  const isLastWizardPage = selectIsLastWizardPage();
-  const totalPages = selectAvailableSections().length;
-  const userStatus = selectUserStatus();
-
-  const currentSection = selectCurrentSectionId();
-
-  // Getting MandatoryIgnore
-  const mandatoryIgnore = selectMandatoryIgnore();
-
-  const isCurrentSectionMandatoryValidated =
-    selectMandatorySection(currentSection);
-
-  const firstUnfinishedSectionId =
-    selectFirstUnfinishedSectionId(currentSection);
-
-  return {
-    isFirstPage,
-    isLastPage,
-    totalPages,
-    isLastWizardPage,
-    isCurrentSectionMandatoryValidated,
-    firstUnfinishedSectionId,
-    currentSection,
-    mandatoryIgnore,
-    isUserAuthenticated: userStatus === "authenticated",
-    currentPage,
-  };
-};
-
-/**
- * dispatchToProps
- * ------------
- * Dispatch to props function maps dispatch to connected
- * component's props
- * @param actions DispatchToProps actions
- */
-const dispatchToProps: ConnectorDispatchProps<
-  ConnectPaginationOwnProps,
-  ConnectPaginationDispatchProps
-> = (actions) => (dispatch) => ({
-  goNextPage: () => dispatch(actions.goNextPageAction()),
-  goPreviousPage: () => dispatch(actions.goPreviousPageAction()),
-});
-
-/**
- * Creating our component connector
- */
-export const connectPagination = componentConnector({
-  componentName: "Pagination",
-  stateToProps,
-  dispatchToProps,
-});

package/src/componentsConnectors/connectPreview.tsx

@@ -1,5 +0,0 @@
-import { componentConnector } from "./connector/componentConnector";
-
-export const connectPreview = componentConnector({
-  componentName: "PreviewComponent",
-});

package/src/componentsConnectors/connectProgress.tsx

@@ -1,59 +0,0 @@
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-
-export type ConnectPreviewOwnProps = {
-  id?: number;
-};
-export type ConnectPreviewMapProps = {
-  currentSectionTitle: string;
-  currentSectionId: number;
-  currentSection: number;
-  currentPage: number;
-  greatestPage: number;
-  totalPages: number;
-};
-
-/**
- * stateToProps
- * ------------
- * State to props function maps state to connected
- * component's props
- * @param selectors StateToProps selectors
- */
-const stateToProps: ConnectorStateToProps<
-  ConnectPreviewOwnProps,
-  ConnectPreviewMapProps
-> = (selectors) => (state, ownProps) => {
-  const {
-    selectCurrentSectionId,
-    selectAvailableSections,
-    selectSectionReference,
-    selectCurrentPage,
-  } = selectors;
-
-  const currentSectionId =
-    typeof ownProps.id === "number" ? ownProps.id : selectCurrentSectionId();
-  const sectionReference = selectSectionReference(currentSectionId);
-  const currentSectionTitle = sectionReference.label;
-  const availableSections = selectAvailableSections();
-  const totalPages = availableSections.length;
-
-  return {
-    currentSectionTitle,
-    currentSectionId,
-    totalPages,
-    currentSection: availableSections.indexOf(currentSectionId) + 1,
-    currentPage: selectCurrentPage(),
-    greatestPage: state.app.pagination.greatestPage,
-  };
-};
-
-/**
- * Creating our component connector
- */
-export const connectProgress = componentConnector({
-  componentName: "Progress",
-  stateToProps,
-});

package/src/componentsConnectors/connectRootOption.tsx

@@ -1,95 +0,0 @@
-import type { OptionV3 } from "@legalplace/models-v3-types";
-import {
-  componentConnector,
-  ConnectorStateToProps,
-  ConnectorDispatchProps,
-} from "./connector/componentConnector";
-
-export type ConnectRootOptionOwnProps = {
-  id: number;
-};
-export type ConnectRootOptionMapProps = {
-  id: number;
-  multiple: boolean;
-  values: boolean[];
-  isMultiple: boolean;
-  hasMany: boolean;
-  lastIndex: number;
-  meta: OptionV3["meta"];
-};
-export type ConnectRootOptionDispatchProps = {
-  addMultipleOccurency: () => void;
-  deleteMultipleOccurency: (index: number) => void;
-};
-
-/**
- * stateToProps
- * ------------
- * State to props function maps state to connected
- * component's props
- * @param selectors StateToProps selectors
- */
-const stateToProps: ConnectorStateToProps<
-  ConnectRootOptionOwnProps,
-  ConnectRootOptionMapProps
-> = (selectors) => (state, ownProps) => {
-  const { selectOptionReference } = selectors;
-
-  const option = selectOptionReference(ownProps.id);
-
-  // Checking wether option can be displayed
-  const multiple = option.meta.multiple?.enabled || false;
-
-  const values = state.inputs.options[ownProps.id];
-
-  return {
-    id: ownProps.id,
-    multiple,
-    meta: option.meta,
-    values,
-    hasMany: values.length > 1,
-    isMultiple: option.meta.multiple?.enabled === true,
-    lastIndex: values.length - 1,
-  };
-};
-
-/**
- * dispatchToProps
- * ------------
- * Dispatch to props function maps dispatch to connected
- * component's props
- * @param actions DispatchToProps actions
- */
-const dispatchToProps: ConnectorDispatchProps<
-  ConnectRootOptionOwnProps,
-  ConnectRootOptionDispatchProps
-> = (actions) => (dispatch, ownProps) => ({
-  addMultipleOccurency: () => {
-    dispatch(actions.addMultipleOccurencyAction(ownProps.id));
-  },
-  deleteMultipleOccurency: (index: number) => {
-    dispatch(actions.deleteMultipleOccurencyAction(ownProps.id, index));
-  },
-});
-
-/**
- * Creating our component connector
- */
-export const connectRootOption = componentConnector({
-  componentName: "RootOption",
-  stateToProps,
-  dispatchToProps,
-  additionnalHooks: (props, hookType) => {
-    const { tags, type } = props.meta;
-    const hooks: string[] = [`${hookType}RootOptionOfType(${type})`];
-    if (props.meta.multiple) {
-      hooks.push(`${hookType}RootOptionMultiple`);
-    }
-    if (Array.isArray(tags)) {
-      tags.forEach((currentTag) => {
-        hooks.push(`${hookType}Tag{${currentTag}}`);
-      });
-    }
-    return hooks;
-  },
-});

package/src/componentsConnectors/connectSection.tsx

@@ -1,79 +0,0 @@
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-
-export type ConnectSectionOwnProps = {
-  id?: number;
-};
-export type ConnectSectionMapProps = {
-  id: number;
-  title: string;
-  mandatoryValidated: boolean;
-  childOptions: number[];
-  tags?: string[];
-};
-
-/**
- * stateToProps
- * ------------
- * State to props function maps state to connected
- * component's props
- * @param selectors StateToProps selectors
- */
-const childOptionsCache: Record<string, number[]> = {};
-const stateToProps: ConnectorStateToProps<
-  ConnectSectionOwnProps,
-  ConnectSectionMapProps
-> = (selectors) => (state, ownProps) => {
-  const {
-    selectCurrentSectionId,
-    selectSectionReference,
-    selectOptionReference,
-  } = selectors;
-
-  // If we recieve id in props we use it at the section's id
-  const id =
-    typeof ownProps.id !== "undefined" ? ownProps.id : selectCurrentSectionId();
-
-  const section = selectSectionReference(id);
-  if (section === undefined) throw new Error(`Section ${id} does not exist`);
-
-  if (!(id in childOptionsCache)) {
-    childOptionsCache[id] = section.options.filter((optionId) => {
-      const optionReference = selectOptionReference(optionId);
-      if (optionReference === undefined)
-        throw new Error(`Option ${optionId} does not exist`);
-      return !["hidden", "repeated"].includes(optionReference.meta.type);
-    });
-  }
-
-  // Getting mandatory validation
-  const mandatoryValidated = selectors.selectMandatorySection(id);
-
-  return {
-    id,
-    mandatoryValidated,
-    childOptions: childOptionsCache[id],
-    title: section.label,
-    tags: section.tags,
-  };
-};
-
-/**
- * Creating our component connector
- */
-export const connectSection = componentConnector({
-  componentName: "Section",
-  stateToProps,
-  additionnalHooks: (props, hookType) => {
-    const { tags } = props;
-    const hooks: string[] = [];
-    if (Array.isArray(tags)) {
-      tags.forEach((currentTag) => {
-        hooks.push(`${hookType}Tag{${currentTag}}`);
-      });
-    }
-    return hooks;
-  },
-});

package/src/componentsConnectors/connectSummary.tsx

@@ -1,21 +0,0 @@
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-
-export type ConnectSummaryOwnProps = {};
-export type ConnectSummaryMapProps = {
-  sections: Readonly<number[]>;
-};
-
-const stateToProps: ConnectorStateToProps<
-  ConnectSummaryOwnProps,
-  ConnectSummaryMapProps
-> = (selectors) => () => ({
-  sections: selectors.selectAvailableSections(),
-});
-
-export const connectSummary = componentConnector({
-  componentName: "Summary",
-  stateToProps,
-});

package/src/componentsConnectors/connectSummaryItem.tsx

@@ -1,102 +0,0 @@
-import queryString from "query-string";
-import {
-  componentConnector,
-  ConnectorStateToProps,
-} from "./connector/componentConnector";
-import { PathReader } from "../libs/PathReader";
-import { SectionValidity } from "../libs/SectionValidity";
-
-export type ConnectSummaryItemOwnProps = {
-  id: number;
-};
-export type ConnectSummaryItemMapProps = {
-  link: string;
-  label: string;
-  validity: boolean;
-  preLabel: string;
-  active: boolean;
-  pageNumber: number;
-  disableClick?: boolean;
-};
-
-const stateToProps: ConnectorStateToProps<
-  ConnectSummaryItemOwnProps,
-  ConnectSummaryItemMapProps
-> = (selectors) => (state, ownProps) => {
-  const {
-    selectSectionReference,
-    selectAvailableSections,
-    selectCurrentSectionId,
-    selectMandatorySection,
-    selectMandatoryIgnore,
-  } = selectors;
-
-  const currentSection = selectCurrentSectionId();
-
-  // Getting MandatoryIgnore
-  const mandatoryIgnore = selectMandatoryIgnore();
-
-  const isCurrentSectionMandatoryValidated =
-    selectMandatorySection(currentSection);
-
-  // Getting list of sections
-  const sectionReference = selectSectionReference(ownProps.id);
-  const { label, id } = sectionReference;
-
-  // Initiating PathReader
-  const pathReader = new PathReader(state);
-
-  // Generating section's path
-  const pageNumber = selectAvailableSections().indexOf(ownProps.id) + 1;
-  const link = pathReader.parsePath(pageNumber);
-  // Is section active?
-  const active = id === currentSection;
-
-  let disableClick = false;
-  // disableClick Conditions
-  if (
-    queryString.parse(window.location.search).ignore !== "true" &&
-    id > currentSection &&
-    mandatoryIgnore === false
-  ) {
-    const mandatoriesSections = selectAvailableSections().map((sectionId) =>
-      selectMandatorySection(sectionId)
-    );
-    // All sections True : enableClick
-    if (mandatoriesSections.every((sectionValue) => sectionValue === true)) {
-      disableClick = false;
-    }
-    // enable click only for nextCurrentSection if isCurrentSectionMandatoryValidated = true
-    else if (
-      id === currentSection + 1 &&
-      isCurrentSectionMandatoryValidated === true
-    ) {
-      disableClick = false;
-    }
-    // disable click for all next sections
-    else {
-      disableClick = true;
-    }
-  }
-
-  // Is section valid
-  const { validity } = new SectionValidity(ownProps.id);
-
-  // Calculating preLabel
-  const preLabel = pageNumber < 10 ? `0${pageNumber}` : pageNumber.toString();
-
-  return {
-    link,
-    validity,
-    preLabel,
-    label,
-    active,
-    pageNumber,
-    disableClick,
-  };
-};
-
-export const connectSummaryItem = componentConnector({
-  componentName: "SummaryItem",
-  stateToProps,
-});