@oneblink/apps-react 13.0.0-beta.11 → 13.0.0-beta.13

package/dist/OneBlinkReadOnlyForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkReadOnlyForm.js","sourceRoot":"","sources":["../src/OneBlinkReadOnlyForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAEN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AAGnE,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAErB,SAAS,gCAAgC,CAAC,EACxC,IAAI,EACJ,iBAAiB,EACjB,GAAG,IAAI,EACsD;IAC7D,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,iBAAiB,CAAC,GACpE,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;IAEjD,OAAO,CACL,KAAC,gBAAgB,OACX,IAAI,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,EACd,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,KAAK,EAC5B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,EAAE,GAChB,CACH,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,IAAI,KAAK,CAAC,sBAAsB,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,EACd,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAA;IACH,CAAC;IAED,OAAO,KAAC,gCAAgC,OAAK,KAAK,GAAI,CAAA;AACxD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport OneBlinkFormBase, {\n  OneBlinkReadOnlyFormProps,\n} from './OneBlinkFormBase'\nimport useFormSubmissionState from './hooks/useFormSubmissionState'\nimport { FormTypes } from '@oneblink/types'\n\nconst noop = () => {}\n\nfunction UncontrolledOneBlinkReadOnlyForm({\n  form,\n  initialSubmission,\n  ...rest\n}: Extract<OneBlinkReadOnlyFormProps, { form: FormTypes.Form }>) {\n  const [{ submission, definition, executedLookups }, setFormSubmission] =\n    useFormSubmissionState(form, initialSubmission)\n\n  return (\n    <OneBlinkFormBase\n      {...rest}\n      definition={definition}\n      submission={submission}\n      disabled={true}\n      isReadOnly={true}\n      onCancel={noop}\n      onSubmit={noop}\n      setFormSubmission={setFormSubmission}\n      isPendingQueueEnabled={false}\n      executedLookups={executedLookups}\n      sectionState={[]}\n    />\n  )\n}\n\nfunction OneBlinkReadOnlyForm(props: OneBlinkReadOnlyFormProps) {\n  if (props.editableFormElementIds) {\n    return (\n      <OneBlinkFormBase\n        {...props}\n        disabled={false}\n        isReadOnly={true}\n        onCancel={noop}\n        onSubmit={noop}\n        isPendingQueueEnabled={false}\n      />\n    )\n  }\n\n  return <UncontrolledOneBlinkReadOnlyForm {...props} />\n}\n\n/**\n * Component for rendering a OneBlink Form in read-only mode. By default, all\n * inputs are read-only. Pass `editableFormElementIds` with controlled\n * submission props (`definition`, `submission`, `setFormSubmission`,\n * `executedLookups`) to keep selected inputs editable. This component does\n * **not** render the submit, cancel or save draft buttons.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { OneBlinkReadOnlyForm } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import {\n * FormTypes\n *   IsOfflineContextProvider,\n *   OneBlinkReadOnlyForm,\n *   useFormSubmissionState,\n *   useIsMounted,\n * } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'\n * const formsAppId = 1\n * const form: FormTypes.Form = {\n *   id: 1,\n *   name: 'Name of Form',\n *   description: '',\n *   organisationId: 'abc123',\n *   formsAppEnvironmentId: 1,\n *   formsAppIds: [],\n *   elements: [],\n *   isAuthenticated: false,\n *   isMultiPage: false,\n *   isInfoPage: false,\n *   publishStartDate: null,\n *   publishEndDate: null,\n *   postSubmissionAction: 'FORMS_LIBRARY',\n *   submissionEvents: [],\n *   tags: [],\n * }\n *\n * function FormContainer() {\n *   const isMounted = useIsMounted()\n *   const [\n *     { definition, submission, executedLookups },\n *     setFormSubmission,\n *   ] = useFormSubmissionState(form)\n *\n *   const handleFormError = React.useCallback(() => {\n *     // handle form rendering error caused by a misconfigured form here...\n *   }, [isMounted])\n *\n *   return (\n *     <OneBlinkReadOnlyForm\n *       googleMapsApiKey={googleMapsApiKey}\n *       definition={definition}\n *       submission={submission}\n *       setFormSubmission={setFormSubmission}\n *       executedLookups={executedLookups}\n *       audience=\"APPROVER\"\n *       editableFormElementIds={['element-id']}\n *     />\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <FormContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkReadOnlyForm)\n"]}
+{"version":3,"file":"OneBlinkReadOnlyForm.js","sourceRoot":"","sources":["../src/OneBlinkReadOnlyForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAA+C,MAAM,oBAAoB,CAAA;AAChF,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AAGnE,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAErB,SAAS,gCAAgC,CAAC,EACxC,IAAI,EACJ,iBAAiB,EACjB,GAAG,IAAI,EACsD;IAC7D,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,iBAAiB,CAAC,GACpE,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;IAEjD,OAAO,CACL,KAAC,gBAAgB,OACX,IAAI,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,EACd,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,KAAK,EAC5B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,EAAE,GAChB,CACH,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,IAAI,KAAK,CAAC,sBAAsB,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,EACd,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAA;IACH,CAAC;IAED,OAAO,KAAC,gCAAgC,OAAK,KAAK,GAAI,CAAA;AACxD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport OneBlinkFormBase, { OneBlinkReadOnlyFormProps } from './OneBlinkFormBase'\nimport useFormSubmissionState from './hooks/useFormSubmissionState'\nimport { FormTypes } from '@oneblink/types'\n\nconst noop = () => {}\n\nfunction UncontrolledOneBlinkReadOnlyForm({\n  form,\n  initialSubmission,\n  ...rest\n}: Extract<OneBlinkReadOnlyFormProps, { form: FormTypes.Form }>) {\n  const [{ submission, definition, executedLookups }, setFormSubmission] =\n    useFormSubmissionState(form, initialSubmission)\n\n  return (\n    <OneBlinkFormBase\n      {...rest}\n      definition={definition}\n      submission={submission}\n      disabled={true}\n      isReadOnly={true}\n      onCancel={noop}\n      onSubmit={noop}\n      setFormSubmission={setFormSubmission}\n      isPendingQueueEnabled={false}\n      executedLookups={executedLookups}\n      sectionState={[]}\n    />\n  )\n}\n\nfunction OneBlinkReadOnlyForm(props: OneBlinkReadOnlyFormProps) {\n  if (props.editableFormElementIds) {\n    return (\n      <OneBlinkFormBase\n        {...props}\n        disabled={false}\n        isReadOnly={true}\n        onCancel={noop}\n        onSubmit={noop}\n        isPendingQueueEnabled={false}\n      />\n    )\n  }\n\n  return <UncontrolledOneBlinkReadOnlyForm {...props} />\n}\n\n/**\n * Component for rendering a OneBlink Form in read-only mode. By default, all\n * inputs are read-only. Pass `editableFormElementIds` with controlled\n * submission props (`definition`, `submission`, `setFormSubmission`,\n * `executedLookups`) to keep selected inputs editable. Selecting a `form` or\n * `infoPage` element makes all of its descendants editable. This component does\n * **not** render the submit, cancel or save draft buttons.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { OneBlinkReadOnlyForm } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import {\n * FormTypes\n *   IsOfflineContextProvider,\n *   OneBlinkReadOnlyForm,\n *   useFormSubmissionState,\n *   useIsMounted,\n * } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'\n * const formsAppId = 1\n * const form: FormTypes.Form = {\n *   id: 1,\n *   name: 'Name of Form',\n *   description: '',\n *   organisationId: 'abc123',\n *   formsAppEnvironmentId: 1,\n *   formsAppIds: [],\n *   elements: [],\n *   isAuthenticated: false,\n *   isMultiPage: false,\n *   isInfoPage: false,\n *   publishStartDate: null,\n *   publishEndDate: null,\n *   postSubmissionAction: 'FORMS_LIBRARY',\n *   submissionEvents: [],\n *   tags: [],\n * }\n *\n * function FormContainer() {\n *   const isMounted = useIsMounted()\n *   const [\n *     { definition, submission, executedLookups },\n *     setFormSubmission,\n *   ] = useFormSubmissionState(form)\n *\n *   const handleFormError = React.useCallback(() => {\n *     // handle form rendering error caused by a misconfigured form here...\n *   }, [isMounted])\n *\n *   return (\n *     <OneBlinkReadOnlyForm\n *       googleMapsApiKey={googleMapsApiKey}\n *       definition={definition}\n *       submission={submission}\n *       setFormSubmission={setFormSubmission}\n *       executedLookups={executedLookups}\n *       audience=\"APPROVER\"\n *       editableFormElementIds={['element-id']}\n *     />\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <FormContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkReadOnlyForm)\n"]}

package/dist/form-elements/FormElementForm.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import OneBlinkFormElements from '../components/renderer/OneBlinkFormElements';
+import useEditableFormElementIds, { EditableFormElementIdsContext, } from '../hooks/useEditableFormElementIds';
 import ElementDOMId from '../utils/elementDOMIds';
+import { getNestedEditableFormElementIds } from '../utils/read-only-form-elements';
 function FormElementForm({ formId, element, readOnly, childrenReadOnly, readOnlyOverrideChildren, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, onUpdateFormElements, sectionState, }) {
     const handleNestedChange = React.useCallback((nestedElement, { value: nestedElementValue, executedLookups: nestedExecutedLookups, sectionState, isDerivedChange, }, idPrefix) => {
         if (nestedElement.type === 'section') {
@@ -109,7 +111,11 @@ function FormElementForm({ formId, element, readOnly, childrenReadOnly, readOnly
         });
     }, [element.id, onUpdateFormElements]);
     const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id]);
-    return (_jsx(OneBlinkFormElements, { formId: formId, formElementsValidation: validation, displayValidationMessages: displayValidationMessages, elements: parentElement.elements, onChange: handleNestedChange, onLookup: handleLookup, formElementsConditionallyShown: formElementsConditionallyShown, model: value || {}, parentElement: parentElement, readOnly: childrenReadOnly, readOnlyOverride: readOnlyOverrideChildren ? readOnly : undefined, idPrefix: elementDOMId.subFormDOMIdPrefix, onUpdateFormElements: handleUpdateNestedFormElements, sectionState: sectionState }));
+    const editableFormElementIds = useEditableFormElementIds();
+    const nestedEditableFormElementIds = React.useMemo(() => readOnlyOverrideChildren
+        ? editableFormElementIds
+        : getNestedEditableFormElementIds(element, editableFormElementIds), [editableFormElementIds, element, readOnlyOverrideChildren]);
+    return (_jsx(EditableFormElementIdsContext.Provider, { value: nestedEditableFormElementIds, children: _jsx(OneBlinkFormElements, { formId: formId, formElementsValidation: validation, displayValidationMessages: displayValidationMessages, elements: parentElement.elements, onChange: handleNestedChange, onLookup: handleLookup, formElementsConditionallyShown: formElementsConditionallyShown, model: value || {}, parentElement: parentElement, readOnly: childrenReadOnly, readOnlyOverride: readOnlyOverrideChildren ? readOnly : undefined, idPrefix: elementDOMId.subFormDOMIdPrefix, onUpdateFormElements: handleUpdateNestedFormElements, sectionState: sectionState }) }));
 }
 export default React.memo(FormElementForm);
 //# sourceMappingURL=FormElementForm.js.map

package/dist/form-elements/FormElementForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementForm.js","sourceRoot":"","sources":["../../src/form-elements/FormElementForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport {\n  ExecutedLookups,\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  SectionState,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport ElementDOMId from '../utils/elementDOMIds'\n\nexport type Props = {\n  formId: number\n  id: string\n  element: FormTypes.FormFormElement\n  /**\n   * Whether this nested form is locked. Used as `readOnlyOverride` for\n   * synthetic children when `readOnlyOverrideChildren` is set. Nested fields do\n   * not inherit this value as a blanket lock so a child included in\n   * `editableFormElementIds` can stay editable.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to nested fields (`OneBlinkFormElements.readOnly` /\n   * `parentReadOnly`). True when the whole form is read-only, a parent is\n   * read-only, or this element’s definition has `readOnly: true`.\n   */\n  childrenReadOnly: boolean\n  /**\n   * When true, nested fields use this element’s `readOnly` as\n   * `readOnlyOverride` instead of calculating their own. Used by Civica name\n   * records and Freshdesk dependent fields.\n   */\n  readOnlyOverrideChildren?: boolean\n  value: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  onChange: NestedFormElementValueChangeHandler<\n    SubmissionTypes.S3SubmissionData['submission']\n  >\n  onLookup: FormElementLookupHandler\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessages: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n}\n\nfunction FormElementForm({\n  formId,\n  element,\n  readOnly,\n  childrenReadOnly,\n  readOnlyOverrideChildren,\n  value,\n  id,\n  formElementValidation,\n  displayValidationMessages,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  sectionState,\n}: Props) {\n  const handleNestedChange = React.useCallback(\n    (\n      nestedElement: FormTypes.FormElement,\n      {\n        value: nestedElementValue,\n        executedLookups: nestedExecutedLookups,\n        sectionState,\n        isDerivedChange,\n      }: Parameters<NestedFormElementValueChangeHandler>[1],\n      idPrefix?: string,\n    ) => {\n      if (nestedElement.type === 'section') {\n        // trigger onChange to update sectionState\n        onChange(\n          {\n            ...nestedElement,\n            id: idPrefix ? `${idPrefix}${nestedElement.id}` : nestedElement.id,\n          },\n          { executedLookups: undefined, sectionState },\n        )\n      }\n      if (!('name' in nestedElement)) return\n      onChange(element, {\n        value: (existingValue) => ({\n          ...existingValue,\n          [nestedElement.name]:\n            typeof nestedElementValue === 'function'\n              ? nestedElementValue(\n                  existingValue ? existingValue[nestedElement.name] : undefined,\n                )\n              : nestedElementValue,\n        }),\n        executedLookups: (existingExecutedLookups) => {\n          if (\n            typeof existingExecutedLookups === 'boolean' ||\n            Array.isArray(existingExecutedLookups)\n          ) {\n            return {}\n          }\n          return {\n            ...existingExecutedLookups,\n            [nestedElement.name]:\n              typeof nestedExecutedLookups === 'function'\n                ? nestedExecutedLookups(\n                    existingExecutedLookups?.[\n                      nestedElement.name\n                    ] as ExecutedLookups,\n                  )\n                : nestedExecutedLookups,\n          }\n        },\n        sectionState,\n        isDerivedChange,\n      })\n    },\n    [element, onChange],\n  )\n\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults, options) => {\n      onLookup((currentFormSubmission) => {\n        let model = currentFormSubmission.submission[\n          element.name\n        ] as SubmissionTypes.S3SubmissionData['submission']\n        let newExecutedLookups = currentFormSubmission.executedLookups?.[\n          element.name\n        ] as ExecutedLookups\n\n        const elements = currentFormSubmission.elements.map((formElement) => {\n          if (\n            formElement.type === 'form' &&\n            formElement.name === element.name &&\n            Array.isArray(formElement.elements)\n          ) {\n            const { elements, submission, executedLookups } =\n              mergeLookupResults({\n                elements: formElement.elements,\n                submission: model,\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                executedLookups: newExecutedLookups,\n                sectionState: currentFormSubmission.sectionState,\n              })\n            model = submission\n            newExecutedLookups = executedLookups as ExecutedLookups\n            return {\n              ...formElement,\n              elements,\n            }\n          }\n          return formElement\n        })\n\n        const submission = {\n          ...currentFormSubmission.submission,\n          [element.name]: model,\n        }\n\n        return {\n          elements,\n          submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: {\n            ...currentFormSubmission.executedLookups,\n            [element.name]: newExecutedLookups,\n          },\n          sectionState: currentFormSubmission.sectionState,\n        }\n      }, options)\n    },\n    [element.name, onLookup],\n  )\n\n  const validation = React.useMemo(() => {\n    return !!formElementValidation &&\n      typeof formElementValidation !== 'string' &&\n      formElementValidation.type === 'formElements'\n      ? formElementValidation.formElements\n      : undefined\n  }, [formElementValidation])\n\n  const formElementsConditionallyShown = React.useMemo(() => {\n    return formElementConditionallyShown &&\n      formElementConditionallyShown.type === 'formElements'\n      ? formElementConditionallyShown.formElements\n      : undefined\n  }, [formElementConditionallyShown])\n\n  const parentElement = React.useMemo(\n    () => ({\n      elements: Array.isArray(element.elements) ? element.elements : [],\n    }),\n    [element.elements],\n  )\n\n  const handleUpdateNestedFormElements =\n    React.useCallback<UpdateFormElementsHandler>(\n      (setter) => {\n        onUpdateFormElements((formElements) => {\n          return formElements.map((formElement) => {\n            if (\n              formElement.id === element.id &&\n              formElement.type === 'form' &&\n              Array.isArray(formElement.elements)\n            ) {\n              return {\n                ...formElement,\n                elements: setter(formElement.elements),\n              }\n            }\n            return formElement\n          })\n        })\n      },\n      [element.id, onUpdateFormElements],\n    )\n\n  const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id])\n\n  return (\n    <OneBlinkFormElements\n      formId={formId}\n      formElementsValidation={validation}\n      displayValidationMessages={displayValidationMessages}\n      elements={parentElement.elements}\n      onChange={handleNestedChange}\n      onLookup={handleLookup}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n      model={value || {}}\n      parentElement={parentElement}\n      readOnly={childrenReadOnly}\n      readOnlyOverride={readOnlyOverrideChildren ? readOnly : undefined}\n      idPrefix={elementDOMId.subFormDOMIdPrefix}\n      onUpdateFormElements={handleUpdateNestedFormElements}\n      sectionState={sectionState}\n    />\n  )\n}\n\nexport default React.memo(FormElementForm)\n"]}
+{"version":3,"file":"FormElementForm.js","sourceRoot":"","sources":["../../src/form-elements/FormElementForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport useEditableFormElementIds, {\n  EditableFormElementIdsContext,\n} from '../hooks/useEditableFormElementIds'\nimport {\n  ExecutedLookups,\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  SectionState,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport ElementDOMId from '../utils/elementDOMIds'\nimport { getNestedEditableFormElementIds } from '../utils/read-only-form-elements'\n\nexport type Props = {\n  formId: number\n  id: string\n  element: FormTypes.FormFormElement\n  /**\n   * Whether this nested form is locked. Used as `readOnlyOverride` for\n   * synthetic children when `readOnlyOverrideChildren` is set. Nested fields do\n   * not inherit this value as a blanket lock so a child included in\n   * `editableFormElementIds` can stay editable.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to nested fields (`OneBlinkFormElements.readOnly` /\n   * `parentReadOnly`). True when the whole form is read-only, a parent is\n   * read-only, or this element’s definition has `readOnly: true`.\n   */\n  childrenReadOnly: boolean\n  /**\n   * When true, nested fields use this element’s `readOnly` as\n   * `readOnlyOverride` instead of calculating their own. Used by Civica name\n   * records and Freshdesk dependent fields.\n   */\n  readOnlyOverrideChildren?: boolean\n  value: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  onChange: NestedFormElementValueChangeHandler<\n    SubmissionTypes.S3SubmissionData['submission']\n  >\n  onLookup: FormElementLookupHandler\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessages: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n}\n\nfunction FormElementForm({\n  formId,\n  element,\n  readOnly,\n  childrenReadOnly,\n  readOnlyOverrideChildren,\n  value,\n  id,\n  formElementValidation,\n  displayValidationMessages,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  sectionState,\n}: Props) {\n  const handleNestedChange = React.useCallback(\n    (\n      nestedElement: FormTypes.FormElement,\n      {\n        value: nestedElementValue,\n        executedLookups: nestedExecutedLookups,\n        sectionState,\n        isDerivedChange,\n      }: Parameters<NestedFormElementValueChangeHandler>[1],\n      idPrefix?: string,\n    ) => {\n      if (nestedElement.type === 'section') {\n        // trigger onChange to update sectionState\n        onChange(\n          {\n            ...nestedElement,\n            id: idPrefix ? `${idPrefix}${nestedElement.id}` : nestedElement.id,\n          },\n          { executedLookups: undefined, sectionState },\n        )\n      }\n      if (!('name' in nestedElement)) return\n      onChange(element, {\n        value: (existingValue) => ({\n          ...existingValue,\n          [nestedElement.name]:\n            typeof nestedElementValue === 'function'\n              ? nestedElementValue(\n                  existingValue ? existingValue[nestedElement.name] : undefined,\n                )\n              : nestedElementValue,\n        }),\n        executedLookups: (existingExecutedLookups) => {\n          if (\n            typeof existingExecutedLookups === 'boolean' ||\n            Array.isArray(existingExecutedLookups)\n          ) {\n            return {}\n          }\n          return {\n            ...existingExecutedLookups,\n            [nestedElement.name]:\n              typeof nestedExecutedLookups === 'function'\n                ? nestedExecutedLookups(\n                    existingExecutedLookups?.[\n                      nestedElement.name\n                    ] as ExecutedLookups,\n                  )\n                : nestedExecutedLookups,\n          }\n        },\n        sectionState,\n        isDerivedChange,\n      })\n    },\n    [element, onChange],\n  )\n\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults, options) => {\n      onLookup((currentFormSubmission) => {\n        let model = currentFormSubmission.submission[\n          element.name\n        ] as SubmissionTypes.S3SubmissionData['submission']\n        let newExecutedLookups = currentFormSubmission.executedLookups?.[\n          element.name\n        ] as ExecutedLookups\n\n        const elements = currentFormSubmission.elements.map((formElement) => {\n          if (\n            formElement.type === 'form' &&\n            formElement.name === element.name &&\n            Array.isArray(formElement.elements)\n          ) {\n            const { elements, submission, executedLookups } =\n              mergeLookupResults({\n                elements: formElement.elements,\n                submission: model,\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                executedLookups: newExecutedLookups,\n                sectionState: currentFormSubmission.sectionState,\n              })\n            model = submission\n            newExecutedLookups = executedLookups as ExecutedLookups\n            return {\n              ...formElement,\n              elements,\n            }\n          }\n          return formElement\n        })\n\n        const submission = {\n          ...currentFormSubmission.submission,\n          [element.name]: model,\n        }\n\n        return {\n          elements,\n          submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: {\n            ...currentFormSubmission.executedLookups,\n            [element.name]: newExecutedLookups,\n          },\n          sectionState: currentFormSubmission.sectionState,\n        }\n      }, options)\n    },\n    [element.name, onLookup],\n  )\n\n  const validation = React.useMemo(() => {\n    return !!formElementValidation &&\n      typeof formElementValidation !== 'string' &&\n      formElementValidation.type === 'formElements'\n      ? formElementValidation.formElements\n      : undefined\n  }, [formElementValidation])\n\n  const formElementsConditionallyShown = React.useMemo(() => {\n    return formElementConditionallyShown &&\n      formElementConditionallyShown.type === 'formElements'\n      ? formElementConditionallyShown.formElements\n      : undefined\n  }, [formElementConditionallyShown])\n\n  const parentElement = React.useMemo(\n    () => ({\n      elements: Array.isArray(element.elements) ? element.elements : [],\n    }),\n    [element.elements],\n  )\n\n  const handleUpdateNestedFormElements =\n    React.useCallback<UpdateFormElementsHandler>(\n      (setter) => {\n        onUpdateFormElements((formElements) => {\n          return formElements.map((formElement) => {\n            if (\n              formElement.id === element.id &&\n              formElement.type === 'form' &&\n              Array.isArray(formElement.elements)\n            ) {\n              return {\n                ...formElement,\n                elements: setter(formElement.elements),\n              }\n            }\n            return formElement\n          })\n        })\n      },\n      [element.id, onUpdateFormElements],\n    )\n\n  const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id])\n  const editableFormElementIds = useEditableFormElementIds()\n  const nestedEditableFormElementIds = React.useMemo(\n    () =>\n      readOnlyOverrideChildren\n        ? editableFormElementIds\n        : getNestedEditableFormElementIds(element, editableFormElementIds),\n    [editableFormElementIds, element, readOnlyOverrideChildren],\n  )\n\n  return (\n    <EditableFormElementIdsContext.Provider\n      value={nestedEditableFormElementIds}\n    >\n      <OneBlinkFormElements\n        formId={formId}\n        formElementsValidation={validation}\n        displayValidationMessages={displayValidationMessages}\n        elements={parentElement.elements}\n        onChange={handleNestedChange}\n        onLookup={handleLookup}\n        formElementsConditionallyShown={formElementsConditionallyShown}\n        model={value || {}}\n        parentElement={parentElement}\n        readOnly={childrenReadOnly}\n        readOnlyOverride={readOnlyOverrideChildren ? readOnly : undefined}\n        idPrefix={elementDOMId.subFormDOMIdPrefix}\n        onUpdateFormElements={handleUpdateNestedFormElements}\n        sectionState={sectionState}\n      />\n    </EditableFormElementIdsContext.Provider>\n  )\n}\n\nexport default React.memo(FormElementForm)\n"]}

package/dist/hooks/useFormValidation.d.ts

@@ -1,5 +1,5 @@
 import { FormTypes, SubmissionTypes } from '@oneblink/types';
 import { CaptchaType, ExecutedLookups, FormElementsConditionallyShown } from '../types/form';
-export default function useFormValidation(pages: FormTypes.PageElement[]): {
-    validate: (submission: SubmissionTypes.S3SubmissionData["submission"], formElementsConditionallyShown: FormElementsConditionallyShown, executedLookups: ExecutedLookups, captchaType: CaptchaType, isOffline: boolean, audience: FormTypes.FormElementHiddenFromAudience, editableFormElementIds?: string[]) => import("../types/form").FormElementsValidation | undefined;
+export default function useFormValidation(pages: FormTypes.PageElement[], approvalSteps: FormTypes.Form['approvalSteps']): {
+    validate: (submission: SubmissionTypes.S3SubmissionData["submission"], formElementsConditionallyShown: FormElementsConditionallyShown, executedLookups: ExecutedLookups, captchaType: CaptchaType, isOffline: boolean, audience: FormTypes.FormElementHiddenFromAudience, editableFormElementIds: string[] | undefined) => import("../types/form").FormElementsValidation | undefined;
 };

package/dist/hooks/useFormValidation.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import validateSubmission from '../services/form-validation/validateSubmission';
+import getApproverEditableFormElementIds from '../services/form-validation/getApproverEditableFormElementIds';
 function stripFormElementsWithoutName(formElements, hasReadOnlyAncestor) {
     return formElements.reduce((memo, formElement) => {
         const isReadOnly = hasReadOnlyAncestor ||
@@ -38,10 +39,11 @@ function stripFormElementsWithoutName(formElements, hasReadOnlyAncestor) {
         }
     }, []);
 }
-export default function useFormValidation(pages) {
+export default function useFormValidation(pages, approvalSteps) {
     const formElementsWithName = React.useMemo(() => {
         return stripFormElementsWithoutName(pages, false);
     }, [pages]);
+    const approverEditableFormElementIds = React.useMemo(() => getApproverEditableFormElementIds(approvalSteps), [approvalSteps]);
     const handleValidate = React.useCallback((submission, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds) => {
         return validateSubmission({
             elements: formElementsWithName,
@@ -52,8 +54,9 @@ export default function useFormValidation(pages) {
             isOffline,
             audience,
             editableFormElementIds,
+            approverEditableFormElementIds,
         });
-    }, [formElementsWithName]);
+    }, [approverEditableFormElementIds, formElementsWithName]);
     return {
         validate: handleValidate,
     };

package/dist/hooks/useFormValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormValidation.js","sourceRoot":"","sources":["../../src/hooks/useFormValidation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,kBAAkB,MAAM,gDAAgD,CAAA;AAO/E,SAAS,4BAA4B,CACnC,YAAqC,EACrC,mBAA4B;IAE5B,OAAO,YAAY,CAAC,MAAM,CACxB,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;QACpB,MAAM,UAAU,GACd,mBAAmB;YACnB,CAAC,UAAU,IAAI,WAAW,IAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAA;QAE9D,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,gEAAgE;gBAChE,kEAAkE;gBAClE,yBAAyB;gBACzB,IAAI,UAAU,EAAE,CAAC;oBACf,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAA;YAC/B,CAAC;YACD,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO;oBACL,GAAG,IAAI;oBACP,GAAG,4BAA4B,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC;iBAClE,CAAA;YACH,CAAC;YACD,KAAK,UAAU,CAAC;YAChB,KAAK,MAAM,CAAC;YACZ,KAAK,eAAe,CAAC,CAAC,CAAC;gBACrB,OAAO;oBACL,GAAG,IAAI;oBACP;wBACE,GAAG,WAAW;wBACd,QAAQ,EAAE,4BAA4B,CACpC,WAAW,CAAC,QAAQ,IAAI,EAAE,EAC1B,UAAU,CACX;qBACF;iBACF,CAAA;YACH,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA8B;IACtE,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,4BAA4B,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CACE,UAA0D,EAC1D,8BAA8D,EAC9D,eAAgC,EAChC,WAAwB,EACxB,SAAkB,EAClB,QAAiD,EACjD,sBAAiC,EACjC,EAAE;QACF,OAAO,kBAAkB,CAAC;YACxB,QAAQ,EAAE,oBAAoB;YAC9B,UAAU;YACV,8BAA8B;YAC9B,eAAe;YACf,WAAW;YACX,SAAS;YACT,QAAQ;YACR,sBAAsB;SACvB,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAA;IAED,OAAO;QACL,QAAQ,EAAE,cAAc;KACzB,CAAA;AACH,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport validateSubmission from '../services/form-validation/validateSubmission'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsConditionallyShown,\n} from '../types/form'\n\nfunction stripFormElementsWithoutName(\n  formElements: FormTypes.FormElement[],\n  hasReadOnlyAncestor: boolean,\n): FormTypes.FormElementWithName[] {\n  return formElements.reduce<FormTypes.FormElementWithName[]>(\n    (memo, formElement) => {\n      const isReadOnly =\n        hasReadOnlyAncestor ||\n        ('readOnly' in formElement && formElement.readOnly === true)\n\n      switch (formElement.type) {\n        case 'captcha': {\n          // The renderer omits a captcha inside a read-only container, so\n          // requiring one here would fail validation with an error the user\n          // cannot see or resolve.\n          if (isReadOnly) {\n            return memo\n          }\n          return [...memo, formElement]\n        }\n        case 'page':\n        case 'section': {\n          return [\n            ...memo,\n            ...stripFormElementsWithoutName(formElement.elements, isReadOnly),\n          ]\n        }\n        case 'infoPage':\n        case 'form':\n        case 'repeatableSet': {\n          return [\n            ...memo,\n            {\n              ...formElement,\n              elements: stripFormElementsWithoutName(\n                formElement.elements || [],\n                isReadOnly,\n              ),\n            },\n          ]\n        }\n        default: {\n          return [...memo, formElement]\n        }\n      }\n    },\n    [],\n  )\n}\n\nexport default function useFormValidation(pages: FormTypes.PageElement[]) {\n  const formElementsWithName = React.useMemo(() => {\n    return stripFormElementsWithoutName(pages, false)\n  }, [pages])\n\n  const handleValidate = React.useCallback(\n    (\n      submission: SubmissionTypes.S3SubmissionData['submission'],\n      formElementsConditionallyShown: FormElementsConditionallyShown,\n      executedLookups: ExecutedLookups,\n      captchaType: CaptchaType,\n      isOffline: boolean,\n      audience: FormTypes.FormElementHiddenFromAudience,\n      editableFormElementIds?: string[],\n    ) => {\n      return validateSubmission({\n        elements: formElementsWithName,\n        submission,\n        formElementsConditionallyShown,\n        executedLookups,\n        captchaType,\n        isOffline,\n        audience,\n        editableFormElementIds,\n      })\n    },\n    [formElementsWithName],\n  )\n\n  return {\n    validate: handleValidate,\n  }\n}\n"]}
+{"version":3,"file":"useFormValidation.js","sourceRoot":"","sources":["../../src/hooks/useFormValidation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,kBAAkB,MAAM,gDAAgD,CAAA;AAC/E,OAAO,iCAAiC,MAAM,+DAA+D,CAAA;AAO7G,SAAS,4BAA4B,CACnC,YAAqC,EACrC,mBAA4B;IAE5B,OAAO,YAAY,CAAC,MAAM,CACxB,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;QACpB,MAAM,UAAU,GACd,mBAAmB;YACnB,CAAC,UAAU,IAAI,WAAW,IAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAA;QAE9D,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,gEAAgE;gBAChE,kEAAkE;gBAClE,yBAAyB;gBACzB,IAAI,UAAU,EAAE,CAAC;oBACf,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAA;YAC/B,CAAC;YACD,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO;oBACL,GAAG,IAAI;oBACP,GAAG,4BAA4B,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC;iBAClE,CAAA;YACH,CAAC;YACD,KAAK,UAAU,CAAC;YAChB,KAAK,MAAM,CAAC;YACZ,KAAK,eAAe,CAAC,CAAC,CAAC;gBACrB,OAAO;oBACL,GAAG,IAAI;oBACP;wBACE,GAAG,WAAW;wBACd,QAAQ,EAAE,4BAA4B,CACpC,WAAW,CAAC,QAAQ,IAAI,EAAE,EAC1B,UAAU,CACX;qBACF;iBACF,CAAA;YACH,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,KAA8B,EAC9B,aAA8C;IAE9C,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,4BAA4B,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,MAAM,8BAA8B,GAAG,KAAK,CAAC,OAAO,CAClD,GAAG,EAAE,CAAC,iCAAiC,CAAC,aAAa,CAAC,EACtD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CACE,UAA0D,EAC1D,8BAA8D,EAC9D,eAAgC,EAChC,WAAwB,EACxB,SAAkB,EAClB,QAAiD,EACjD,sBAA4C,EAC5C,EAAE;QACF,OAAO,kBAAkB,CAAC;YACxB,QAAQ,EAAE,oBAAoB;YAC9B,UAAU;YACV,8BAA8B;YAC9B,eAAe;YACf,WAAW;YACX,SAAS;YACT,QAAQ;YACR,sBAAsB;YACtB,8BAA8B;SAC/B,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,8BAA8B,EAAE,oBAAoB,CAAC,CACvD,CAAA;IAED,OAAO;QACL,QAAQ,EAAE,cAAc;KACzB,CAAA;AACH,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport validateSubmission from '../services/form-validation/validateSubmission'\nimport getApproverEditableFormElementIds from '../services/form-validation/getApproverEditableFormElementIds'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsConditionallyShown,\n} from '../types/form'\n\nfunction stripFormElementsWithoutName(\n  formElements: FormTypes.FormElement[],\n  hasReadOnlyAncestor: boolean,\n): FormTypes.FormElementWithName[] {\n  return formElements.reduce<FormTypes.FormElementWithName[]>(\n    (memo, formElement) => {\n      const isReadOnly =\n        hasReadOnlyAncestor ||\n        ('readOnly' in formElement && formElement.readOnly === true)\n\n      switch (formElement.type) {\n        case 'captcha': {\n          // The renderer omits a captcha inside a read-only container, so\n          // requiring one here would fail validation with an error the user\n          // cannot see or resolve.\n          if (isReadOnly) {\n            return memo\n          }\n          return [...memo, formElement]\n        }\n        case 'page':\n        case 'section': {\n          return [\n            ...memo,\n            ...stripFormElementsWithoutName(formElement.elements, isReadOnly),\n          ]\n        }\n        case 'infoPage':\n        case 'form':\n        case 'repeatableSet': {\n          return [\n            ...memo,\n            {\n              ...formElement,\n              elements: stripFormElementsWithoutName(\n                formElement.elements || [],\n                isReadOnly,\n              ),\n            },\n          ]\n        }\n        default: {\n          return [...memo, formElement]\n        }\n      }\n    },\n    [],\n  )\n}\n\nexport default function useFormValidation(\n  pages: FormTypes.PageElement[],\n  approvalSteps: FormTypes.Form['approvalSteps'],\n) {\n  const formElementsWithName = React.useMemo(() => {\n    return stripFormElementsWithoutName(pages, false)\n  }, [pages])\n  const approverEditableFormElementIds = React.useMemo(\n    () => getApproverEditableFormElementIds(approvalSteps),\n    [approvalSteps],\n  )\n\n  const handleValidate = React.useCallback(\n    (\n      submission: SubmissionTypes.S3SubmissionData['submission'],\n      formElementsConditionallyShown: FormElementsConditionallyShown,\n      executedLookups: ExecutedLookups,\n      captchaType: CaptchaType,\n      isOffline: boolean,\n      audience: FormTypes.FormElementHiddenFromAudience,\n      editableFormElementIds: string[] | undefined,\n    ) => {\n      return validateSubmission({\n        elements: formElementsWithName,\n        submission,\n        formElementsConditionallyShown,\n        executedLookups,\n        captchaType,\n        isOffline,\n        audience,\n        editableFormElementIds,\n        approverEditableFormElementIds,\n      })\n    },\n    [approverEditableFormElementIds, formElementsWithName],\n  )\n\n  return {\n    validate: handleValidate,\n  }\n}\n"]}

package/dist/services/dynamic-elements.d.ts

@@ -1,3 +1,10 @@
 import { FormTypes } from '@oneblink/types';
 export declare function generateConfirmationFormElementName(formElement: FormTypes.EmailElement): string;
+/**
+ * The element a dynamic element was generated from, or `undefined` for an
+ * element that came from the form definition. Logic that needs to treat a
+ * dynamic element like the element it belongs to can rely on this instead of
+ * knowing which element types generate what.
+ */
+export declare function getGeneratedByFormElementId(formElement: FormTypes.FormElement): string | undefined;
 export declare const injectDynamicElements: (formElements: FormTypes.FormElement[]) => FormTypes.FormElement[];

package/dist/services/dynamic-elements.js

@@ -4,6 +4,18 @@
 export function generateConfirmationFormElementName(formElement) {
     return window.btoa(formElement.name);
 }
+/**
+ * The element a dynamic element was generated from, or `undefined` for an
+ * element that came from the form definition. Logic that needs to treat a
+ * dynamic element like the element it belongs to can rely on this instead of
+ * knowing which element types generate what.
+ */
+export function getGeneratedByFormElementId(formElement) {
+    if ('generatedByFormElementId' in formElement &&
+        typeof formElement.generatedByFormElementId === 'string') {
+        return formElement.generatedByFormElementId;
+    }
+}
 export const injectDynamicElements = (formElements) => {
     return formElements.reduce((memo, formElement) => {
         if ('elements' in formElement && Array.isArray(formElement.elements)) {
@@ -18,7 +30,7 @@ export const injectDynamicElements = (formElements) => {
             case 'email': {
                 if (formElement.requiresConfirmation) {
                     const confirmationFormElementName = generateConfirmationFormElementName(formElement);
-                    memo.push({
+                    const confirmationFormElement = {
                         ...formElement,
                         id: confirmationFormElementName,
                         name: confirmationFormElementName,
@@ -29,7 +41,9 @@ export const injectDynamicElements = (formElements) => {
                         hint: undefined,
                         hintPosition: undefined,
                         requiresConfirmation: false,
-                    });
+                        generatedByFormElementId: formElement.id,
+                    };
+                    memo.push(confirmationFormElement);
                 }
             }
         }

package/dist/services/dynamic-elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-elements.js","sourceRoot":"","sources":["../../src/services/dynamic-elements.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,oGAAoG;AACpG,oFAAoF;AAIpF,MAAM,UAAU,mCAAmC,CACjD,WAAmC;IAEnC,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AACtC,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,YAAqC,EACZ,EAAE;IAC3B,OAAO,YAAY,CAAC,MAAM,CAA0B,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;QACxE,IAAI,UAAU,IAAI,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;YACrE,IAAI,CAAC,IAAI,CAAC;gBACR,GAAG,WAAW;gBACd,QAAQ,EAAE,qBAAqB,CAAC,WAAW,CAAC,QAAQ,IAAI,EAAE,CAAC;aAC5D,CAAC,CAAA;YACF,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAEtB,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,IAAI,WAAW,CAAC,oBAAoB,EAAE,CAAC;oBACrC,MAAM,2BAA2B,GAC/B,mCAAmC,CAAC,WAAW,CAAC,CAAA;oBAElD,IAAI,CAAC,IAAI,CAAC;wBACR,GAAG,WAAW;wBACd,EAAE,EAAE,2BAA2B;wBAC/B,IAAI,EAAE,2BAA2B;wBACjC,KAAK,EAAE,WAAW,WAAW,CAAC,KAAK,EAAE;wBACrC,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,KAAK;wBACtB,YAAY,EAAE,SAAS;wBACvB,IAAI,EAAE,SAAS;wBACf,YAAY,EAAE,SAAS;wBACvB,oBAAoB,EAAE,KAAK;qBAC5B,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA","sourcesContent":["// This file houses logic related to dynamic elements\n// (Our term for elements that are created exclusively by our logic for display on the client side).\n// These elements are not part of the form definition or the stored form submission.\n\nimport { FormTypes } from '@oneblink/types'\n\nexport function generateConfirmationFormElementName(\n  formElement: FormTypes.EmailElement,\n) {\n  return window.btoa(formElement.name)\n}\n\nexport const injectDynamicElements = (\n  formElements: FormTypes.FormElement[],\n): FormTypes.FormElement[] => {\n  return formElements.reduce<FormTypes.FormElement[]>((memo, formElement) => {\n    if ('elements' in formElement && Array.isArray(formElement.elements)) {\n      memo.push({\n        ...formElement,\n        elements: injectDynamicElements(formElement.elements || []),\n      })\n      return memo\n    }\n\n    memo.push(formElement)\n\n    switch (formElement.type) {\n      case 'email': {\n        if (formElement.requiresConfirmation) {\n          const confirmationFormElementName =\n            generateConfirmationFormElementName(formElement)\n\n          memo.push({\n            ...formElement,\n            id: confirmationFormElementName,\n            name: confirmationFormElementName,\n            label: `Confirm ${formElement.label}`,\n            isDataLookup: false,\n            isElementLookup: false,\n            defaultValue: undefined,\n            hint: undefined,\n            hintPosition: undefined,\n            requiresConfirmation: false,\n          })\n        }\n      }\n    }\n\n    return memo\n  }, [])\n}\n"]}
+{"version":3,"file":"dynamic-elements.js","sourceRoot":"","sources":["../../src/services/dynamic-elements.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,oGAAoG;AACpG,oFAAoF;AAIpF,MAAM,UAAU,mCAAmC,CACjD,WAAmC;IAEnC,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AACtC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,2BAA2B,CACzC,WAAkC;IAElC,IACE,0BAA0B,IAAI,WAAW;QACzC,OAAO,WAAW,CAAC,wBAAwB,KAAK,QAAQ,EACxD,CAAC;QACD,OAAO,WAAW,CAAC,wBAAwB,CAAA;IAC7C,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,YAAqC,EACZ,EAAE;IAC3B,OAAO,YAAY,CAAC,MAAM,CAA0B,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;QACxE,IAAI,UAAU,IAAI,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;YACrE,IAAI,CAAC,IAAI,CAAC;gBACR,GAAG,WAAW;gBACd,QAAQ,EAAE,qBAAqB,CAAC,WAAW,CAAC,QAAQ,IAAI,EAAE,CAAC;aAC5D,CAAC,CAAA;YACF,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAEtB,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,IAAI,WAAW,CAAC,oBAAoB,EAAE,CAAC;oBACrC,MAAM,2BAA2B,GAC/B,mCAAmC,CAAC,WAAW,CAAC,CAAA;oBAElD,MAAM,uBAAuB,GAAG;wBAC9B,GAAG,WAAW;wBACd,EAAE,EAAE,2BAA2B;wBAC/B,IAAI,EAAE,2BAA2B;wBACjC,KAAK,EAAE,WAAW,WAAW,CAAC,KAAK,EAAE;wBACrC,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,KAAK;wBACtB,YAAY,EAAE,SAAS;wBACvB,IAAI,EAAE,SAAS;wBACf,YAAY,EAAE,SAAS;wBACvB,oBAAoB,EAAE,KAAK;wBAC3B,wBAAwB,EAAE,WAAW,CAAC,EAAE;qBACzC,CAAA;oBACD,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA","sourcesContent":["// This file houses logic related to dynamic elements\n// (Our term for elements that are created exclusively by our logic for display on the client side).\n// These elements are not part of the form definition or the stored form submission.\n\nimport { FormTypes } from '@oneblink/types'\n\nexport function generateConfirmationFormElementName(\n  formElement: FormTypes.EmailElement,\n) {\n  return window.btoa(formElement.name)\n}\n\n/**\n * The element a dynamic element was generated from, or `undefined` for an\n * element that came from the form definition. Logic that needs to treat a\n * dynamic element like the element it belongs to can rely on this instead of\n * knowing which element types generate what.\n */\nexport function getGeneratedByFormElementId(\n  formElement: FormTypes.FormElement,\n): string | undefined {\n  if (\n    'generatedByFormElementId' in formElement &&\n    typeof formElement.generatedByFormElementId === 'string'\n  ) {\n    return formElement.generatedByFormElementId\n  }\n}\n\nexport const injectDynamicElements = (\n  formElements: FormTypes.FormElement[],\n): FormTypes.FormElement[] => {\n  return formElements.reduce<FormTypes.FormElement[]>((memo, formElement) => {\n    if ('elements' in formElement && Array.isArray(formElement.elements)) {\n      memo.push({\n        ...formElement,\n        elements: injectDynamicElements(formElement.elements || []),\n      })\n      return memo\n    }\n\n    memo.push(formElement)\n\n    switch (formElement.type) {\n      case 'email': {\n        if (formElement.requiresConfirmation) {\n          const confirmationFormElementName =\n            generateConfirmationFormElementName(formElement)\n\n          const confirmationFormElement = {\n            ...formElement,\n            id: confirmationFormElementName,\n            name: confirmationFormElementName,\n            label: `Confirm ${formElement.label}`,\n            isDataLookup: false,\n            isElementLookup: false,\n            defaultValue: undefined,\n            hint: undefined,\n            hintPosition: undefined,\n            requiresConfirmation: false,\n            generatedByFormElementId: formElement.id,\n          }\n          memo.push(confirmationFormElement)\n        }\n      }\n    }\n\n    return memo\n  }, [])\n}\n"]}

package/dist/services/form-validation/extensions.d.ts

@@ -11,7 +11,7 @@ declare const validationExtensions: {
     regex<DefaultValue>(value: unknown, formElement: FormTypes.FormElementWithInput<DefaultValue>): string[];
     attachment(value: unknown): string[];
     numberRegex(value: unknown, formElement: FormTypes.NumberElement): string[];
-    nestedElements(value: unknown, { formElement, formElements, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, }: {
+    nestedElements(value: unknown, { formElement, formElements, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, approverEditableFormElementIds, }: {
         formElement: FormTypes.FormElementWithName;
         formElements: FormTypes.FormElementWithName[] | undefined;
         formElementsConditionallyShown: FormElementsConditionallyShown | undefined;
@@ -20,6 +20,7 @@ declare const validationExtensions: {
         isOffline: boolean;
         audience: FormTypes.FormElementHiddenFromAudience;
         editableFormElementIds?: string[];
+        approverEditableFormElementIds?: string[];
     }): {
         type: "formElements";
         formElements: import("../../types/form").FormElementsValidation;

package/dist/services/form-validation/extensions.js

@@ -53,7 +53,7 @@ const validationExtensions = {
         }
         return [];
     },
-    nestedElements(value, { formElement, formElements, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, }) {
+    nestedElements(value, { formElement, formElements, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, approverEditableFormElementIds, }) {
         if (formElements) {
             const nestedExecutedLookupsValue = executedLookups !== undefined &&
                 typeof executedLookups !== 'boolean' &&
@@ -75,6 +75,7 @@ const validationExtensions = {
                 isOffline,
                 audience,
                 editableFormElementIds,
+                approverEditableFormElementIds,
             });
             if (errors) {
                 return {

package/dist/services/form-validation/extensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.js","sourceRoot":"","sources":["../../../src/services/form-validation/extensions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsConditionallyShown,\n} from '../../types/form'\nimport validateSubmission from './validateSubmission'\nimport {\n  generateLookupValidationMessage,\n  getInvalidAttachment,\n} from './validators'\nimport { validators } from './validate-dot-js'\n\nconst validationExtensions = {\n  lookups({\n    executedLookups,\n    formElement,\n  }: {\n    formElement: FormTypes.LookupFormElement &\n      FormTypes.FormElementRequired & {\n        type: FormTypes.FormElement['type']\n      }\n    executedLookups: ExecutedLookups\n  }): string[] {\n    if (!formElement.isDataLookup && !formElement.isElementLookup) {\n      return []\n    }\n\n    // Lookups must only be executed on required form elements\n    if (!formElement.required) {\n      return []\n    }\n\n    const elementExecutedLookups = executedLookups?.[formElement.name]\n    if (elementExecutedLookups === true) {\n      return []\n    }\n\n    return [\n      generateLookupValidationMessage(\n        formElement.lookupButton,\n        formElement.type === 'lookupButton'\n          ? formElement.requiredMessage\n          : undefined,\n      ),\n    ]\n  },\n\n  presence(\n    value: unknown,\n    { required, requiredMessage }: FormTypes.FormElementRequired,\n    message: string,\n  ) {\n    if (required) {\n      return validators.presence(value, {\n        message: requiredMessage || message,\n      })\n    }\n    return []\n  },\n\n  regex<DefaultValue>(\n    value: unknown,\n    formElement: FormTypes.FormElementWithInput<DefaultValue>,\n  ) {\n    if (formElement.regexPattern) {\n      return validators.regexValidation(value, {\n        pattern: formElement.regexPattern,\n        flags: formElement.regexFlags,\n        message: formElement.regexMessage,\n      })\n    }\n    return []\n  },\n\n  attachment(value: unknown): string[] {\n    const attachmentError = getInvalidAttachment(value)\n    if (attachmentError) {\n      return [attachmentError.errorMessage]\n    }\n    return []\n  },\n\n  numberRegex(value: unknown, formElement: FormTypes.NumberElement) {\n    if (\n      formElement.regexPattern &&\n      typeof value === 'number' &&\n      !Number.isNaN(value)\n    ) {\n      return validationExtensions.regex(value.toString(), formElement)\n    }\n    return []\n  },\n\n  nestedElements(\n    value: unknown,\n    {\n      formElement,\n      formElements,\n      formElementsConditionallyShown,\n      executedLookups,\n      captchaType,\n      isOffline,\n      audience,\n      editableFormElementIds,\n    }: {\n      formElement: FormTypes.FormElementWithName\n      formElements: FormTypes.FormElementWithName[] | undefined\n      formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n      executedLookups: ExecutedLookups\n      captchaType: CaptchaType\n      isOffline: boolean\n      audience: FormTypes.FormElementHiddenFromAudience\n      editableFormElementIds?: string[]\n    },\n  ) {\n    if (formElements) {\n      const nestedExecutedLookupsValue =\n        executedLookups !== undefined &&\n        typeof executedLookups !== 'boolean' &&\n        !Array.isArray(executedLookups)\n          ? executedLookups[formElement.name]\n          : {}\n\n      const formElementConditionallyShown =\n        formElementsConditionallyShown?.[formElement.name]\n      const errors = validateSubmission({\n        elements: formElements as FormTypes.FormElementWithName[],\n        submission: value as SubmissionTypes.S3SubmissionData['submission'],\n        formElementsConditionallyShown:\n          formElementConditionallyShown?.type === 'formElements'\n            ? formElementConditionallyShown.formElements\n            : undefined,\n        executedLookups:\n          typeof nestedExecutedLookupsValue !== 'boolean' &&\n          !Array.isArray(nestedExecutedLookupsValue)\n            ? nestedExecutedLookupsValue\n            : {},\n        captchaType,\n        isOffline,\n        audience,\n        editableFormElementIds,\n      })\n      if (errors) {\n        return {\n          type: 'formElements' as const,\n          formElements: errors,\n        }\n      }\n    }\n  },\n\n  offline(isOffline: boolean, message: string) {\n    return isOffline ? [message] : []\n  },\n}\n\nexport default validationExtensions\n"]}
+{"version":3,"file":"extensions.js","sourceRoot":"","sources":["../../../src/services/form-validation/extensions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsConditionallyShown,\n} from '../../types/form'\nimport validateSubmission from './validateSubmission'\nimport {\n  generateLookupValidationMessage,\n  getInvalidAttachment,\n} from './validators'\nimport { validators } from './validate-dot-js'\n\nconst validationExtensions = {\n  lookups({\n    executedLookups,\n    formElement,\n  }: {\n    formElement: FormTypes.LookupFormElement &\n      FormTypes.FormElementRequired & {\n        type: FormTypes.FormElement['type']\n      }\n    executedLookups: ExecutedLookups\n  }): string[] {\n    if (!formElement.isDataLookup && !formElement.isElementLookup) {\n      return []\n    }\n\n    // Lookups must only be executed on required form elements\n    if (!formElement.required) {\n      return []\n    }\n\n    const elementExecutedLookups = executedLookups?.[formElement.name]\n    if (elementExecutedLookups === true) {\n      return []\n    }\n\n    return [\n      generateLookupValidationMessage(\n        formElement.lookupButton,\n        formElement.type === 'lookupButton'\n          ? formElement.requiredMessage\n          : undefined,\n      ),\n    ]\n  },\n\n  presence(\n    value: unknown,\n    { required, requiredMessage }: FormTypes.FormElementRequired,\n    message: string,\n  ) {\n    if (required) {\n      return validators.presence(value, {\n        message: requiredMessage || message,\n      })\n    }\n    return []\n  },\n\n  regex<DefaultValue>(\n    value: unknown,\n    formElement: FormTypes.FormElementWithInput<DefaultValue>,\n  ) {\n    if (formElement.regexPattern) {\n      return validators.regexValidation(value, {\n        pattern: formElement.regexPattern,\n        flags: formElement.regexFlags,\n        message: formElement.regexMessage,\n      })\n    }\n    return []\n  },\n\n  attachment(value: unknown): string[] {\n    const attachmentError = getInvalidAttachment(value)\n    if (attachmentError) {\n      return [attachmentError.errorMessage]\n    }\n    return []\n  },\n\n  numberRegex(value: unknown, formElement: FormTypes.NumberElement) {\n    if (\n      formElement.regexPattern &&\n      typeof value === 'number' &&\n      !Number.isNaN(value)\n    ) {\n      return validationExtensions.regex(value.toString(), formElement)\n    }\n    return []\n  },\n\n  nestedElements(\n    value: unknown,\n    {\n      formElement,\n      formElements,\n      formElementsConditionallyShown,\n      executedLookups,\n      captchaType,\n      isOffline,\n      audience,\n      editableFormElementIds,\n      approverEditableFormElementIds,\n    }: {\n      formElement: FormTypes.FormElementWithName\n      formElements: FormTypes.FormElementWithName[] | undefined\n      formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n      executedLookups: ExecutedLookups\n      captchaType: CaptchaType\n      isOffline: boolean\n      audience: FormTypes.FormElementHiddenFromAudience\n      editableFormElementIds?: string[]\n      approverEditableFormElementIds?: string[]\n    },\n  ) {\n    if (formElements) {\n      const nestedExecutedLookupsValue =\n        executedLookups !== undefined &&\n        typeof executedLookups !== 'boolean' &&\n        !Array.isArray(executedLookups)\n          ? executedLookups[formElement.name]\n          : {}\n\n      const formElementConditionallyShown =\n        formElementsConditionallyShown?.[formElement.name]\n      const errors = validateSubmission({\n        elements: formElements as FormTypes.FormElementWithName[],\n        submission: value as SubmissionTypes.S3SubmissionData['submission'],\n        formElementsConditionallyShown:\n          formElementConditionallyShown?.type === 'formElements'\n            ? formElementConditionallyShown.formElements\n            : undefined,\n        executedLookups:\n          typeof nestedExecutedLookupsValue !== 'boolean' &&\n          !Array.isArray(nestedExecutedLookupsValue)\n            ? nestedExecutedLookupsValue\n            : {},\n        captchaType,\n        isOffline,\n        audience,\n        editableFormElementIds,\n        approverEditableFormElementIds,\n      })\n      if (errors) {\n        return {\n          type: 'formElements' as const,\n          formElements: errors,\n        }\n      }\n    }\n  },\n\n  offline(isOffline: boolean, message: string) {\n    return isOffline ? [message] : []\n  },\n}\n\nexport default validationExtensions\n"]}

package/dist/services/form-validation/getApproverEditableFormElementIds.d.ts

@@ -0,0 +1,2 @@
+import { ApprovalTypes } from '@oneblink/types';
+export default function getApproverEditableFormElementIds(approvalSteps: ApprovalTypes.FormApprovalFlowStep[] | undefined): string[];

package/dist/services/form-validation/getApproverEditableFormElementIds.js

@@ -0,0 +1,14 @@
+export default function getApproverEditableFormElementIds(approvalSteps) {
+    var _a;
+    const editableFormElementIds = new Set();
+    for (const step of approvalSteps !== null && approvalSteps !== void 0 ? approvalSteps : []) {
+        const nodes = step.type === 'CONCURRENT' ? step.nodes : [step];
+        for (const node of nodes) {
+            for (const formElementId of (_a = node.editableFormElementIds) !== null && _a !== void 0 ? _a : []) {
+                editableFormElementIds.add(formElementId);
+            }
+        }
+    }
+    return [...editableFormElementIds];
+}
+//# sourceMappingURL=getApproverEditableFormElementIds.js.map

package/dist/services/form-validation/getApproverEditableFormElementIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getApproverEditableFormElementIds.js","sourceRoot":"","sources":["../../../src/services/form-validation/getApproverEditableFormElementIds.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,iCAAiC,CACvD,aAA+D;;IAE/D,MAAM,sBAAsB,GAAG,IAAI,GAAG,EAAU,CAAA;IAEhD,KAAK,MAAM,IAAI,IAAI,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;QAC9D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,KAAK,MAAM,aAAa,IAAI,MAAA,IAAI,CAAC,sBAAsB,mCAAI,EAAE,EAAE,CAAC;gBAC9D,sBAAsB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;YAC3C,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,CAAC,GAAG,sBAAsB,CAAC,CAAA;AACpC,CAAC","sourcesContent":["import { ApprovalTypes } from '@oneblink/types'\n\nexport default function getApproverEditableFormElementIds(\n  approvalSteps: ApprovalTypes.FormApprovalFlowStep[] | undefined,\n): string[] {\n  const editableFormElementIds = new Set<string>()\n\n  for (const step of approvalSteps ?? []) {\n    const nodes = step.type === 'CONCURRENT' ? step.nodes : [step]\n    for (const node of nodes) {\n      for (const formElementId of node.editableFormElementIds ?? []) {\n        editableFormElementIds.add(formElementId)\n      }\n    }\n  }\n\n  return [...editableFormElementIds]\n}\n"]}

package/dist/services/form-validation/validateSubmission.d.ts

@@ -1,7 +1,7 @@
 import { FormTypes, SubmissionTypes } from '@oneblink/types';
 import { CaptchaType, ExecutedLookups, FormElementsConditionallyShown, FormElementsValidation } from '../../types/form';
 export declare const RECAPTCHA_OFFLINE_MESSAGE = "We could not verify you are human while you are offline.";
-export default function validateSubmission({ elements, submission, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, }: {
+export default function validateSubmission({ elements, submission, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, approverEditableFormElementIds, }: {
     elements: FormTypes.FormElementWithName[];
     submission: SubmissionTypes.S3SubmissionData['submission'];
     formElementsConditionallyShown: FormElementsConditionallyShown | undefined;
@@ -10,4 +10,5 @@ export default function validateSubmission({ elements, submission, formElementsC
     isOffline: boolean;
     audience: FormTypes.FormElementHiddenFromAudience;
     editableFormElementIds?: string[];
+    approverEditableFormElementIds?: string[];
 }): FormElementsValidation | undefined;

package/dist/services/form-validation/validateSubmission.js

@@ -9,9 +9,10 @@ import { generateConfirmationFormElementName } from '../dynamic-elements';
 import { determineLookupButtonIsRequired } from './determineLookupButtonIsRequired';
 import { defaultAutoSnapshotButtonLabel, generateArcGISAutomatedSnapshotFileName, } from '../../form-elements/FormElementArcGISWebMap';
 import { fileUploadService } from '@oneblink/sdk-core';
-import { checkIsFormElementEditable, checkIsFormElementIdEditable, } from '../../utils/read-only-form-elements';
+import { checkIsFormElementEditable, checkIsFormElementIdEditable, getNestedEditableFormElementIds, } from '../../utils/read-only-form-elements';
+import isElementHiddenForAudience from '../isElementHiddenForAudience';
 export const RECAPTCHA_OFFLINE_MESSAGE = 'We could not verify you are human while you are offline.';
-export default function validateSubmission({ elements, submission, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, }) {
+export default function validateSubmission({ elements, submission, formElementsConditionallyShown, executedLookups, captchaType, isOffline, audience, editableFormElementIds, approverEditableFormElementIds, }) {
     const formElementsValidation = elements.reduce((partialFormElementsValidation, formElement) => {
         var _a, _b, _c, _d, _e;
         switch (formElement.type) {
@@ -29,6 +30,13 @@ export default function validateSubmission({ elements, submission, formElementsC
         if (formElementConditionallyShown === null || formElementConditionallyShown === void 0 ? void 0 : formElementConditionallyShown.isHidden) {
             return partialFormElementsValidation;
         }
+        // Approver-editable elements hidden from submitters are completed later.
+        // Ignore all validation here, including invalid prefilled values.
+        if (audience === 'SUBMITTER' &&
+            isElementHiddenForAudience(formElement, audience) &&
+            (approverEditableFormElementIds === null || approverEditableFormElementIds === void 0 ? void 0 : approverEditableFormElementIds.includes(formElement.id))) {
+            return partialFormElementsValidation;
+        }
         // A user that cannot change this element, or anything nested inside it,
         // has no way to resolve an error on it. Reviewers still see the page
         // navigation buttons and can submit the form by pressing Enter, either of
@@ -464,6 +472,7 @@ export default function validateSubmission({ elements, submission, formElementsC
                         isOffline,
                         audience,
                         editableFormElementIds,
+                        approverEditableFormElementIds,
                     });
                     if (entryValidation) {
                         errorsByIndex[index] = entryValidation;
@@ -490,6 +499,7 @@ export default function validateSubmission({ elements, submission, formElementsC
                     isOffline,
                     audience,
                     editableFormElementIds,
+                    approverEditableFormElementIds,
                 });
                 if (nestedFormValidation) {
                     partialFormElementsValidation[formElement.name] =
@@ -499,6 +509,8 @@ export default function validateSubmission({ elements, submission, formElementsC
             }
             case 'infoPage':
             case 'form': {
+                const nestedEditableFormElementIds = getNestedEditableFormElementIds(formElement, editableFormElementIds);
+                const nestedApproverEditableFormElementIds = getNestedEditableFormElementIds(formElement, approverEditableFormElementIds);
                 const nestedFormValidation = validationExtensions.nestedElements(value, {
                     formElement,
                     formElements: formElement.elements,
@@ -507,7 +519,8 @@ export default function validateSubmission({ elements, submission, formElementsC
                     captchaType,
                     isOffline,
                     audience,
-                    editableFormElementIds,
+                    editableFormElementIds: nestedEditableFormElementIds,
+                    approverEditableFormElementIds: nestedApproverEditableFormElementIds,
                 });
                 if (nestedFormValidation) {
                     partialFormElementsValidation[formElement.name] =
@@ -526,6 +539,7 @@ export default function validateSubmission({ elements, submission, formElementsC
                     isOffline,
                     audience,
                     editableFormElementIds,
+                    approverEditableFormElementIds,
                 });
                 if (nestedFormValidation) {
                     partialFormElementsValidation[formElement.name] =