@oneblink/apps-react 0.6.1 → 0.6.2-beta.3

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "0.6.1",
+  "version": "0.6.2-beta.3",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
   },
   "dependencies": {
     "@blinkmobile/geolocation": "^2.0.3",
-    "@emotion/react": "^11.8.2",
+    "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.5.3",
-    "@oneblink/sdk-core": "^0.3.6",
+    "@mui/material": "^5.6.1",
+    "@oneblink/sdk-core": "^0.4.0-beta.2",
     "@react-google-maps/api": "2.7.0",
     "blueimp-load-image": "^5.16.0",
     "bulma": "^0.9.3",
@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
-    "@oneblink/apps": "^0.12.10-beta.1",
+    "@oneblink/apps": "0.12.0",
     "@oneblink/release-cli": "^1.0.0",
     "@oneblink/types": "github:oneblink/types",
     "@types/blueimp-load-image": "^5.14.4",
@@ -61,10 +61,10 @@
     "@types/sanitize-html": "^2.6.2",
     "@types/uuid": "^8.3.4",
     "@types/xml2js": "^0.4.9",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^5.18.0",
+    "@typescript-eslint/eslint-plugin": "^5.19.0",
+    "@typescript-eslint/parser": "^5.19.0",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.12.0",
+    "eslint": "^8.13.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
@@ -75,9 +75,9 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^5.3.0",
-    "sass": "^1.49.11",
+    "sass": "^1.50.0",
     "ts-jest": "^27.1.4",
-    "tsc-watch": "^5.0.2",
+    "tsc-watch": "^5.0.3",
     "typescript": "^4.6.3"
   },
   "engines": {
@@ -92,7 +92,7 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@oneblink/apps": "^0.12.10-beta.1",
+    "@oneblink/apps": "^0.12.0 || ^0.12.11-beta.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-router-dom": "^5.2.0"

package/dist/services/conditionally-show-element.d.ts

@@ -1,11 +0,0 @@
-import { FormTypes } from '@oneblink/types';
-import { FormSubmissionModel } from '../types/form';
-export declare type FormElementsCtrl = {
-    model: FormSubmissionModel;
-    flattenedElements: import('@oneblink/types').FormTypes.FormElement[];
-    parentFormElementsCtrl?: FormElementsCtrl;
-};
-export default function conditionallyShowElement(formElementsCtrl: FormElementsCtrl, elementToEvaluate: FormTypes.FormElement, elementsEvaluated: Array<{
-    id: string;
-    label: string;
-}>): boolean;

package/dist/services/conditionally-show-element.js

@@ -1,92 +0,0 @@
-import { conditionalLogicService } from '@oneblink/sdk-core';
-const getParentFormElements = (formElementsCtrl, childElement) => {
-    const parentElement = formElementsCtrl.flattenedElements.find((element) => {
-        return ((element.type === 'page' || element.type === 'section') &&
-            element.elements.some(({ id }) => id === childElement.id));
-    });
-    if (parentElement &&
-        (parentElement.type === 'page' || parentElement.type === 'section')) {
-        return [
-            parentElement,
-            ...getParentFormElements(formElementsCtrl, parentElement),
-        ];
-    }
-    return [];
-};
-const conditionallyShowByPredicate = (formElementsCtrl, predicate, elementsEvaluated) => {
-    const predicateElement = formElementsCtrl.flattenedElements.find((element) => {
-        return element.id === predicate.elementId;
-    });
-    // If we cant find the element used for the predicate,
-    // we can check to see if the element being evaluated
-    // is in a repeatable set and the predicate element is
-    // in a parent list of elements.
-    if (!predicateElement) {
-        if (formElementsCtrl.parentFormElementsCtrl) {
-            return conditionallyShowByPredicate(formElementsCtrl.parentFormElementsCtrl, predicate, elementsEvaluated);
-        }
-        else {
-            return false;
-        }
-    }
-    // Here we will also need to check if the predicate element
-    // is on a page/section element and the page/section element
-    // is also hidden. If it is hidden we will treat this
-    // predicate element as hidden as well.
-    const parentFormElements = getParentFormElements(formElementsCtrl, predicateElement);
-    for (const parentFormElement of parentFormElements) {
-        if (!conditionallyShowElement(formElementsCtrl, parentFormElement, [
-            ...elementsEvaluated,
-        ])) {
-            return false;
-        }
-    }
-    // Check to see if the model has one of the valid values to show the element
-    return (conditionallyShowElement(formElementsCtrl, predicateElement, elementsEvaluated) &&
-        conditionalLogicService.evaluateConditionalPredicate({
-            predicate,
-            submission: formElementsCtrl.model,
-            predicateElement,
-        }));
-};
-export default function conditionallyShowElement(formElementsCtrl, elementToEvaluate, elementsEvaluated) {
-    // If the element does not have the `conditionallyShow` flag set,
-    // we can always show the element.
-    if (!elementToEvaluate ||
-        !elementToEvaluate.conditionallyShow ||
-        !Array.isArray(elementToEvaluate.conditionallyShowPredicates) ||
-        !elementToEvaluate.conditionallyShowPredicates.length) {
-        return true;
-    }
-    const conditionallyShowPredicates = elementToEvaluate.conditionallyShowPredicates;
-    // Check to see if this element has already been used to evaluate
-    // if the element should be shown based on parent element conditional logic
-    const elementAlreadyEvaluated = elementsEvaluated.find(({ id }) => id === elementToEvaluate.id);
-    if (elementAlreadyEvaluated) {
-        throw new Error(`Your conditional logic has caused an infinite loop. Check the "${elementAlreadyEvaluated.label}" form element to ensure element A does not rely on element B if element B also relies on element A.`);
-    }
-    else {
-        elementsEvaluated.push({
-            id: elementToEvaluate.id,
-            label: elementToEvaluate.type === 'form' ||
-                elementToEvaluate.type === 'infoPage'
-                ? elementToEvaluate.name
-                : elementToEvaluate.label,
-        });
-    }
-    const predicateFunction = (predicate) => {
-        // Spread the array of elements evaluated so that each predicate can
-        // evaluate the tree without causing false positives for infinite
-        // loop conditional logic
-        return conditionallyShowByPredicate(formElementsCtrl, predicate, [
-            ...elementsEvaluated,
-        ]);
-    };
-    if (elementToEvaluate.requiresAllConditionallyShowPredicates) {
-        return conditionallyShowPredicates.every(predicateFunction);
-    }
-    else {
-        return conditionallyShowPredicates.some(predicateFunction);
-    }
-}
-//# sourceMappingURL=conditionally-show-element.js.map

package/dist/services/conditionally-show-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conditionally-show-element.js","sourceRoot":"","sources":["../../src/services/conditionally-show-element.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, ConditionTypes } from '@oneblink/types'\nimport { conditionalLogicService } from '@oneblink/sdk-core'\nimport { FormSubmissionModel } from '../types/form'\n\nexport type FormElementsCtrl = {\n  model: FormSubmissionModel\n  flattenedElements: import('@oneblink/types').FormTypes.FormElement[]\n  parentFormElementsCtrl?: FormElementsCtrl\n}\n\nconst getParentFormElements = (\n  formElementsCtrl: FormElementsCtrl,\n  childElement: FormTypes.FormElement,\n): Array<FormTypes.SectionElement | FormTypes.PageElement> => {\n  const parentElement = formElementsCtrl.flattenedElements.find((element) => {\n    return (\n      (element.type === 'page' || element.type === 'section') &&\n      element.elements.some(({ id }) => id === childElement.id)\n    )\n  })\n  if (\n    parentElement &&\n    (parentElement.type === 'page' || parentElement.type === 'section')\n  ) {\n    return [\n      parentElement,\n      ...getParentFormElements(formElementsCtrl, parentElement),\n    ]\n  }\n  return []\n}\n\nconst conditionallyShowByPredicate = (\n  formElementsCtrl: FormElementsCtrl,\n  predicate: ConditionTypes.ConditionalPredicate,\n  elementsEvaluated: Array<{ id: string; label: string }>,\n): FormTypes.FormElement | boolean => {\n  const predicateElement = formElementsCtrl.flattenedElements.find(\n    (element: FormTypes.FormElement) => {\n      return element.id === predicate.elementId\n    },\n  )\n\n  // If we cant find the element used for the predicate,\n  // we can check to see if the element being evaluated\n  // is in a repeatable set and the predicate element is\n  // in a parent list of elements.\n  if (!predicateElement) {\n    if (formElementsCtrl.parentFormElementsCtrl) {\n      return conditionallyShowByPredicate(\n        formElementsCtrl.parentFormElementsCtrl,\n        predicate,\n        elementsEvaluated,\n      )\n    } else {\n      return false\n    }\n  }\n\n  // Here we will also need to check if the predicate element\n  // is on a page/section element and the page/section element\n  // is also hidden. If it is hidden we will treat this\n  // predicate element as hidden as well.\n  const parentFormElements = getParentFormElements(\n    formElementsCtrl,\n    predicateElement,\n  )\n  for (const parentFormElement of parentFormElements) {\n    if (\n      !conditionallyShowElement(formElementsCtrl, parentFormElement, [\n        ...elementsEvaluated,\n      ])\n    ) {\n      return false\n    }\n  }\n\n  // Check to see if the model has one of the valid values to show the element\n  return (\n    conditionallyShowElement(\n      formElementsCtrl,\n      predicateElement,\n      elementsEvaluated,\n    ) &&\n    conditionalLogicService.evaluateConditionalPredicate({\n      predicate,\n      submission: formElementsCtrl.model,\n      predicateElement,\n    })\n  )\n}\n\nexport default function conditionallyShowElement(\n  formElementsCtrl: FormElementsCtrl,\n  elementToEvaluate: FormTypes.FormElement,\n  elementsEvaluated: Array<{ id: string; label: string }>,\n): boolean {\n  // If the element does not have the `conditionallyShow` flag set,\n  // we can always show the element.\n  if (\n    !elementToEvaluate ||\n    !elementToEvaluate.conditionallyShow ||\n    !Array.isArray(elementToEvaluate.conditionallyShowPredicates) ||\n    !elementToEvaluate.conditionallyShowPredicates.length\n  ) {\n    return true\n  }\n  const conditionallyShowPredicates =\n    elementToEvaluate.conditionallyShowPredicates\n\n  // Check to see if this element has already been used to evaluate\n  // if the element should be shown based on parent element conditional logic\n  const elementAlreadyEvaluated = elementsEvaluated.find(\n    ({ id }) => id === elementToEvaluate.id,\n  )\n  if (elementAlreadyEvaluated) {\n    throw new Error(\n      `Your conditional logic has caused an infinite loop. Check the \"${elementAlreadyEvaluated.label}\" form element to ensure element A does not rely on element B if element B also relies on element A.`,\n    )\n  } else {\n    elementsEvaluated.push({\n      id: elementToEvaluate.id,\n      label:\n        elementToEvaluate.type === 'form' ||\n        elementToEvaluate.type === 'infoPage'\n          ? elementToEvaluate.name\n          : elementToEvaluate.label,\n    })\n  }\n\n  const predicateFunction = (\n    predicate: ConditionTypes.ConditionalPredicate,\n  ) => {\n    // Spread the array of elements evaluated so that each predicate can\n    // evaluate the tree without causing false positives for infinite\n    // loop conditional logic\n    return conditionallyShowByPredicate(formElementsCtrl, predicate, [\n      ...elementsEvaluated,\n    ])\n  }\n\n  if (elementToEvaluate.requiresAllConditionallyShowPredicates) {\n    return conditionallyShowPredicates.every(predicateFunction)\n  } else {\n    return conditionallyShowPredicates.some(predicateFunction)\n  }\n}\n"]}

package/dist/services/conditionally-show-option.d.ts

@@ -1,3 +0,0 @@
-import { FormTypes } from '@oneblink/types';
-import { FormElementsCtrl } from '../services/conditionally-show-element';
-export default function conditionallyShowOption(formElementsCtrl: FormElementsCtrl, elementToEvaluate: FormTypes.FormElementWithOptions, optionToEvaluate: FormTypes.ChoiceElementOption, optionsEvaluated: string[]): boolean;

package/dist/services/conditionally-show-option.js

@@ -1,135 +0,0 @@
-import { conditionalLogicService } from '@oneblink/sdk-core';
-import conditionallyShowElement from '../services/conditionally-show-element';
-const handleAttributePredicate = (predicate, model, predicateElement) => {
-    const values = model[predicateElement.name];
-    if (!values)
-        return true;
-    if (Array.isArray(values) &&
-        (!values.length ||
-            !values.filter((value) => typeof value !== 'undefined').length)) {
-        return true;
-    }
-    return conditionalLogicService.evaluateConditionalOptionsPredicate({
-        predicate: {
-            type: 'OPTIONS',
-            elementId: predicate.elementId,
-            optionIds: predicate.optionIds,
-        },
-        submission: model,
-        predicateElement,
-    });
-};
-const conditionallyShowOptionByPredicate = (formElementsCtrl, predicate, elementsEvaluated) => {
-    // Validate the predicate data, if it is invalid,
-    // we will always show the field
-    if (!predicate ||
-        !predicate.elementId ||
-        !predicate.optionIds ||
-        !predicate.optionIds.length) {
-        return true;
-    }
-    const predicateElement = formElementsCtrl.flattenedElements.find((element) => {
-        return element.id === predicate.elementId;
-    });
-    // If we cant find the element used for the predicate,
-    // we can check to see if the element being evaluated
-    // is in a repeatable set and the predicate element is
-    // in a parent list of elements.
-    if (!predicateElement) {
-        if (formElementsCtrl.parentFormElementsCtrl) {
-            return conditionallyShowOptionByPredicate(formElementsCtrl.parentFormElementsCtrl, predicate, elementsEvaluated);
-        }
-        else {
-            return false;
-        }
-    }
-    if (predicateElement.type !== 'compliance' &&
-        predicateElement.type !== 'select' &&
-        predicateElement.type !== 'autocomplete' &&
-        predicateElement.type !== 'checkboxes' &&
-        predicateElement.type !== 'radio') {
-        return false;
-    }
-    // If the predicate element does not have any options to evaluate,
-    // we will show the element.
-    // Unless the predicate element has dynamic options and
-    // options have not been fetched yet.
-    if (!Array.isArray(predicateElement.options)) {
-        return predicateElement.optionsType !== 'DYNAMIC';
-    }
-    const everyOptionIsShowing = predicate.optionIds.every((id) => {
-        var _a;
-        const predicateOption = (_a = predicateElement.options) === null || _a === void 0 ? void 0 : _a.find((o) => o.id === id);
-        if (!predicateOption)
-            return false;
-        return conditionallyShowOption({ model: formElementsCtrl.model, flattenedElements: [] }, predicateElement, predicateOption, elementsEvaluated);
-    });
-    if (!everyOptionIsShowing) {
-        return false;
-    }
-    // Check to see if the model has one of the valid values to show the element
-    return handleAttributePredicate(predicate, formElementsCtrl.model, predicateElement);
-};
-const isAttributeFilterValid = (formElementsCtrl, predicate, elementsEvaluated) => {
-    const predicateElement = formElementsCtrl.flattenedElements.find((element) => {
-        return element.id === predicate.elementId;
-    });
-    // If we cant find the element used for the predicate,
-    // we can check to see if the element being evaluated
-    // is in a repeatable set and the predicate element is
-    // in a parent list of elements.
-    if (!predicateElement) {
-        if (formElementsCtrl.parentFormElementsCtrl) {
-            return isAttributeFilterValid(formElementsCtrl.parentFormElementsCtrl, predicate, elementsEvaluated);
-        }
-        else {
-            return false;
-        }
-    }
-    // now we have the model and predicate element, verify that the predicate element
-    // is not hidden
-    if (
-    // Will never be a page, just making typescript happy :)
-    predicateElement.type === 'page' ||
-        predicateElement.type === 'section' ||
-        !conditionallyShowElement(formElementsCtrl, predicateElement, [])) {
-        return false;
-    }
-    // verify that at least one option is selected
-    const values = formElementsCtrl.model[predicateElement.name];
-    if (!values)
-        return false;
-    // if the model value is an array, verify that it has a selection
-    if (Array.isArray(values) &&
-        (!values.length ||
-            !values.filter((value) => typeof value !== 'undefined').length)) {
-        return false;
-    }
-    return true;
-};
-export default function conditionallyShowOption(formElementsCtrl, elementToEvaluate, optionToEvaluate, optionsEvaluated) {
-    // If the element does not have the `conditionallyShow` flag set,
-    // we can always show the element.
-    if (!elementToEvaluate.conditionallyShowOptions ||
-        !optionToEvaluate ||
-        !optionToEvaluate.attributes ||
-        !Array.isArray(optionToEvaluate.attributes) ||
-        !optionToEvaluate.attributes.length) {
-        return true;
-    }
-    // Check to see if this element has already been used to evaluate
-    // if the element should be shown based on parent element conditional logic
-    if (optionsEvaluated.some((optionId) => optionId === optionToEvaluate.id)) {
-        throw new Error('Your conditional logic has caused an infinite loop. Check the following Fields to ensure element A does not rely on element B if element B also relies on element A.');
-    }
-    else {
-        optionsEvaluated.push(optionToEvaluate.id);
-    }
-    const validPredicates = (optionToEvaluate.attributes || []).filter((predicate) => {
-        return isAttributeFilterValid(formElementsCtrl, predicate, optionsEvaluated);
-    });
-    if (!validPredicates.length)
-        return true;
-    return validPredicates.some((predicate) => conditionallyShowOptionByPredicate(formElementsCtrl, predicate, optionsEvaluated));
-}
-//# sourceMappingURL=conditionally-show-option.js.map

package/dist/services/conditionally-show-option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conditionally-show-option.js","sourceRoot":"","sources":["../../src/services/conditionally-show-option.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport { conditionalLogicService } from '@oneblink/sdk-core'\n\nimport conditionallyShowElement, {\n  FormElementsCtrl,\n} from '../services/conditionally-show-element'\nimport { FormSubmissionModel } from '../types/form'\n\nconst handleAttributePredicate = (\n  predicate: FormTypes.ChoiceElementOptionAttribute,\n  model: FormSubmissionModel,\n  predicateElement: FormTypes.FormElementWithOptions,\n) => {\n  const values = model[predicateElement.name]\n  if (!values) return true\n\n  if (\n    Array.isArray(values) &&\n    (!values.length ||\n      !values.filter((value) => typeof value !== 'undefined').length)\n  ) {\n    return true\n  }\n\n  return conditionalLogicService.evaluateConditionalOptionsPredicate({\n    predicate: {\n      type: 'OPTIONS',\n      elementId: predicate.elementId,\n      optionIds: predicate.optionIds,\n    },\n    submission: model,\n    predicateElement,\n  })\n}\n\nconst conditionallyShowOptionByPredicate = (\n  formElementsCtrl: FormElementsCtrl,\n  predicate: FormTypes.ChoiceElementOptionAttribute,\n  elementsEvaluated: string[],\n): boolean => {\n  // Validate the predicate data, if it is invalid,\n  // we will always show the field\n  if (\n    !predicate ||\n    !predicate.elementId ||\n    !predicate.optionIds ||\n    !predicate.optionIds.length\n  ) {\n    return true\n  }\n\n  const predicateElement = formElementsCtrl.flattenedElements.find(\n    (element) => {\n      return element.id === predicate.elementId\n    },\n  )\n\n  // If we cant find the element used for the predicate,\n  // we can check to see if the element being evaluated\n  // is in a repeatable set and the predicate element is\n  // in a parent list of elements.\n  if (!predicateElement) {\n    if (formElementsCtrl.parentFormElementsCtrl) {\n      return conditionallyShowOptionByPredicate(\n        formElementsCtrl.parentFormElementsCtrl,\n        predicate,\n        elementsEvaluated,\n      )\n    } else {\n      return false\n    }\n  }\n\n  if (\n    predicateElement.type !== 'compliance' &&\n    predicateElement.type !== 'select' &&\n    predicateElement.type !== 'autocomplete' &&\n    predicateElement.type !== 'checkboxes' &&\n    predicateElement.type !== 'radio'\n  ) {\n    return false\n  }\n\n  // If the predicate element does not have any options to evaluate,\n  // we will show the element.\n  // Unless the predicate element has dynamic options and\n  // options have not been fetched yet.\n  if (!Array.isArray(predicateElement.options)) {\n    return predicateElement.optionsType !== 'DYNAMIC'\n  }\n\n  const everyOptionIsShowing = predicate.optionIds.every((id) => {\n    const predicateOption = predicateElement.options?.find((o) => o.id === id)\n    if (!predicateOption) return false\n\n    return conditionallyShowOption(\n      { model: formElementsCtrl.model, flattenedElements: [] },\n      predicateElement,\n      predicateOption,\n      elementsEvaluated,\n    )\n  })\n\n  if (!everyOptionIsShowing) {\n    return false\n  }\n\n  // Check to see if the model has one of the valid values to show the element\n  return handleAttributePredicate(\n    predicate,\n    formElementsCtrl.model,\n    predicateElement,\n  )\n}\n\nconst isAttributeFilterValid = (\n  formElementsCtrl: FormElementsCtrl,\n  predicate: FormTypes.ChoiceElementOptionAttribute,\n  elementsEvaluated: string[],\n): boolean => {\n  const predicateElement = formElementsCtrl.flattenedElements.find(\n    (element) => {\n      return element.id === predicate.elementId\n    },\n  )\n\n  // If we cant find the element used for the predicate,\n  // we can check to see if the element being evaluated\n  // is in a repeatable set and the predicate element is\n  // in a parent list of elements.\n  if (!predicateElement) {\n    if (formElementsCtrl.parentFormElementsCtrl) {\n      return isAttributeFilterValid(\n        formElementsCtrl.parentFormElementsCtrl,\n        predicate,\n        elementsEvaluated,\n      )\n    } else {\n      return false\n    }\n  }\n\n  // now we have the model and predicate element, verify that the predicate element\n  // is not hidden\n  if (\n    // Will never be a page, just making typescript happy :)\n    predicateElement.type === 'page' ||\n    predicateElement.type === 'section' ||\n    !conditionallyShowElement(formElementsCtrl, predicateElement, [])\n  ) {\n    return false\n  }\n\n  // verify that at least one option is selected\n  const values = formElementsCtrl.model[predicateElement.name]\n  if (!values) return false\n  // if the model value is an array, verify that it has a selection\n  if (\n    Array.isArray(values) &&\n    (!values.length ||\n      !values.filter((value) => typeof value !== 'undefined').length)\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport default function conditionallyShowOption(\n  formElementsCtrl: FormElementsCtrl,\n  elementToEvaluate: FormTypes.FormElementWithOptions,\n  optionToEvaluate: FormTypes.ChoiceElementOption,\n  optionsEvaluated: string[],\n): boolean {\n  // If the element does not have the `conditionallyShow` flag set,\n  // we can always show the element.\n\n  if (\n    !elementToEvaluate.conditionallyShowOptions ||\n    !optionToEvaluate ||\n    !optionToEvaluate.attributes ||\n    !Array.isArray(optionToEvaluate.attributes) ||\n    !optionToEvaluate.attributes.length\n  ) {\n    return true\n  }\n\n  // Check to see if this element has already been used to evaluate\n  // if the element should be shown based on parent element conditional logic\n  if (optionsEvaluated.some((optionId) => optionId === optionToEvaluate.id)) {\n    throw new Error(\n      'Your conditional logic has caused an infinite loop. Check the following Fields to ensure element A does not rely on element B if element B also relies on element A.',\n    )\n  } else {\n    optionsEvaluated.push(optionToEvaluate.id)\n  }\n\n  const validPredicates = (optionToEvaluate.attributes || []).filter(\n    (predicate) => {\n      return isAttributeFilterValid(\n        formElementsCtrl,\n        predicate,\n        optionsEvaluated,\n      )\n    },\n  )\n\n  if (!validPredicates.length) return true\n  return validPredicates.some((predicate) =>\n    conditionallyShowOptionByPredicate(\n      formElementsCtrl,\n      predicate,\n      optionsEvaluated,\n    ),\n  )\n}\n"]}