ON-43900 # Evaluate predicates and disable form submission based on `…

…enableSubmission` form property

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- Evaluate predicates and disable form submission based on `enableSubmission` form property
+
 ## [6.7.0] - 2024-09-30
 
 ### Changed

src/OneBlinkFormBase.tsx

@@ -369,8 +369,11 @@ function OneBlinkFormBase({
  //
  // #region Conditional Logic
 
- const { formElementsConditionallyShown, conditionalLogicError } =
- useConditionalLogic(definition, submission)
+ const {
+ formElementsConditionallyShown,
+ conditionalLogicError,
+ submissionConditionallyEnabled,
+ } = useConditionalLogic(definition, submission)
 
  // #endregion
  //
@@ -1228,7 +1231,10 @@ function OneBlinkFormBase({
  { 'is-loading': isPreparingToSubmit },
  )}
  disabled={
- isPreview || disabled || isPreparingToSubmit
+ isPreview ||
+ disabled ||
+ isPreparingToSubmit ||
+ !submissionConditionallyEnabled
  }
  >
  <CustomisableButtonInner

src/hooks/useConditionalLogic.ts

@@ -28,8 +28,24 @@ export default function useConditionalLogic(
  })
  }, [definition.elements, submission, errorCallback])
 
+ const submissionConditionallyEnabled = React.useMemo(() => {
+ if (!definition.enableSubmission) {
+ return true
+ }
+ const { requiresAllConditionalPredicates, conditionalPredicates } =
+ definition.enableSubmission
+ return conditionalLogicService.evaluateConditionalPredicates({
+ isConditional: true,
+ requiresAllConditionalPredicates,
+ conditionalPredicates,
+ formElements: definition.elements,
+ submission,
+ })
+ }, [definition.elements, definition.enableSubmission, submission])
+
  return {
  conditionalLogicError,
  formElementsConditionallyShown,
+ submissionConditionallyEnabled,
  }
 }