@oneblink/apps-react 6.9.0-beta.12 → 6.9.0-beta.13

package/dist/OneBlinkForm.d.ts

@@ -345,6 +345,7 @@ declare const OneBlinkFormControlled: React.NamedExoticComponent<import("./OneBl
     shouldUseNavigableValidationErrorsNotification?: boolean;
     navigableValidationErrorsNotificationSettings?: {
         navigationTopOffset?: number;
+        scrollableContainerId?: string;
     };
 } & OneBlinkFormControlledProps>;
 /**
@@ -586,6 +587,7 @@ declare const OneBlinkFormUncontrolled: React.NamedExoticComponent<import("./One
     shouldUseNavigableValidationErrorsNotification?: boolean;
     navigableValidationErrorsNotificationSettings?: {
         navigationTopOffset?: number;
+        scrollableContainerId?: string;
     };
 } & OneBlinkFormUncontrolledProps & {
     /** The element to resume the form at. */

package/dist/OneBlinkFormBase.d.ts

@@ -107,6 +107,11 @@ export type OneBlinkFormBaseProps = OneBlinkReadOnlyFormProps & {
          * account for any headers your page might have.
          */
         navigationTopOffset?: number;
+        /**
+         * The HTML Element ID of the scrollable container your form resides in. If
+         * not set, will scroll on the window.
+         */
+        scrollableContainerId?: string;
     };
 };
 export type OneBlinkFormUncontrolledProps = {

package/dist/OneBlinkFormBase.js

@@ -729,7 +729,7 @@ function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captc
                                     React.createElement(MaterialIcon, { className: "has-text-warning icon-x-large ob-modal__offline-submission-attempt-icon" }, "wifi_off")))),
                             shouldUseNavigableValidationErrorsNotification &&
                                 !!formElementsValidation &&
-                                hasAttemptedSubmit && (React.createElement(ValidationErrorsCard, { formElementsValidation: formElementsValidation, setPageId: setPageId, currentPage: currentPage, navigationTopOffset: (_r = navigableValidationErrorsNotificationSettings === null || navigableValidationErrorsNotificationSettings === void 0 ? void 0 : navigableValidationErrorsNotificationSettings.navigationTopOffset) !== null && _r !== void 0 ? _r : 0 })))))))));
+                                hasAttemptedSubmit && (React.createElement(ValidationErrorsCard, { formElementsValidation: formElementsValidation, setPageId: setPageId, currentPage: currentPage, navigationTopOffset: (_r = navigableValidationErrorsNotificationSettings === null || navigableValidationErrorsNotificationSettings === void 0 ? void 0 : navigableValidationErrorsNotificationSettings.navigationTopOffset) !== null && _r !== void 0 ? _r : 0, scrollableContainerId: navigableValidationErrorsNotificationSettings === null || navigableValidationErrorsNotificationSettings === void 0 ? void 0 : navigableValidationErrorsNotificationSettings.scrollableContainerId })))))))));
 }
 export default React.memo(OneBlinkFormBase);
 //# sourceMappingURL=OneBlinkFormBase.js.map

package/dist/OneBlinkFormBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormBase.js","sourceRoot":"","sources":["../src/OneBlinkFormBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { createTheme as createMuiTheme, ThemeProvider } from '@mui/material'\nimport Tooltip from './components/renderer/Tooltip'\nimport { Prompt, useHistory } from 'react-router-dom'\nimport clsx from 'clsx'\nimport * as bulmaToast from 'bulma-toast'\nimport { localisationService, submissionService } from '@oneblink/apps'\nimport {\n  FormTypes,\n  FormsAppsTypes,\n  ScheduledTasksTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\nimport { attachmentsService } from '@oneblink/apps'\nimport * as H from 'history'\n\nimport Modal from './components/renderer/Modal'\nimport cleanFormSubmissionModel from './services/cleanFormSubmissionModel'\nimport PageFormElements from './components/renderer/PageFormElements'\nimport useFormValidation from './hooks/useFormValidation'\nimport useConditionalLogic from './hooks/useConditionalLogic'\nimport usePages from './hooks/usePages'\nimport useLookups from './hooks/useLookups'\nimport { FormDefinitionContext } from './hooks/useFormDefinition'\nimport { InjectPagesContext } from './hooks/useInjectPages'\nimport { FormElementOptionsContextProvider } from './hooks/useDynamicOptionsLoaderState'\nimport { FormElementLookupsContextProvider } from './hooks/useFormElementLookups'\nimport { OneBlinkFormContainerContext } from './hooks/useOneBlinkFormContainer'\nimport { GoogleMapsApiKeyContext } from './hooks/useGoogleMapsApiKey'\nimport { AbnLookupAuthenticationGuidContext } from './hooks/useAbnLookupAuthenticationGuid'\nimport { CaptchaContext } from './hooks/useCaptcha'\nimport { FormIsReadOnlyContext } from './hooks/useFormIsReadOnly'\nimport { AttachmentBlobsProvider } from './hooks/attachments/useAttachmentBlobs'\nimport useIsOffline from './hooks/useIsOffline'\nimport CustomisableButtonInner from './components/renderer/CustomisableButtonInner'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsValidation,\n  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n} from './types/form'\nimport checkBsbsAreInvalid from './services/checkBsbsAreInvalid'\nimport checkIfBsbsAreValidating from './services/checkIfBsbsAreValidating'\nimport checkIfAttachmentsExist from './services/checkIfAttachmentsExist'\nimport useAuth from './hooks/useAuth'\nimport { formElementsService } from '@oneblink/sdk-core'\nimport { TaskContext } from './hooks/useTaskContext'\nimport { OnUploadAttachmentContext } from './hooks/useOnUploadAttachment'\nimport { injectOptionsAcrossAllElements } from './services/injectableOptions'\nimport MaterialIcon from './components/MaterialIcon'\nimport ReCAPTCHA from 'react-google-recaptcha'\nimport ValidationErrorsCard from './components/ValidationErrorsCard'\n\nexport type OneBlinkReadOnlyFormProps = {\n  /**\n   * A [Google Maps API\n   * Key](https://developers.google.com/maps/documentation/javascript/get-api-key).\n   * Required if the form contains a `location` form element.\n   */\n  googleMapsApiKey?: string\n  /** Hex colour value for certain inputs (defaults to `#4c8da7`). */\n  primaryColour?: string\n  /**\n   * Pass a task if the user was attempting to complete a scheduled task via a\n   * form submission\n   */\n  task?: ScheduledTasksTypes.Task\n  /**\n   * Pass a task group if the user was attempting to complete a scheduled task\n   * associated with a group via a form submission\n   */\n  taskGroup?: ScheduledTasksTypes.TaskGroup\n  /**\n   * Pass a task group instance if the user was attempting to complete a\n   * scheduled task associated with a group via a form submission\n   */\n  taskGroupInstance?: ScheduledTasksTypes.TaskGroupInstance\n}\n\nexport type OneBlinkFormBaseProps = OneBlinkReadOnlyFormProps & {\n  /** The function to call when the user cancels the form */\n  onCancel: () => unknown\n  /**\n   * The function to call when the user submits the form with valid submission\n   * data. See\n   * [NewFormSubmission](https://oneblink.github.io/apps/modules/submissionService.html#NewFormSubmission)\n   * for the structure of the argument.\n   */\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  /** Whether the form is currently able to be submitted. False by default. */\n  disabled?: boolean\n  /** Whether the form is in preview mode. False by default. */\n  isPreview?: boolean\n  /**\n   * An [ABN Lookup Authentication\n   * Guid](https://abr.business.gov.au/Tools/WebServices). Required if the form\n   * contains a `abn` form element.\n   */\n  abnLookupAuthenticationGuid?: string\n  /**\n   * A [reCAPTCHA Site Key](https://developers.google.com/recaptcha/intro).\n   * Required if the form contains a `captcha` form element.\n   */\n  captchaSiteKey?: string\n  /** Change properties for certain buttons on the form. */\n  buttons?: FormsAppsTypes.FormsListStyles['buttons']\n  /** Number of days attachments are retained for. */\n  attachmentRetentionInDays?: number\n  /**\n   * If set to `false`, submission will be prevented while offline. If set to\n   * `true`, the user will be prompted to allow them to continue with\n   * attachments uploading in the background later.\n   */\n  isPendingQueueEnabled: boolean\n  /**\n   * The function to call when the user wishes to save their submission data as\n   * a draft submission. If not specified, drafts cannot be saved. See\n   * [NewDraftSubmission](https://oneblink.github.io/apps/modules/submissionService.html#NewDraftSubmission)\n   * for the structure of the argument.\n   */\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n  /**\n   * The function to call when the user needs to navigate away from the form.\n   * e.g. `history.push`\n   */\n  handleNavigateAway?: () => unknown\n  /**\n   * Determines whether the form is submittable or not. Info page type forms\n   * show a \"Done\" button instead of a \"Submit\" button. Defaults to\n   * \"CALCULATED\"\n   */\n  isInfoPage?: 'YES' | 'NO' | 'CALCULATED'\n  /**\n   * The function to call when a user uploads an attachment through an element\n   * that allows attachment upload. See\n   * [uploadAttachment](https://oneblink.github.io/apps/modules/attachmentsService.html#uploadAttachment)\n   * for the structure of the argument and a sample function to be used.\n   */\n  onUploadAttachment?: typeof attachmentsService.uploadAttachment\n  /**\n   * Determines whether to use checkboxes or invisible recaptcha v2 for captcha\n   * elements. Defaults to \"CHECKBOX\"\n   */\n  captchaType?: CaptchaType\n\n  /**\n   * Whether the form should use a navigable validation errors notification, or\n   * a simple validation errors notification\n   *\n   * @default true\n   */\n  shouldUseNavigableValidationErrorsNotification?: boolean\n  /** Various settings for the navigable validation errors notification */\n  navigableValidationErrorsNotificationSettings?: {\n    /**\n     * A pixel offset for validation error navigation markers. Use this to\n     * account for any headers your page might have.\n     */\n    navigationTopOffset?: number\n  }\n}\n\nexport type OneBlinkFormUncontrolledProps = {\n  /** The OneBlink Form to render */\n  form: FormTypes.Form\n  /** The initial submission data */\n  initialSubmission?: SubmissionTypes.S3SubmissionData['submission']\n}\n\nexport type OneBlinkFormControlledProps = {\n  definition: FormTypes.Form\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  setFormSubmission: SetFormSubmission\n  lastElementUpdated?: FormTypes.FormElement\n  executedLookups: ExecutedLookups\n}\n\ntype Props = OneBlinkFormBaseProps &\n  OneBlinkFormControlledProps & {\n    isReadOnly: boolean\n  }\n\nfunction OneBlinkFormBase({\n  googleMapsApiKey,\n  abnLookupAuthenticationGuid,\n  captchaSiteKey,\n  definition,\n  disabled,\n  isPreview,\n  submission,\n  isReadOnly,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n  setFormSubmission,\n  buttons,\n  primaryColour,\n  attachmentRetentionInDays,\n  isPendingQueueEnabled,\n  handleNavigateAway,\n  isInfoPage: isInfoPageProp,\n  lastElementUpdated,\n  executedLookups,\n  task,\n  taskGroup,\n  taskGroupInstance,\n  onUploadAttachment,\n  captchaType,\n  shouldUseNavigableValidationErrorsNotification = true,\n  navigableValidationErrorsNotificationSettings,\n}: Props) {\n  const isOffline = useIsOffline()\n  const { isUsingFormsKey, userProfile } = useAuth()\n  const captchasRef = React.useRef<Array<ReCAPTCHA>>([])\n\n  const theme = React.useMemo(\n    () =>\n      createMuiTheme({\n        palette: {\n          primary: {\n            main: primaryColour || '#4c8da7',\n          },\n          success: {\n            main: '#4caf50',\n          },\n        },\n      }),\n    [primaryColour],\n  )\n\n  const isInfoPage = React.useMemo(() => {\n    if (!!isInfoPageProp && isInfoPageProp !== 'CALCULATED') {\n      return isInfoPageProp === 'YES'\n    }\n    return formElementsService.determineIsInfoPage(definition)\n  }, [definition, isInfoPageProp])\n\n  const taskContextValue = React.useMemo(() => {\n    return {\n      task,\n      taskGroup,\n      taskGroupInstance,\n    }\n  }, [task, taskGroup, taskGroupInstance])\n\n  //\n  //\n  // #region Form Definition\n\n  const pages = React.useMemo<FormTypes.PageElement[]>(() => {\n    if (definition.isMultiPage) {\n      return definition.elements.reduce(\n        (\n          pageElements: FormTypes.PageElement[],\n          formElement: FormTypes.FormElement,\n        ) => {\n          if (formElement.type === 'page') {\n            pageElements.push(formElement)\n          }\n          return pageElements\n        },\n        [],\n      )\n    } else {\n      return [\n        {\n          type: 'page',\n          id: definition.id.toString(),\n          label: definition.name,\n          elements: definition.elements,\n          conditionallyShow: false,\n          requiresAllConditionallyShowPredicates: false,\n        },\n      ]\n    }\n  }, [\n    definition.elements,\n    definition.id,\n    definition.isMultiPage,\n    definition.name,\n  ])\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Unsaved Changed\n\n  const history = useHistory()\n\n  const [isPreparingToSubmit, setIsPreparingToSubmit] =\n    React.useState<boolean>(false)\n  const [\n    { isDirty, isNavigationAllowed, hasConfirmedNavigation, goToLocation },\n    setUnsavedChangesState,\n  ] = React.useState<{\n    isDirty: boolean\n    isNavigationAllowed: boolean\n    hasConfirmedNavigation: boolean | null\n    goToLocation: H.Location | null\n  }>({\n    isDirty: false,\n    isNavigationAllowed: false,\n    hasConfirmedNavigation: null,\n    goToLocation: null,\n  })\n  const [promptOfflineSubmissionAttempt, setPromptOfflineSubmissionAttempt] =\n    React.useState<boolean>(false)\n  const [promptUploadingAttachments, setPromptUploadingAttachments] =\n    React.useState<boolean>(false)\n  const handleBlockedNavigation = React.useCallback<\n    (location: H.Location, action: H.Action) => string | boolean\n  >((location) => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      goToLocation: location,\n      hasConfirmedNavigation: false,\n    }))\n    return false\n  }, [])\n\n  const handleKeepGoing = React.useCallback(() => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      goToLocation: null,\n      hasConfirmedNavigation: null,\n    }))\n  }, [])\n\n  const handleDiscardUnsavedChanges = React.useCallback(() => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      isNavigationAllowed: true,\n      hasConfirmedNavigation: true,\n    }))\n  }, [])\n\n  React.useEffect(() => {\n    if (hasConfirmedNavigation) {\n      // Navigate to the previous blocked location with your navigate function\n      if (goToLocation) {\n        history.push(`${goToLocation.pathname}${goToLocation.search}`)\n        if (handleNavigateAway) {\n          handleNavigateAway()\n        }\n      } else {\n        onCancel()\n      }\n    }\n  }, [\n    goToLocation,\n    handleNavigateAway,\n    hasConfirmedNavigation,\n    history,\n    onCancel,\n  ])\n\n  const handleCancel = React.useCallback(() => {\n    if (isDirty) {\n      setUnsavedChangesState((current) => ({\n        ...current,\n        hasConfirmedNavigation: false,\n      }))\n    } else {\n      onCancel()\n    }\n  }, [isDirty, onCancel])\n\n  const allowNavigation = React.useCallback(() => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      isNavigationAllowed: true,\n    }))\n  }, [])\n\n  // #endregion Unsaved Changed\n  //\n  //\n\n  //\n  //\n  // #region Conditional Logic\n\n  const {\n    formElementsConditionallyShown,\n    conditionalLogicError,\n    submissionConditionallyEnabled,\n  } = useConditionalLogic(definition, submission)\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Validation\n\n  const { validate } = useFormValidation(pages)\n\n  const recaptchaType = React.useMemo(\n    () => captchaType ?? 'CHECKBOX',\n    [captchaType],\n  )\n\n  const formElementsValidation = React.useMemo<\n    FormElementsValidation | undefined\n  >(\n    () =>\n      !isReadOnly\n        ? validate(\n            submission,\n            formElementsConditionallyShown,\n            executedLookups ?? {},\n            recaptchaType,\n          )\n        : undefined,\n    [\n      formElementsConditionallyShown,\n      isReadOnly,\n      submission,\n      validate,\n      executedLookups,\n      recaptchaType,\n    ],\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Pages\n\n  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React.useState(false)\n\n  const {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  } = usePages({\n    hasAttemptedSubmit,\n    pages,\n    formElementsValidation,\n    formElementsConditionallyShown,\n  })\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Submissions\n\n  const getCurrentSubmissionData = React.useCallback(\n    (stripBinaryData: boolean) => {\n      const { model, captchaTokens } = cleanFormSubmissionModel(\n        submission,\n        definition.elements,\n        formElementsConditionallyShown,\n        stripBinaryData,\n      )\n      return {\n        submission: model,\n        captchaTokens,\n      }\n    },\n    [definition.elements, formElementsConditionallyShown, submission],\n  )\n\n  const obFormContainerHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  React.useEffect(() => {\n    const obFormContainerHTMLElement = obFormContainerHTMLElementRef.current\n    if (obFormContainerHTMLElement) {\n      console.log(\n        'Setting toast notifications to be appended to HTML Element',\n        obFormContainerHTMLElement,\n      )\n      bulmaToast.setDefaults({\n        position: 'bottom-right',\n        opacity: 0.95,\n        appendTo: obFormContainerHTMLElement,\n      })\n    }\n    return () => {\n      bulmaToast.resetDefaults()\n    }\n  }, [])\n\n  const checkAttachmentsCanBeSubmitted = React.useCallback(\n    (submission: SubmissionTypes.S3SubmissionData['submission']) => {\n      // Prevent submission until all attachment uploads are finished\n      // Unless the user is offline, in which case, the uploads will\n      // be taken care of by a pending queue if enabled, otherwise\n      // the user will be prompted to try again or save a draft.\n      if (isOffline) {\n        return true\n      }\n      const attachmentsAreUploading =\n        attachmentsService.checkIfAttachmentsAreUploading(\n          definition,\n          submission,\n        )\n\n      if (attachmentsAreUploading) {\n        if (isUsingFormsKey || !isPendingQueueEnabled) {\n          bulmaToast.toast({\n            message:\n              'Attachments are still uploading, please wait for them to finish before trying again.',\n            type: 'is-primary',\n            extraClasses: 'ob-toast cypress-still-uploading-toast',\n            duration: 4000,\n            pauseOnHover: true,\n            closeOnClick: true,\n          })\n          return false\n        } else {\n          setPromptUploadingAttachments(true)\n          return false\n        }\n      }\n\n      return true\n    },\n    [definition, isOffline, isPendingQueueEnabled, isUsingFormsKey],\n  )\n\n  const checkBsbsCanBeSubmitted = React.useCallback(\n    (submission: SubmissionTypes.S3SubmissionData['submission']) => {\n      return !checkBsbsAreInvalid(definition, submission)\n    },\n    [definition],\n  )\n\n  const checkBsbAreValidating = React.useCallback(\n    (submission: SubmissionTypes.S3SubmissionData['submission']) => {\n      if (checkIfBsbsAreValidating(definition, submission)) {\n        bulmaToast.toast({\n          message:\n            'Bsb(s) are still being validated, please wait for them to finish before trying again.',\n          type: 'is-primary',\n          extraClasses: 'ob-toast cypress-still-validating-toast',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return false\n      }\n\n      return true\n    },\n    [definition],\n  )\n\n  const addCaptchaRef = React.useCallback((recaptcha: ReCAPTCHA) => {\n    captchasRef.current.push(recaptcha)\n    // this allows the FormElementCaptcha element to unregister any captchas\n    return () => {\n      captchasRef.current = captchasRef.current.filter(\n        (recaptchaInstance) => recaptchaInstance !== recaptcha,\n      )\n    }\n  }, [])\n\n  const captchaContextValue = React.useMemo(\n    () => ({\n      captchaSiteKey,\n      captchaType: recaptchaType,\n      addCaptchaRef,\n    }),\n    [addCaptchaRef, captchaSiteKey, recaptchaType],\n  )\n\n  const resetRecaptchas = React.useCallback(() => {\n    // unset the submission model value for each captcha element\n    const updatedModel = { ...submission }\n    formElementsService.forEachFormElement(definition.elements, (element) => {\n      if (element.type === 'captcha') {\n        updatedModel[element.name] = undefined\n      }\n    })\n    // reset each captcha\n    if (captchaType === 'CHECKBOX') {\n      captchasRef.current.forEach((captcha) => {\n        captcha.reset()\n      })\n    }\n\n    setHasAttemptedSubmit(false)\n    setFormSubmission((current) => {\n      return { ...current, submission: updatedModel }\n    })\n  }, [definition.elements, setFormSubmission, submission, captchaType])\n\n  const prepareSubmission = React.useCallback(\n    async (\n      continueWhilstAttachmentsAreUploading: boolean,\n    ): Promise<ReturnType<typeof getCurrentSubmissionData> | undefined> => {\n      const submissionData = getCurrentSubmissionData(false)\n      if (!checkBsbAreValidating(submissionData.submission)) {\n        return\n      }\n      if (formElementsValidation) {\n        console.log('Validation errors', formElementsValidation)\n        if (!shouldUseNavigableValidationErrorsNotification) {\n          bulmaToast.toast({\n            message: 'Please fix validation errors',\n            type: 'is-danger',\n            extraClasses: 'ob-toast cypress-invalid-submit-attempt',\n            duration: 4000,\n            pauseOnHover: true,\n            closeOnClick: true,\n          })\n        }\n        return\n      }\n      if (!checkBsbsCanBeSubmitted(submissionData.submission)) {\n        return\n      }\n      if (\n        !continueWhilstAttachmentsAreUploading &&\n        !checkAttachmentsCanBeSubmitted(submissionData.submission)\n      ) {\n        return\n      }\n\n      if (captchaType === 'INVISIBLE') {\n        if (captchasRef.current.length) {\n          const tokenResults = await Promise.allSettled(\n            captchasRef.current.map((captcha) => captcha.executeAsync()),\n          )\n\n          const captchaTokens: string[] = []\n\n          for (const result of tokenResults) {\n            if (result.status === 'rejected' || !result.value) {\n              console.log('Captcha token failure')\n              bulmaToast.toast({\n                message: 'Failed to get a captcha token',\n                type: 'is-danger',\n                extraClasses: 'ob-toast cypress-failed-captcha-token-creation',\n                duration: 4000,\n                pauseOnHover: true,\n                closeOnClick: true,\n              })\n              return\n            }\n            captchaTokens.push(result.value)\n          }\n\n          submissionData.captchaTokens = captchaTokens\n        }\n      }\n\n      // check if attachments exist\n      const newSubmission = checkIfAttachmentsExist(\n        definition,\n        submissionData.submission,\n        attachmentRetentionInDays,\n      )\n      if (newSubmission) {\n        setFormSubmission((currentFormSubmission) => ({\n          ...currentFormSubmission,\n          submission: newSubmission,\n        }))\n        bulmaToast.toast({\n          message:\n            \"Some files that were included in your submission have been removed based on your administrator's data retention policy, please remove them and upload them again.\",\n          type: 'is-danger',\n          extraClasses: 'ob-toast cypress-invalid-submit-attempt',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return\n      }\n\n      if (isOffline && !isPendingQueueEnabled) {\n        console.log('User is offline and form does not support a pending queue')\n        setPromptOfflineSubmissionAttempt(true)\n        return\n      }\n      return submissionData\n    },\n    [\n      attachmentRetentionInDays,\n      captchaType,\n      checkAttachmentsCanBeSubmitted,\n      checkBsbAreValidating,\n      checkBsbsCanBeSubmitted,\n      definition,\n      formElementsValidation,\n      getCurrentSubmissionData,\n      isOffline,\n      isPendingQueueEnabled,\n      setFormSubmission,\n      shouldUseNavigableValidationErrorsNotification,\n    ],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (\n      event:\n        | React.FormEvent<HTMLFormElement>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      continueWhilstAttachmentsAreUploading: boolean,\n    ) => {\n      event.preventDefault()\n      if (disabled || isReadOnly) return\n      setHasAttemptedSubmit(true)\n\n      setIsPreparingToSubmit(true)\n\n      const submissionData = await prepareSubmission(\n        continueWhilstAttachmentsAreUploading,\n      )\n\n      if (!submissionData) {\n        setIsPreparingToSubmit(false)\n        return\n      }\n\n      allowNavigation()\n\n      // transplant injected options on the definition\n      const elementsWithInjectedOptions = injectOptionsAcrossAllElements({\n        contextElements: definition.elements,\n        elements: definition.elements,\n        submission: submissionData.submission,\n        taskContext: taskContextValue,\n        userProfile: userProfile ?? undefined,\n      })\n      setIsPreparingToSubmit(false)\n      onSubmit({\n        definition: {\n          ...definition,\n          elements: elementsWithInjectedOptions,\n        },\n        submission: submissionData.submission,\n        captchaTokens: submissionData.captchaTokens,\n      })\n      resetRecaptchas()\n    },\n    [\n      disabled,\n      isReadOnly,\n      prepareSubmission,\n      allowNavigation,\n      definition,\n      taskContextValue,\n      userProfile,\n      onSubmit,\n      resetRecaptchas,\n    ],\n  )\n\n  const handleSaveDraft = React.useCallback(\n    (continueWhilstAttachmentsAreUploading: boolean) => {\n      if (disabled) return\n      if (onSaveDraft) {\n        allowNavigation()\n\n        // For drafts we don't need to save the captcha tokens,\n        // they will need to prove they are not robot again\n        const { submission } = getCurrentSubmissionData(false)\n        if (!checkBsbAreValidating(submission)) {\n          return\n        }\n        if (\n          !continueWhilstAttachmentsAreUploading &&\n          !checkAttachmentsCanBeSubmitted(submission)\n        ) {\n          return\n        }\n        onSaveDraft({\n          definition,\n          submission,\n          backgroundUpload: continueWhilstAttachmentsAreUploading,\n          lastElementUpdated,\n        })\n      }\n    },\n    [\n      allowNavigation,\n      checkAttachmentsCanBeSubmitted,\n      definition,\n      disabled,\n      getCurrentSubmissionData,\n      onSaveDraft,\n      checkBsbAreValidating,\n      lastElementUpdated,\n    ],\n  )\n\n  const handleContinueWithAttachments = React.useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      setPromptUploadingAttachments(false)\n      if (hasAttemptedSubmit) {\n        handleSubmit(e, true)\n      } else {\n        handleSaveDraft(true)\n      }\n    },\n    [\n      handleSubmit,\n      setPromptUploadingAttachments,\n      hasAttemptedSubmit,\n      handleSaveDraft,\n    ],\n  )\n  const handleWaitForAttachments = React.useCallback(() => {\n    setPromptUploadingAttachments(false)\n  }, [setPromptUploadingAttachments])\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Lookups\n\n  const { handlePagesLookupResult } = useLookups(\n    definition.id,\n    setFormSubmission,\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Submission/Definition Changes\n\n  const handleChange = React.useCallback<NestedFormElementValueChangeHandler>(\n    (element, { value, executedLookups }) => {\n      if (\n        //This will ensure on a read only form that the summary and calculation elements\n        //can still be displayed as it needs handleChange so it can render\n        //due to the dynamic nature of the summary element.\n        (disabled &&\n          element.type !== 'summary' &&\n          element.type !== 'calculation') ||\n        element.type === 'page' ||\n        element.type === 'section'\n      ) {\n        return\n      }\n\n      setUnsavedChangesState((current) => ({\n        ...current,\n        isDirty: true,\n      }))\n      // dont update the last element updated for elements the user cannot set the value of\n      if (element.type === 'summary' || element.type === 'calculation') {\n        setFormSubmission((currentFormSubmission) => ({\n          ...currentFormSubmission,\n          submission: {\n            ...currentFormSubmission.submission,\n            [element.name]:\n              typeof value === 'function'\n                ? value(currentFormSubmission.submission[element.name])\n                : value,\n          },\n        }))\n      } else {\n        setFormSubmission((currentFormSubmission) => {\n          return {\n            ...currentFormSubmission,\n            submission: {\n              ...currentFormSubmission.submission,\n              [element.name]:\n                typeof value === 'function'\n                  ? value(currentFormSubmission.submission[element.name])\n                  : value,\n            },\n            lastElementUpdated: element,\n            executedLookups: {\n              ...currentFormSubmission.executedLookups,\n              [element.name]:\n                typeof executedLookups === 'function'\n                  ? executedLookups(\n                      currentFormSubmission.executedLookups?.[element.name],\n                    )\n                  : executedLookups,\n            },\n          }\n        })\n      }\n    },\n    [disabled, setFormSubmission],\n  )\n\n  // #endregion\n  //\n  //\n\n  const lastElementUpdatedExistsOnForm = React.useMemo(() => {\n    return !!formElementsService.findFormElement(\n      definition.elements,\n      (el) => el.id === lastElementUpdated?.id,\n    )\n  }, [definition.elements, lastElementUpdated])\n\n  const lastElementUpdatedPage = React.useMemo(() => {\n    return definition.elements.find((pageElement: FormTypes.FormElement) => {\n      if (pageElement.type === 'page') {\n        return formElementsService.findFormElement(\n          pageElement.elements,\n          (el) => el.id === lastElementUpdated?.id,\n        )\n      }\n    })\n  }, [lastElementUpdated, definition])\n\n  const [hasResumed, setHasResumed] = React.useState(false)\n  React.useEffect(() => {\n    if (!hasResumed) {\n      if (lastElementUpdated && lastElementUpdatedExistsOnForm) {\n        if (lastElementUpdatedPage) {\n          setPageId(lastElementUpdatedPage.id)\n        }\n        const element = document.querySelector(\n          `[data-element-id=\"${lastElementUpdated.id}\"]`,\n        )\n        if (element) {\n          window.requestAnimationFrame(() => {\n            element.scrollIntoView({ behavior: 'smooth' })\n          })\n        }\n      }\n      setHasResumed(true)\n    }\n  }, [\n    lastElementUpdated,\n    hasResumed,\n    lastElementUpdatedPage,\n    lastElementUpdatedExistsOnForm,\n    setPageId,\n  ])\n\n  if (conditionalLogicError) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <MaterialIcon className=\"has-text-warning icon-x-large\">\n            error\n          </MaterialIcon>\n          <h3 className=\"title is-3\">Bad Form Configuration</h3>\n          <p className=\"cypress-conditional-logic-error-message\">\n            {conditionalLogicError.message}\n          </p>\n          <p className=\"has-text-grey\">\n            {localisationService.formatDatetimeLong(new Date())}\n          </p>\n        </div>\n      </>\n    )\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n      <FormDefinitionContext.Provider value={definition}>\n        <FormElementOptionsContextProvider>\n          <FormElementLookupsContextProvider>\n            <OneBlinkFormContainerContext.Provider\n              value={obFormContainerHTMLElementRef.current}\n            >\n              <div\n                className={clsx('ob-form-container', {\n                  'is-showing-pages': isShowingMultiplePages,\n                })}\n                ref={obFormContainerHTMLElementRef}\n              >\n                <form\n                  name=\"obForm\"\n                  className={`ob-form cypress-ob-form ob-form__page-${\n                    currentPageIndex + 1\n                  }`}\n                  noValidate\n                  onSubmit={(e) => handleSubmit(e, false)}\n                >\n                  <div>\n                    <div ref={scrollToTopOfPageHTMLElementRef} />\n                    {isShowingMultiplePages && (\n                      <div\n                        className={clsx('ob-steps-navigation', {\n                          'is-active': isStepsHeaderActive,\n                        })}\n                      >\n                        <div\n                          className={clsx('ob-steps-navigation__header', {\n                            'is-active': isStepsHeaderActive,\n                          })}\n                          onClick={toggleStepsNavigation}\n                        >\n                          <span className=\"icon is-invisible\">\n                            <MaterialIcon>keyboard_arrow_down</MaterialIcon>\n                          </span>\n                          <div className=\"steps-header-active-page\">\n                            {isDisplayingCurrentPageError ? (\n                              <span className=\"icon\">\n                                <MaterialIcon className=\"has-text-danger is-size-4\">\n                                  warning\n                                </MaterialIcon>\n                              </span>\n                            ) : (\n                              <span className=\"steps-header-active-page-icon\">\n                                {currentPageNumber}\n                              </span>\n                            )}\n                            <span className=\"steps-header-active-page-label cypress-tablet-step-title\">\n                              {currentPage ? currentPage.label : ''}\n                            </span>\n                          </div>\n                          <span className=\"dropdown icon\">\n                            <MaterialIcon>keyboard_arrow_down</MaterialIcon>\n                          </span>\n                        </div>\n\n                        <div\n                          className={clsx('ob-steps-navigation__steps', {\n                            'is-active': isStepsHeaderActive,\n                          })}\n                        >\n                          <div className=\"steps is-small is-horizontal-tablet cypress-steps\">\n                            {visiblePages.map(\n                              (page: FormTypes.PageElement, index: number) => {\n                                const hasErrors = checkDisplayPageError(page)\n                                return (\n                                  <div\n                                    key={page.id}\n                                    id={`steps-navigation-step-${page.id}`}\n                                    className={clsx(\n                                      'step-item cypress-step-item',\n                                      {\n                                        'is-active': currentPage.id === page.id,\n                                        'is-completed':\n                                          currentPageIndex > index,\n                                        'is-error': hasErrors,\n                                      },\n                                    )}\n                                    onClick={(e) => {\n                                      e.stopPropagation()\n                                      if (page.id !== currentPage.id) {\n                                        setPageId(page.id)\n                                      }\n                                    }}\n                                  >\n                                    <div\n                                      className=\"step-marker step-marker-error ob-step-marker cypress-step-marker\"\n                                      // @ts-expect-error ???\n                                      name={`cypress-page-stepper-${index + 1}`}\n                                      value={index + 1}\n                                    >\n                                      {hasErrors ? (\n                                        <Tooltip title=\"Page has errors\">\n                                          <span className=\"icon tooltip has-tooltip-top cypress-page-error\">\n                                            <MaterialIcon className=\"has-text-danger is-size-3\">\n                                              warning\n                                            </MaterialIcon>\n                                          </span>\n                                        </Tooltip>\n                                      ) : (\n                                        <span>{index + 1}</span>\n                                      )}\n                                    </div>\n                                    <div className=\"step-details ob-step-details\">\n                                      <p\n                                        className=\"step-title ob-step-title cypress-desktop-step-title\"\n                                        id={`steps-navigation-step-label-${page.id}`}\n                                      >\n                                        {page.label}\n                                      </p>\n                                    </div>\n                                  </div>\n                                )\n                              },\n                            )}\n                          </div>\n                        </div>\n                      </div>\n                    )}\n\n                    <div\n                      className={clsx('ob-steps-navigation__background', {\n                        'is-active': isStepsHeaderActive,\n                      })}\n                      onClick={toggleStepsNavigation}\n                    />\n\n                    <div className=\"steps\">\n                      <div\n                        className={clsx('steps-content', {\n                          'is-single-step': !isShowingMultiplePages,\n                        })}\n                      >\n                        <InjectPagesContext.Provider\n                          value={handlePagesLookupResult}\n                        >\n                          <GoogleMapsApiKeyContext.Provider\n                            value={googleMapsApiKey}\n                          >\n                            <AbnLookupAuthenticationGuidContext.Provider\n                              value={abnLookupAuthenticationGuid}\n                            >\n                              <CaptchaContext.Provider\n                                value={captchaContextValue}\n                              >\n                                <AttachmentBlobsProvider>\n                                  <FormIsReadOnlyContext.Provider\n                                    value={isReadOnly}\n                                  >\n                                    <TaskContext.Provider\n                                      value={taskContextValue}\n                                    >\n                                      <OnUploadAttachmentContext.Provider\n                                        value={onUploadAttachment}\n                                      >\n                                        {visiblePages.map(\n                                          (\n                                            pageElement: FormTypes.PageElement,\n                                          ) => (\n                                            <PageFormElements\n                                              key={pageElement.id}\n                                              isActive={\n                                                pageElement.id ===\n                                                currentPage.id\n                                              }\n                                              formId={definition.id}\n                                              formElementsConditionallyShown={\n                                                formElementsConditionallyShown\n                                              }\n                                              formElementsValidation={\n                                                formElementsValidation\n                                              }\n                                              displayValidationMessages={\n                                                hasAttemptedSubmit ||\n                                                isDisplayingCurrentPageError\n                                              }\n                                              pageElement={pageElement}\n                                              onChange={handleChange}\n                                              model={submission}\n                                              setFormSubmission={\n                                                setFormSubmission\n                                              }\n                                            />\n                                          ),\n                                        )}\n                                      </OnUploadAttachmentContext.Provider>\n                                    </TaskContext.Provider>\n                                  </FormIsReadOnlyContext.Provider>\n                                </AttachmentBlobsProvider>\n                              </CaptchaContext.Provider>\n                            </AbnLookupAuthenticationGuidContext.Provider>\n                          </GoogleMapsApiKeyContext.Provider>\n                        </InjectPagesContext.Provider>\n                      </div>\n\n                      {isShowingMultiplePages && (\n                        <div className=\"steps-actions\">\n                          <div className=\"steps-action\">\n                            <button\n                              type=\"button\"\n                              onClick={goToPreviousPage}\n                              disabled={isFirstVisiblePage}\n                              className=\"button is-light cypress-pages-previous\"\n                            >\n                              <span className=\"icon\">\n                                <MaterialIcon>keyboard_arrow_left</MaterialIcon>\n                              </span>\n                              <span>Back</span>\n                            </button>\n                          </div>\n                          <div className=\"step-progress-mobile cypress-steps-mobile\">\n                            {visiblePages.map(\n                              (page: FormTypes.PageElement, index) => (\n                                <div\n                                  key={page.id}\n                                  className={clsx('step-progress-mobile-dot', {\n                                    'is-active': currentPage.id === page.id,\n                                    'is-completed': currentPageIndex > index,\n                                    'has-background-danger':\n                                      currentPage.id !== page.id &&\n                                      checkDisplayPageError(page),\n                                  })}\n                                />\n                              ),\n                            )}\n                          </div>\n                          <div className=\"steps-action\">\n                            <button\n                              type=\"button\"\n                              onClick={goToNextPage}\n                              disabled={isLastVisiblePage}\n                              className=\"button is-light cypress-pages-next\"\n                            >\n                              <span>Next</span>\n                              <span className=\"icon\">\n                                <MaterialIcon>\n                                  keyboard_arrow_right\n                                </MaterialIcon>\n                              </span>\n                            </button>\n                          </div>\n                        </div>\n                      )}\n                    </div>\n                    {!isReadOnly && (\n                      <div className=\"buttons ob-buttons ob-buttons-submit\">\n                        {onSaveDraft && !isInfoPage && (\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-primary ob-button-save-draft cypress-save-draft-form\"\n                            onClick={() => handleSaveDraft(false)}\n                            disabled={isPreview || disabled}\n                          >\n                            <CustomisableButtonInner\n                              label={buttons?.saveDraft?.label || 'Save Draft'}\n                              icon={buttons?.saveDraft?.icon}\n                            />\n                          </button>\n                        )}\n                        <span className=\"ob-buttons-submit__spacer\"></span>\n                        {!isInfoPage && (\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-light ob-button-submit-cancel cypress-cancel-form\"\n                            onClick={handleCancel}\n                            disabled={isPreview || disabled}\n                          >\n                            <CustomisableButtonInner\n                              label={buttons?.cancel?.label || 'Cancel'}\n                              icon={buttons?.cancel?.icon}\n                            />\n                          </button>\n                        )}\n                        {isLastVisiblePage && (\n                          <Tooltip\n                            title={\n                              submissionConditionallyEnabled\n                                ? ''\n                                : 'Submission disabled: Your inputs have not met the criteria for submission'\n                            }\n                          >\n                            <button\n                              type=\"submit\"\n                              className={clsx(\n                                'button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form',\n                                { 'is-loading': isPreparingToSubmit },\n                                {\n                                  'ob-button-submit-is-disabled':\n                                    submissionConditionallyEnabled,\n                                },\n                              )}\n                              disabled={\n                                isPreview ||\n                                disabled ||\n                                isPreparingToSubmit ||\n                                !submissionConditionallyEnabled\n                              }\n                            >\n                              <CustomisableButtonInner\n                                label={\n                                  isInfoPage\n                                    ? 'Done'\n                                    : buttons?.submit?.label || 'Submit'\n                                }\n                                icon={buttons?.submit?.icon}\n                              />\n                            </button>\n                          </Tooltip>\n                        )}\n                      </div>\n                    )}\n                  </div>\n                </form>\n\n                {!isReadOnly && !isPreview && (\n                  <React.Fragment>\n                    <Prompt\n                      when={isDirty && !isNavigationAllowed}\n                      message={handleBlockedNavigation}\n                    />\n                    <Modal\n                      isOpen={hasConfirmedNavigation === false}\n                      title=\"Unsaved Changes\"\n                      cardClassName=\"cypress-cancel-confirm\"\n                      titleClassName=\"cypress-cancel-confirm-title\"\n                      bodyClassName=\"cypress-cancel-confirm-body\"\n                      actions={\n                        <>\n                          {onSaveDraft && (\n                            <button\n                              type=\"button\"\n                              className=\"button ob-button is-success cypress-cancel-confirm-save-draft\"\n                              onClick={() => handleSaveDraft(false)}\n                            >\n                              <CustomisableButtonInner\n                                label={\n                                  buttons?.saveDraft?.label || 'Save Draft'\n                                }\n                                icon={buttons?.saveDraft?.icon}\n                              />\n                            </button>\n                          )}\n                          <span style={{ flex: 1 }}></span>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-light cypress-cancel-confirm-back\"\n                            onClick={handleKeepGoing}\n                          >\n                            <CustomisableButtonInner\n                              label={buttons?.cancelPromptNo?.label || 'Back'}\n                              icon={buttons?.cancelPromptNo?.icon}\n                            />\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-primary cypress-cancel-confirm-discard\"\n                            onClick={handleDiscardUnsavedChanges}\n                            autoFocus\n                          >\n                            <CustomisableButtonInner\n                              label={\n                                buttons?.cancelPromptYes?.label || 'Discard'\n                              }\n                              icon={buttons?.cancelPromptYes?.icon}\n                            />\n                          </button>\n                        </>\n                      }\n                    >\n                      <p>\n                        You have unsaved changes, are you sure you want discard\n                        them?\n                      </p>\n                    </Modal>\n                    <Modal\n                      isOpen={promptUploadingAttachments === true}\n                      title=\"Attachment upload in progress\"\n                      cardClassName=\"cypress-attachments-wait-continue\"\n                      titleClassName=\"cypress-attachments-confirm-wait-title\"\n                      bodyClassName=\"cypress-attachments-confirm-wait-body\"\n                      actions={\n                        <>\n                          <span style={{ flex: 1 }}></span>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-light cypress-attachments-confirm-wait\"\n                            onClick={handleWaitForAttachments}\n                          >\n                            Wait\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-primary cypress-attachments-confirm-continue\"\n                            onClick={handleContinueWithAttachments}\n                            autoFocus\n                          >\n                            Continue\n                          </button>\n                        </>\n                      }\n                    >\n                      <p>\n                        Your attachments are still uploading, do you want to\n                        wait for the uploads to complete or continue using the\n                        app? If you click continue the attachments will upload\n                        in the background. Do not close the app until the upload\n                        has been completed.\n                      </p>\n                    </Modal>\n\n                    <Modal\n                      isOpen={promptOfflineSubmissionAttempt}\n                      title=\"It looks like you're Offline\"\n                      className=\"ob-modal__offline-submission-attempt\"\n                      cardClassName=\"cypress-submission-offline has-text-centered\"\n                      titleClassName=\"cypress-offline-title\"\n                      bodyClassName=\"cypress-offline-body\"\n                      actions={\n                        <>\n                          {onSaveDraft && (\n                            <button\n                              type=\"button\"\n                              className=\"button ob-button ob-button__offline-submission-attempt-save-draft is-success\"\n                              onClick={() => handleSaveDraft(false)}\n                            >\n                              <CustomisableButtonInner\n                                label={\n                                  buttons?.saveDraft?.label || 'Save Draft'\n                                }\n                                icon={buttons?.saveDraft?.icon}\n                              />\n                            </button>\n                          )}\n                          <span style={{ flex: 1 }}></span>\n                          <button\n                            className=\"button ob-button ob-button__offline-submission-attempt-cancel is-light\"\n                            onClick={() =>\n                              setPromptOfflineSubmissionAttempt(false)\n                            }\n                          >\n                            Cancel\n                          </button>\n                          <button\n                            className=\"button ob-button ob-button__offline-submission-attempt-try-again is-primary\"\n                            onClick={(e) => {\n                              setPromptOfflineSubmissionAttempt(false)\n                              handleSubmit(e, false)\n                            }}\n                            autoFocus\n                          >\n                            Try Again\n                          </button>\n                        </>\n                      }\n                    >\n                      <p className=\"ob-modal__offline-submission-attempt-message\">\n                        You cannot submit this form while offline, please try\n                        again when connectivity is restored.\n                        {onSaveDraft && (\n                          <span className=\"ob-modal__offline-submission-attempt-save-draft-message\">\n                            {' '}\n                            Alternatively, click the{' '}\n                            <b>\n                              {buttons?.saveDraft?.label || 'Save Draft'}\n                            </b>{' '}\n                            button below to come back to this later.\n                          </span>\n                        )}\n                      </p>\n                      <MaterialIcon className=\"has-text-warning icon-x-large ob-modal__offline-submission-attempt-icon\">\n                        wifi_off\n                      </MaterialIcon>\n                    </Modal>\n                  </React.Fragment>\n                )}\n                {shouldUseNavigableValidationErrorsNotification &&\n                  !!formElementsValidation &&\n                  hasAttemptedSubmit && (\n                    <ValidationErrorsCard\n                      formElementsValidation={formElementsValidation}\n                      setPageId={setPageId}\n                      currentPage={currentPage}\n                      navigationTopOffset={\n                        navigableValidationErrorsNotificationSettings?.navigationTopOffset ??\n                        0\n                      }\n                    />\n                  )}\n              </div>\n            </OneBlinkFormContainerContext.Provider>\n          </FormElementLookupsContextProvider>\n        </FormElementOptionsContextProvider>\n      </FormDefinitionContext.Provider>\n    </ThemeProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormBase)\n"]}
+{"version":3,"file":"OneBlinkFormBase.js","sourceRoot":"","sources":["../src/OneBlinkFormBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { createTheme as createMuiTheme, ThemeProvider } from '@mui/material'\nimport Tooltip from './components/renderer/Tooltip'\nimport { Prompt, useHistory } from 'react-router-dom'\nimport clsx from 'clsx'\nimport * as bulmaToast from 'bulma-toast'\nimport { localisationService, submissionService } from '@oneblink/apps'\nimport {\n  FormTypes,\n  FormsAppsTypes,\n  ScheduledTasksTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\nimport { attachmentsService } from '@oneblink/apps'\nimport * as H from 'history'\n\nimport Modal from './components/renderer/Modal'\nimport cleanFormSubmissionModel from './services/cleanFormSubmissionModel'\nimport PageFormElements from './components/renderer/PageFormElements'\nimport useFormValidation from './hooks/useFormValidation'\nimport useConditionalLogic from './hooks/useConditionalLogic'\nimport usePages from './hooks/usePages'\nimport useLookups from './hooks/useLookups'\nimport { FormDefinitionContext } from './hooks/useFormDefinition'\nimport { InjectPagesContext } from './hooks/useInjectPages'\nimport { FormElementOptionsContextProvider } from './hooks/useDynamicOptionsLoaderState'\nimport { FormElementLookupsContextProvider } from './hooks/useFormElementLookups'\nimport { OneBlinkFormContainerContext } from './hooks/useOneBlinkFormContainer'\nimport { GoogleMapsApiKeyContext } from './hooks/useGoogleMapsApiKey'\nimport { AbnLookupAuthenticationGuidContext } from './hooks/useAbnLookupAuthenticationGuid'\nimport { CaptchaContext } from './hooks/useCaptcha'\nimport { FormIsReadOnlyContext } from './hooks/useFormIsReadOnly'\nimport { AttachmentBlobsProvider } from './hooks/attachments/useAttachmentBlobs'\nimport useIsOffline from './hooks/useIsOffline'\nimport CustomisableButtonInner from './components/renderer/CustomisableButtonInner'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsValidation,\n  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n} from './types/form'\nimport checkBsbsAreInvalid from './services/checkBsbsAreInvalid'\nimport checkIfBsbsAreValidating from './services/checkIfBsbsAreValidating'\nimport checkIfAttachmentsExist from './services/checkIfAttachmentsExist'\nimport useAuth from './hooks/useAuth'\nimport { formElementsService } from '@oneblink/sdk-core'\nimport { TaskContext } from './hooks/useTaskContext'\nimport { OnUploadAttachmentContext } from './hooks/useOnUploadAttachment'\nimport { injectOptionsAcrossAllElements } from './services/injectableOptions'\nimport MaterialIcon from './components/MaterialIcon'\nimport ReCAPTCHA from 'react-google-recaptcha'\nimport ValidationErrorsCard from './components/ValidationErrorsCard'\n\nexport type OneBlinkReadOnlyFormProps = {\n  /**\n   * A [Google Maps API\n   * Key](https://developers.google.com/maps/documentation/javascript/get-api-key).\n   * Required if the form contains a `location` form element.\n   */\n  googleMapsApiKey?: string\n  /** Hex colour value for certain inputs (defaults to `#4c8da7`). */\n  primaryColour?: string\n  /**\n   * Pass a task if the user was attempting to complete a scheduled task via a\n   * form submission\n   */\n  task?: ScheduledTasksTypes.Task\n  /**\n   * Pass a task group if the user was attempting to complete a scheduled task\n   * associated with a group via a form submission\n   */\n  taskGroup?: ScheduledTasksTypes.TaskGroup\n  /**\n   * Pass a task group instance if the user was attempting to complete a\n   * scheduled task associated with a group via a form submission\n   */\n  taskGroupInstance?: ScheduledTasksTypes.TaskGroupInstance\n}\n\nexport type OneBlinkFormBaseProps = OneBlinkReadOnlyFormProps & {\n  /** The function to call when the user cancels the form */\n  onCancel: () => unknown\n  /**\n   * The function to call when the user submits the form with valid submission\n   * data. See\n   * [NewFormSubmission](https://oneblink.github.io/apps/modules/submissionService.html#NewFormSubmission)\n   * for the structure of the argument.\n   */\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  /** Whether the form is currently able to be submitted. False by default. */\n  disabled?: boolean\n  /** Whether the form is in preview mode. False by default. */\n  isPreview?: boolean\n  /**\n   * An [ABN Lookup Authentication\n   * Guid](https://abr.business.gov.au/Tools/WebServices). Required if the form\n   * contains a `abn` form element.\n   */\n  abnLookupAuthenticationGuid?: string\n  /**\n   * A [reCAPTCHA Site Key](https://developers.google.com/recaptcha/intro).\n   * Required if the form contains a `captcha` form element.\n   */\n  captchaSiteKey?: string\n  /** Change properties for certain buttons on the form. */\n  buttons?: FormsAppsTypes.FormsListStyles['buttons']\n  /** Number of days attachments are retained for. */\n  attachmentRetentionInDays?: number\n  /**\n   * If set to `false`, submission will be prevented while offline. If set to\n   * `true`, the user will be prompted to allow them to continue with\n   * attachments uploading in the background later.\n   */\n  isPendingQueueEnabled: boolean\n  /**\n   * The function to call when the user wishes to save their submission data as\n   * a draft submission. If not specified, drafts cannot be saved. See\n   * [NewDraftSubmission](https://oneblink.github.io/apps/modules/submissionService.html#NewDraftSubmission)\n   * for the structure of the argument.\n   */\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n  /**\n   * The function to call when the user needs to navigate away from the form.\n   * e.g. `history.push`\n   */\n  handleNavigateAway?: () => unknown\n  /**\n   * Determines whether the form is submittable or not. Info page type forms\n   * show a \"Done\" button instead of a \"Submit\" button. Defaults to\n   * \"CALCULATED\"\n   */\n  isInfoPage?: 'YES' | 'NO' | 'CALCULATED'\n  /**\n   * The function to call when a user uploads an attachment through an element\n   * that allows attachment upload. See\n   * [uploadAttachment](https://oneblink.github.io/apps/modules/attachmentsService.html#uploadAttachment)\n   * for the structure of the argument and a sample function to be used.\n   */\n  onUploadAttachment?: typeof attachmentsService.uploadAttachment\n  /**\n   * Determines whether to use checkboxes or invisible recaptcha v2 for captcha\n   * elements. Defaults to \"CHECKBOX\"\n   */\n  captchaType?: CaptchaType\n\n  /**\n   * Whether the form should use a navigable validation errors notification, or\n   * a simple validation errors notification\n   *\n   * @default true\n   */\n  shouldUseNavigableValidationErrorsNotification?: boolean\n  /** Various settings for the navigable validation errors notification */\n  navigableValidationErrorsNotificationSettings?: {\n    /**\n     * A pixel offset for validation error navigation markers. Use this to\n     * account for any headers your page might have.\n     */\n    navigationTopOffset?: number\n    /**\n     * The HTML Element ID of the scrollable container your form resides in. If\n     * not set, will scroll on the window.\n     */\n    scrollableContainerId?: string\n  }\n}\n\nexport type OneBlinkFormUncontrolledProps = {\n  /** The OneBlink Form to render */\n  form: FormTypes.Form\n  /** The initial submission data */\n  initialSubmission?: SubmissionTypes.S3SubmissionData['submission']\n}\n\nexport type OneBlinkFormControlledProps = {\n  definition: FormTypes.Form\n  submission: SubmissionTypes.S3SubmissionData['submission']\n  setFormSubmission: SetFormSubmission\n  lastElementUpdated?: FormTypes.FormElement\n  executedLookups: ExecutedLookups\n}\n\ntype Props = OneBlinkFormBaseProps &\n  OneBlinkFormControlledProps & {\n    isReadOnly: boolean\n  }\n\nfunction OneBlinkFormBase({\n  googleMapsApiKey,\n  abnLookupAuthenticationGuid,\n  captchaSiteKey,\n  definition,\n  disabled,\n  isPreview,\n  submission,\n  isReadOnly,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n  setFormSubmission,\n  buttons,\n  primaryColour,\n  attachmentRetentionInDays,\n  isPendingQueueEnabled,\n  handleNavigateAway,\n  isInfoPage: isInfoPageProp,\n  lastElementUpdated,\n  executedLookups,\n  task,\n  taskGroup,\n  taskGroupInstance,\n  onUploadAttachment,\n  captchaType,\n  shouldUseNavigableValidationErrorsNotification = true,\n  navigableValidationErrorsNotificationSettings,\n}: Props) {\n  const isOffline = useIsOffline()\n  const { isUsingFormsKey, userProfile } = useAuth()\n  const captchasRef = React.useRef<Array<ReCAPTCHA>>([])\n\n  const theme = React.useMemo(\n    () =>\n      createMuiTheme({\n        palette: {\n          primary: {\n            main: primaryColour || '#4c8da7',\n          },\n          success: {\n            main: '#4caf50',\n          },\n        },\n      }),\n    [primaryColour],\n  )\n\n  const isInfoPage = React.useMemo(() => {\n    if (!!isInfoPageProp && isInfoPageProp !== 'CALCULATED') {\n      return isInfoPageProp === 'YES'\n    }\n    return formElementsService.determineIsInfoPage(definition)\n  }, [definition, isInfoPageProp])\n\n  const taskContextValue = React.useMemo(() => {\n    return {\n      task,\n      taskGroup,\n      taskGroupInstance,\n    }\n  }, [task, taskGroup, taskGroupInstance])\n\n  //\n  //\n  // #region Form Definition\n\n  const pages = React.useMemo<FormTypes.PageElement[]>(() => {\n    if (definition.isMultiPage) {\n      return definition.elements.reduce(\n        (\n          pageElements: FormTypes.PageElement[],\n          formElement: FormTypes.FormElement,\n        ) => {\n          if (formElement.type === 'page') {\n            pageElements.push(formElement)\n          }\n          return pageElements\n        },\n        [],\n      )\n    } else {\n      return [\n        {\n          type: 'page',\n          id: definition.id.toString(),\n          label: definition.name,\n          elements: definition.elements,\n          conditionallyShow: false,\n          requiresAllConditionallyShowPredicates: false,\n        },\n      ]\n    }\n  }, [\n    definition.elements,\n    definition.id,\n    definition.isMultiPage,\n    definition.name,\n  ])\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Unsaved Changed\n\n  const history = useHistory()\n\n  const [isPreparingToSubmit, setIsPreparingToSubmit] =\n    React.useState<boolean>(false)\n  const [\n    { isDirty, isNavigationAllowed, hasConfirmedNavigation, goToLocation },\n    setUnsavedChangesState,\n  ] = React.useState<{\n    isDirty: boolean\n    isNavigationAllowed: boolean\n    hasConfirmedNavigation: boolean | null\n    goToLocation: H.Location | null\n  }>({\n    isDirty: false,\n    isNavigationAllowed: false,\n    hasConfirmedNavigation: null,\n    goToLocation: null,\n  })\n  const [promptOfflineSubmissionAttempt, setPromptOfflineSubmissionAttempt] =\n    React.useState<boolean>(false)\n  const [promptUploadingAttachments, setPromptUploadingAttachments] =\n    React.useState<boolean>(false)\n  const handleBlockedNavigation = React.useCallback<\n    (location: H.Location, action: H.Action) => string | boolean\n  >((location) => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      goToLocation: location,\n      hasConfirmedNavigation: false,\n    }))\n    return false\n  }, [])\n\n  const handleKeepGoing = React.useCallback(() => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      goToLocation: null,\n      hasConfirmedNavigation: null,\n    }))\n  }, [])\n\n  const handleDiscardUnsavedChanges = React.useCallback(() => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      isNavigationAllowed: true,\n      hasConfirmedNavigation: true,\n    }))\n  }, [])\n\n  React.useEffect(() => {\n    if (hasConfirmedNavigation) {\n      // Navigate to the previous blocked location with your navigate function\n      if (goToLocation) {\n        history.push(`${goToLocation.pathname}${goToLocation.search}`)\n        if (handleNavigateAway) {\n          handleNavigateAway()\n        }\n      } else {\n        onCancel()\n      }\n    }\n  }, [\n    goToLocation,\n    handleNavigateAway,\n    hasConfirmedNavigation,\n    history,\n    onCancel,\n  ])\n\n  const handleCancel = React.useCallback(() => {\n    if (isDirty) {\n      setUnsavedChangesState((current) => ({\n        ...current,\n        hasConfirmedNavigation: false,\n      }))\n    } else {\n      onCancel()\n    }\n  }, [isDirty, onCancel])\n\n  const allowNavigation = React.useCallback(() => {\n    setUnsavedChangesState((current) => ({\n      ...current,\n      isNavigationAllowed: true,\n    }))\n  }, [])\n\n  // #endregion Unsaved Changed\n  //\n  //\n\n  //\n  //\n  // #region Conditional Logic\n\n  const {\n    formElementsConditionallyShown,\n    conditionalLogicError,\n    submissionConditionallyEnabled,\n  } = useConditionalLogic(definition, submission)\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Validation\n\n  const { validate } = useFormValidation(pages)\n\n  const recaptchaType = React.useMemo(\n    () => captchaType ?? 'CHECKBOX',\n    [captchaType],\n  )\n\n  const formElementsValidation = React.useMemo<\n    FormElementsValidation | undefined\n  >(\n    () =>\n      !isReadOnly\n        ? validate(\n            submission,\n            formElementsConditionallyShown,\n            executedLookups ?? {},\n            recaptchaType,\n          )\n        : undefined,\n    [\n      formElementsConditionallyShown,\n      isReadOnly,\n      submission,\n      validate,\n      executedLookups,\n      recaptchaType,\n    ],\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Pages\n\n  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React.useState(false)\n\n  const {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  } = usePages({\n    hasAttemptedSubmit,\n    pages,\n    formElementsValidation,\n    formElementsConditionallyShown,\n  })\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Submissions\n\n  const getCurrentSubmissionData = React.useCallback(\n    (stripBinaryData: boolean) => {\n      const { model, captchaTokens } = cleanFormSubmissionModel(\n        submission,\n        definition.elements,\n        formElementsConditionallyShown,\n        stripBinaryData,\n      )\n      return {\n        submission: model,\n        captchaTokens,\n      }\n    },\n    [definition.elements, formElementsConditionallyShown, submission],\n  )\n\n  const obFormContainerHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  React.useEffect(() => {\n    const obFormContainerHTMLElement = obFormContainerHTMLElementRef.current\n    if (obFormContainerHTMLElement) {\n      console.log(\n        'Setting toast notifications to be appended to HTML Element',\n        obFormContainerHTMLElement,\n      )\n      bulmaToast.setDefaults({\n        position: 'bottom-right',\n        opacity: 0.95,\n        appendTo: obFormContainerHTMLElement,\n      })\n    }\n    return () => {\n      bulmaToast.resetDefaults()\n    }\n  }, [])\n\n  const checkAttachmentsCanBeSubmitted = React.useCallback(\n    (submission: SubmissionTypes.S3SubmissionData['submission']) => {\n      // Prevent submission until all attachment uploads are finished\n      // Unless the user is offline, in which case, the uploads will\n      // be taken care of by a pending queue if enabled, otherwise\n      // the user will be prompted to try again or save a draft.\n      if (isOffline) {\n        return true\n      }\n      const attachmentsAreUploading =\n        attachmentsService.checkIfAttachmentsAreUploading(\n          definition,\n          submission,\n        )\n\n      if (attachmentsAreUploading) {\n        if (isUsingFormsKey || !isPendingQueueEnabled) {\n          bulmaToast.toast({\n            message:\n              'Attachments are still uploading, please wait for them to finish before trying again.',\n            type: 'is-primary',\n            extraClasses: 'ob-toast cypress-still-uploading-toast',\n            duration: 4000,\n            pauseOnHover: true,\n            closeOnClick: true,\n          })\n          return false\n        } else {\n          setPromptUploadingAttachments(true)\n          return false\n        }\n      }\n\n      return true\n    },\n    [definition, isOffline, isPendingQueueEnabled, isUsingFormsKey],\n  )\n\n  const checkBsbsCanBeSubmitted = React.useCallback(\n    (submission: SubmissionTypes.S3SubmissionData['submission']) => {\n      return !checkBsbsAreInvalid(definition, submission)\n    },\n    [definition],\n  )\n\n  const checkBsbAreValidating = React.useCallback(\n    (submission: SubmissionTypes.S3SubmissionData['submission']) => {\n      if (checkIfBsbsAreValidating(definition, submission)) {\n        bulmaToast.toast({\n          message:\n            'Bsb(s) are still being validated, please wait for them to finish before trying again.',\n          type: 'is-primary',\n          extraClasses: 'ob-toast cypress-still-validating-toast',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return false\n      }\n\n      return true\n    },\n    [definition],\n  )\n\n  const addCaptchaRef = React.useCallback((recaptcha: ReCAPTCHA) => {\n    captchasRef.current.push(recaptcha)\n    // this allows the FormElementCaptcha element to unregister any captchas\n    return () => {\n      captchasRef.current = captchasRef.current.filter(\n        (recaptchaInstance) => recaptchaInstance !== recaptcha,\n      )\n    }\n  }, [])\n\n  const captchaContextValue = React.useMemo(\n    () => ({\n      captchaSiteKey,\n      captchaType: recaptchaType,\n      addCaptchaRef,\n    }),\n    [addCaptchaRef, captchaSiteKey, recaptchaType],\n  )\n\n  const resetRecaptchas = React.useCallback(() => {\n    // unset the submission model value for each captcha element\n    const updatedModel = { ...submission }\n    formElementsService.forEachFormElement(definition.elements, (element) => {\n      if (element.type === 'captcha') {\n        updatedModel[element.name] = undefined\n      }\n    })\n    // reset each captcha\n    if (captchaType === 'CHECKBOX') {\n      captchasRef.current.forEach((captcha) => {\n        captcha.reset()\n      })\n    }\n\n    setHasAttemptedSubmit(false)\n    setFormSubmission((current) => {\n      return { ...current, submission: updatedModel }\n    })\n  }, [definition.elements, setFormSubmission, submission, captchaType])\n\n  const prepareSubmission = React.useCallback(\n    async (\n      continueWhilstAttachmentsAreUploading: boolean,\n    ): Promise<ReturnType<typeof getCurrentSubmissionData> | undefined> => {\n      const submissionData = getCurrentSubmissionData(false)\n      if (!checkBsbAreValidating(submissionData.submission)) {\n        return\n      }\n      if (formElementsValidation) {\n        console.log('Validation errors', formElementsValidation)\n        if (!shouldUseNavigableValidationErrorsNotification) {\n          bulmaToast.toast({\n            message: 'Please fix validation errors',\n            type: 'is-danger',\n            extraClasses: 'ob-toast cypress-invalid-submit-attempt',\n            duration: 4000,\n            pauseOnHover: true,\n            closeOnClick: true,\n          })\n        }\n        return\n      }\n      if (!checkBsbsCanBeSubmitted(submissionData.submission)) {\n        return\n      }\n      if (\n        !continueWhilstAttachmentsAreUploading &&\n        !checkAttachmentsCanBeSubmitted(submissionData.submission)\n      ) {\n        return\n      }\n\n      if (captchaType === 'INVISIBLE') {\n        if (captchasRef.current.length) {\n          const tokenResults = await Promise.allSettled(\n            captchasRef.current.map((captcha) => captcha.executeAsync()),\n          )\n\n          const captchaTokens: string[] = []\n\n          for (const result of tokenResults) {\n            if (result.status === 'rejected' || !result.value) {\n              console.log('Captcha token failure')\n              bulmaToast.toast({\n                message: 'Failed to get a captcha token',\n                type: 'is-danger',\n                extraClasses: 'ob-toast cypress-failed-captcha-token-creation',\n                duration: 4000,\n                pauseOnHover: true,\n                closeOnClick: true,\n              })\n              return\n            }\n            captchaTokens.push(result.value)\n          }\n\n          submissionData.captchaTokens = captchaTokens\n        }\n      }\n\n      // check if attachments exist\n      const newSubmission = checkIfAttachmentsExist(\n        definition,\n        submissionData.submission,\n        attachmentRetentionInDays,\n      )\n      if (newSubmission) {\n        setFormSubmission((currentFormSubmission) => ({\n          ...currentFormSubmission,\n          submission: newSubmission,\n        }))\n        bulmaToast.toast({\n          message:\n            \"Some files that were included in your submission have been removed based on your administrator's data retention policy, please remove them and upload them again.\",\n          type: 'is-danger',\n          extraClasses: 'ob-toast cypress-invalid-submit-attempt',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return\n      }\n\n      if (isOffline && !isPendingQueueEnabled) {\n        console.log('User is offline and form does not support a pending queue')\n        setPromptOfflineSubmissionAttempt(true)\n        return\n      }\n      return submissionData\n    },\n    [\n      attachmentRetentionInDays,\n      captchaType,\n      checkAttachmentsCanBeSubmitted,\n      checkBsbAreValidating,\n      checkBsbsCanBeSubmitted,\n      definition,\n      formElementsValidation,\n      getCurrentSubmissionData,\n      isOffline,\n      isPendingQueueEnabled,\n      setFormSubmission,\n      shouldUseNavigableValidationErrorsNotification,\n    ],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (\n      event:\n        | React.FormEvent<HTMLFormElement>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      continueWhilstAttachmentsAreUploading: boolean,\n    ) => {\n      event.preventDefault()\n      if (disabled || isReadOnly) return\n      setHasAttemptedSubmit(true)\n\n      setIsPreparingToSubmit(true)\n\n      const submissionData = await prepareSubmission(\n        continueWhilstAttachmentsAreUploading,\n      )\n\n      if (!submissionData) {\n        setIsPreparingToSubmit(false)\n        return\n      }\n\n      allowNavigation()\n\n      // transplant injected options on the definition\n      const elementsWithInjectedOptions = injectOptionsAcrossAllElements({\n        contextElements: definition.elements,\n        elements: definition.elements,\n        submission: submissionData.submission,\n        taskContext: taskContextValue,\n        userProfile: userProfile ?? undefined,\n      })\n      setIsPreparingToSubmit(false)\n      onSubmit({\n        definition: {\n          ...definition,\n          elements: elementsWithInjectedOptions,\n        },\n        submission: submissionData.submission,\n        captchaTokens: submissionData.captchaTokens,\n      })\n      resetRecaptchas()\n    },\n    [\n      disabled,\n      isReadOnly,\n      prepareSubmission,\n      allowNavigation,\n      definition,\n      taskContextValue,\n      userProfile,\n      onSubmit,\n      resetRecaptchas,\n    ],\n  )\n\n  const handleSaveDraft = React.useCallback(\n    (continueWhilstAttachmentsAreUploading: boolean) => {\n      if (disabled) return\n      if (onSaveDraft) {\n        allowNavigation()\n\n        // For drafts we don't need to save the captcha tokens,\n        // they will need to prove they are not robot again\n        const { submission } = getCurrentSubmissionData(false)\n        if (!checkBsbAreValidating(submission)) {\n          return\n        }\n        if (\n          !continueWhilstAttachmentsAreUploading &&\n          !checkAttachmentsCanBeSubmitted(submission)\n        ) {\n          return\n        }\n        onSaveDraft({\n          definition,\n          submission,\n          backgroundUpload: continueWhilstAttachmentsAreUploading,\n          lastElementUpdated,\n        })\n      }\n    },\n    [\n      allowNavigation,\n      checkAttachmentsCanBeSubmitted,\n      definition,\n      disabled,\n      getCurrentSubmissionData,\n      onSaveDraft,\n      checkBsbAreValidating,\n      lastElementUpdated,\n    ],\n  )\n\n  const handleContinueWithAttachments = React.useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      setPromptUploadingAttachments(false)\n      if (hasAttemptedSubmit) {\n        handleSubmit(e, true)\n      } else {\n        handleSaveDraft(true)\n      }\n    },\n    [\n      handleSubmit,\n      setPromptUploadingAttachments,\n      hasAttemptedSubmit,\n      handleSaveDraft,\n    ],\n  )\n  const handleWaitForAttachments = React.useCallback(() => {\n    setPromptUploadingAttachments(false)\n  }, [setPromptUploadingAttachments])\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Lookups\n\n  const { handlePagesLookupResult } = useLookups(\n    definition.id,\n    setFormSubmission,\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Submission/Definition Changes\n\n  const handleChange = React.useCallback<NestedFormElementValueChangeHandler>(\n    (element, { value, executedLookups }) => {\n      if (\n        //This will ensure on a read only form that the summary and calculation elements\n        //can still be displayed as it needs handleChange so it can render\n        //due to the dynamic nature of the summary element.\n        (disabled &&\n          element.type !== 'summary' &&\n          element.type !== 'calculation') ||\n        element.type === 'page' ||\n        element.type === 'section'\n      ) {\n        return\n      }\n\n      setUnsavedChangesState((current) => ({\n        ...current,\n        isDirty: true,\n      }))\n      // dont update the last element updated for elements the user cannot set the value of\n      if (element.type === 'summary' || element.type === 'calculation') {\n        setFormSubmission((currentFormSubmission) => ({\n          ...currentFormSubmission,\n          submission: {\n            ...currentFormSubmission.submission,\n            [element.name]:\n              typeof value === 'function'\n                ? value(currentFormSubmission.submission[element.name])\n                : value,\n          },\n        }))\n      } else {\n        setFormSubmission((currentFormSubmission) => {\n          return {\n            ...currentFormSubmission,\n            submission: {\n              ...currentFormSubmission.submission,\n              [element.name]:\n                typeof value === 'function'\n                  ? value(currentFormSubmission.submission[element.name])\n                  : value,\n            },\n            lastElementUpdated: element,\n            executedLookups: {\n              ...currentFormSubmission.executedLookups,\n              [element.name]:\n                typeof executedLookups === 'function'\n                  ? executedLookups(\n                      currentFormSubmission.executedLookups?.[element.name],\n                    )\n                  : executedLookups,\n            },\n          }\n        })\n      }\n    },\n    [disabled, setFormSubmission],\n  )\n\n  // #endregion\n  //\n  //\n\n  const lastElementUpdatedExistsOnForm = React.useMemo(() => {\n    return !!formElementsService.findFormElement(\n      definition.elements,\n      (el) => el.id === lastElementUpdated?.id,\n    )\n  }, [definition.elements, lastElementUpdated])\n\n  const lastElementUpdatedPage = React.useMemo(() => {\n    return definition.elements.find((pageElement: FormTypes.FormElement) => {\n      if (pageElement.type === 'page') {\n        return formElementsService.findFormElement(\n          pageElement.elements,\n          (el) => el.id === lastElementUpdated?.id,\n        )\n      }\n    })\n  }, [lastElementUpdated, definition])\n\n  const [hasResumed, setHasResumed] = React.useState(false)\n  React.useEffect(() => {\n    if (!hasResumed) {\n      if (lastElementUpdated && lastElementUpdatedExistsOnForm) {\n        if (lastElementUpdatedPage) {\n          setPageId(lastElementUpdatedPage.id)\n        }\n        const element = document.querySelector(\n          `[data-element-id=\"${lastElementUpdated.id}\"]`,\n        )\n        if (element) {\n          window.requestAnimationFrame(() => {\n            element.scrollIntoView({ behavior: 'smooth' })\n          })\n        }\n      }\n      setHasResumed(true)\n    }\n  }, [\n    lastElementUpdated,\n    hasResumed,\n    lastElementUpdatedPage,\n    lastElementUpdatedExistsOnForm,\n    setPageId,\n  ])\n\n  if (conditionalLogicError) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <MaterialIcon className=\"has-text-warning icon-x-large\">\n            error\n          </MaterialIcon>\n          <h3 className=\"title is-3\">Bad Form Configuration</h3>\n          <p className=\"cypress-conditional-logic-error-message\">\n            {conditionalLogicError.message}\n          </p>\n          <p className=\"has-text-grey\">\n            {localisationService.formatDatetimeLong(new Date())}\n          </p>\n        </div>\n      </>\n    )\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n      <FormDefinitionContext.Provider value={definition}>\n        <FormElementOptionsContextProvider>\n          <FormElementLookupsContextProvider>\n            <OneBlinkFormContainerContext.Provider\n              value={obFormContainerHTMLElementRef.current}\n            >\n              <div\n                className={clsx('ob-form-container', {\n                  'is-showing-pages': isShowingMultiplePages,\n                })}\n                ref={obFormContainerHTMLElementRef}\n              >\n                <form\n                  name=\"obForm\"\n                  className={`ob-form cypress-ob-form ob-form__page-${\n                    currentPageIndex + 1\n                  }`}\n                  noValidate\n                  onSubmit={(e) => handleSubmit(e, false)}\n                >\n                  <div>\n                    <div ref={scrollToTopOfPageHTMLElementRef} />\n                    {isShowingMultiplePages && (\n                      <div\n                        className={clsx('ob-steps-navigation', {\n                          'is-active': isStepsHeaderActive,\n                        })}\n                      >\n                        <div\n                          className={clsx('ob-steps-navigation__header', {\n                            'is-active': isStepsHeaderActive,\n                          })}\n                          onClick={toggleStepsNavigation}\n                        >\n                          <span className=\"icon is-invisible\">\n                            <MaterialIcon>keyboard_arrow_down</MaterialIcon>\n                          </span>\n                          <div className=\"steps-header-active-page\">\n                            {isDisplayingCurrentPageError ? (\n                              <span className=\"icon\">\n                                <MaterialIcon className=\"has-text-danger is-size-4\">\n                                  warning\n                                </MaterialIcon>\n                              </span>\n                            ) : (\n                              <span className=\"steps-header-active-page-icon\">\n                                {currentPageNumber}\n                              </span>\n                            )}\n                            <span className=\"steps-header-active-page-label cypress-tablet-step-title\">\n                              {currentPage ? currentPage.label : ''}\n                            </span>\n                          </div>\n                          <span className=\"dropdown icon\">\n                            <MaterialIcon>keyboard_arrow_down</MaterialIcon>\n                          </span>\n                        </div>\n\n                        <div\n                          className={clsx('ob-steps-navigation__steps', {\n                            'is-active': isStepsHeaderActive,\n                          })}\n                        >\n                          <div className=\"steps is-small is-horizontal-tablet cypress-steps\">\n                            {visiblePages.map(\n                              (page: FormTypes.PageElement, index: number) => {\n                                const hasErrors = checkDisplayPageError(page)\n                                return (\n                                  <div\n                                    key={page.id}\n                                    id={`steps-navigation-step-${page.id}`}\n                                    className={clsx(\n                                      'step-item cypress-step-item',\n                                      {\n                                        'is-active': currentPage.id === page.id,\n                                        'is-completed':\n                                          currentPageIndex > index,\n                                        'is-error': hasErrors,\n                                      },\n                                    )}\n                                    onClick={(e) => {\n                                      e.stopPropagation()\n                                      if (page.id !== currentPage.id) {\n                                        setPageId(page.id)\n                                      }\n                                    }}\n                                  >\n                                    <div\n                                      className=\"step-marker step-marker-error ob-step-marker cypress-step-marker\"\n                                      // @ts-expect-error ???\n                                      name={`cypress-page-stepper-${index + 1}`}\n                                      value={index + 1}\n                                    >\n                                      {hasErrors ? (\n                                        <Tooltip title=\"Page has errors\">\n                                          <span className=\"icon tooltip has-tooltip-top cypress-page-error\">\n                                            <MaterialIcon className=\"has-text-danger is-size-3\">\n                                              warning\n                                            </MaterialIcon>\n                                          </span>\n                                        </Tooltip>\n                                      ) : (\n                                        <span>{index + 1}</span>\n                                      )}\n                                    </div>\n                                    <div className=\"step-details ob-step-details\">\n                                      <p\n                                        className=\"step-title ob-step-title cypress-desktop-step-title\"\n                                        id={`steps-navigation-step-label-${page.id}`}\n                                      >\n                                        {page.label}\n                                      </p>\n                                    </div>\n                                  </div>\n                                )\n                              },\n                            )}\n                          </div>\n                        </div>\n                      </div>\n                    )}\n\n                    <div\n                      className={clsx('ob-steps-navigation__background', {\n                        'is-active': isStepsHeaderActive,\n                      })}\n                      onClick={toggleStepsNavigation}\n                    />\n\n                    <div className=\"steps\">\n                      <div\n                        className={clsx('steps-content', {\n                          'is-single-step': !isShowingMultiplePages,\n                        })}\n                      >\n                        <InjectPagesContext.Provider\n                          value={handlePagesLookupResult}\n                        >\n                          <GoogleMapsApiKeyContext.Provider\n                            value={googleMapsApiKey}\n                          >\n                            <AbnLookupAuthenticationGuidContext.Provider\n                              value={abnLookupAuthenticationGuid}\n                            >\n                              <CaptchaContext.Provider\n                                value={captchaContextValue}\n                              >\n                                <AttachmentBlobsProvider>\n                                  <FormIsReadOnlyContext.Provider\n                                    value={isReadOnly}\n                                  >\n                                    <TaskContext.Provider\n                                      value={taskContextValue}\n                                    >\n                                      <OnUploadAttachmentContext.Provider\n                                        value={onUploadAttachment}\n                                      >\n                                        {visiblePages.map(\n                                          (\n                                            pageElement: FormTypes.PageElement,\n                                          ) => (\n                                            <PageFormElements\n                                              key={pageElement.id}\n                                              isActive={\n                                                pageElement.id ===\n                                                currentPage.id\n                                              }\n                                              formId={definition.id}\n                                              formElementsConditionallyShown={\n                                                formElementsConditionallyShown\n                                              }\n                                              formElementsValidation={\n                                                formElementsValidation\n                                              }\n                                              displayValidationMessages={\n                                                hasAttemptedSubmit ||\n                                                isDisplayingCurrentPageError\n                                              }\n                                              pageElement={pageElement}\n                                              onChange={handleChange}\n                                              model={submission}\n                                              setFormSubmission={\n                                                setFormSubmission\n                                              }\n                                            />\n                                          ),\n                                        )}\n                                      </OnUploadAttachmentContext.Provider>\n                                    </TaskContext.Provider>\n                                  </FormIsReadOnlyContext.Provider>\n                                </AttachmentBlobsProvider>\n                              </CaptchaContext.Provider>\n                            </AbnLookupAuthenticationGuidContext.Provider>\n                          </GoogleMapsApiKeyContext.Provider>\n                        </InjectPagesContext.Provider>\n                      </div>\n\n                      {isShowingMultiplePages && (\n                        <div className=\"steps-actions\">\n                          <div className=\"steps-action\">\n                            <button\n                              type=\"button\"\n                              onClick={goToPreviousPage}\n                              disabled={isFirstVisiblePage}\n                              className=\"button is-light cypress-pages-previous\"\n                            >\n                              <span className=\"icon\">\n                                <MaterialIcon>keyboard_arrow_left</MaterialIcon>\n                              </span>\n                              <span>Back</span>\n                            </button>\n                          </div>\n                          <div className=\"step-progress-mobile cypress-steps-mobile\">\n                            {visiblePages.map(\n                              (page: FormTypes.PageElement, index) => (\n                                <div\n                                  key={page.id}\n                                  className={clsx('step-progress-mobile-dot', {\n                                    'is-active': currentPage.id === page.id,\n                                    'is-completed': currentPageIndex > index,\n                                    'has-background-danger':\n                                      currentPage.id !== page.id &&\n                                      checkDisplayPageError(page),\n                                  })}\n                                />\n                              ),\n                            )}\n                          </div>\n                          <div className=\"steps-action\">\n                            <button\n                              type=\"button\"\n                              onClick={goToNextPage}\n                              disabled={isLastVisiblePage}\n                              className=\"button is-light cypress-pages-next\"\n                            >\n                              <span>Next</span>\n                              <span className=\"icon\">\n                                <MaterialIcon>\n                                  keyboard_arrow_right\n                                </MaterialIcon>\n                              </span>\n                            </button>\n                          </div>\n                        </div>\n                      )}\n                    </div>\n                    {!isReadOnly && (\n                      <div className=\"buttons ob-buttons ob-buttons-submit\">\n                        {onSaveDraft && !isInfoPage && (\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-primary ob-button-save-draft cypress-save-draft-form\"\n                            onClick={() => handleSaveDraft(false)}\n                            disabled={isPreview || disabled}\n                          >\n                            <CustomisableButtonInner\n                              label={buttons?.saveDraft?.label || 'Save Draft'}\n                              icon={buttons?.saveDraft?.icon}\n                            />\n                          </button>\n                        )}\n                        <span className=\"ob-buttons-submit__spacer\"></span>\n                        {!isInfoPage && (\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-light ob-button-submit-cancel cypress-cancel-form\"\n                            onClick={handleCancel}\n                            disabled={isPreview || disabled}\n                          >\n                            <CustomisableButtonInner\n                              label={buttons?.cancel?.label || 'Cancel'}\n                              icon={buttons?.cancel?.icon}\n                            />\n                          </button>\n                        )}\n                        {isLastVisiblePage && (\n                          <Tooltip\n                            title={\n                              submissionConditionallyEnabled\n                                ? ''\n                                : 'Submission disabled: Your inputs have not met the criteria for submission'\n                            }\n                          >\n                            <button\n                              type=\"submit\"\n                              className={clsx(\n                                'button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form',\n                                { 'is-loading': isPreparingToSubmit },\n                                {\n                                  'ob-button-submit-is-disabled':\n                                    submissionConditionallyEnabled,\n                                },\n                              )}\n                              disabled={\n                                isPreview ||\n                                disabled ||\n                                isPreparingToSubmit ||\n                                !submissionConditionallyEnabled\n                              }\n                            >\n                              <CustomisableButtonInner\n                                label={\n                                  isInfoPage\n                                    ? 'Done'\n                                    : buttons?.submit?.label || 'Submit'\n                                }\n                                icon={buttons?.submit?.icon}\n                              />\n                            </button>\n                          </Tooltip>\n                        )}\n                      </div>\n                    )}\n                  </div>\n                </form>\n\n                {!isReadOnly && !isPreview && (\n                  <React.Fragment>\n                    <Prompt\n                      when={isDirty && !isNavigationAllowed}\n                      message={handleBlockedNavigation}\n                    />\n                    <Modal\n                      isOpen={hasConfirmedNavigation === false}\n                      title=\"Unsaved Changes\"\n                      cardClassName=\"cypress-cancel-confirm\"\n                      titleClassName=\"cypress-cancel-confirm-title\"\n                      bodyClassName=\"cypress-cancel-confirm-body\"\n                      actions={\n                        <>\n                          {onSaveDraft && (\n                            <button\n                              type=\"button\"\n                              className=\"button ob-button is-success cypress-cancel-confirm-save-draft\"\n                              onClick={() => handleSaveDraft(false)}\n                            >\n                              <CustomisableButtonInner\n                                label={\n                                  buttons?.saveDraft?.label || 'Save Draft'\n                                }\n                                icon={buttons?.saveDraft?.icon}\n                              />\n                            </button>\n                          )}\n                          <span style={{ flex: 1 }}></span>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-light cypress-cancel-confirm-back\"\n                            onClick={handleKeepGoing}\n                          >\n                            <CustomisableButtonInner\n                              label={buttons?.cancelPromptNo?.label || 'Back'}\n                              icon={buttons?.cancelPromptNo?.icon}\n                            />\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-primary cypress-cancel-confirm-discard\"\n                            onClick={handleDiscardUnsavedChanges}\n                            autoFocus\n                          >\n                            <CustomisableButtonInner\n                              label={\n                                buttons?.cancelPromptYes?.label || 'Discard'\n                              }\n                              icon={buttons?.cancelPromptYes?.icon}\n                            />\n                          </button>\n                        </>\n                      }\n                    >\n                      <p>\n                        You have unsaved changes, are you sure you want discard\n                        them?\n                      </p>\n                    </Modal>\n                    <Modal\n                      isOpen={promptUploadingAttachments === true}\n                      title=\"Attachment upload in progress\"\n                      cardClassName=\"cypress-attachments-wait-continue\"\n                      titleClassName=\"cypress-attachments-confirm-wait-title\"\n                      bodyClassName=\"cypress-attachments-confirm-wait-body\"\n                      actions={\n                        <>\n                          <span style={{ flex: 1 }}></span>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-light cypress-attachments-confirm-wait\"\n                            onClick={handleWaitForAttachments}\n                          >\n                            Wait\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"button ob-button is-primary cypress-attachments-confirm-continue\"\n                            onClick={handleContinueWithAttachments}\n                            autoFocus\n                          >\n                            Continue\n                          </button>\n                        </>\n                      }\n                    >\n                      <p>\n                        Your attachments are still uploading, do you want to\n                        wait for the uploads to complete or continue using the\n                        app? If you click continue the attachments will upload\n                        in the background. Do not close the app until the upload\n                        has been completed.\n                      </p>\n                    </Modal>\n\n                    <Modal\n                      isOpen={promptOfflineSubmissionAttempt}\n                      title=\"It looks like you're Offline\"\n                      className=\"ob-modal__offline-submission-attempt\"\n                      cardClassName=\"cypress-submission-offline has-text-centered\"\n                      titleClassName=\"cypress-offline-title\"\n                      bodyClassName=\"cypress-offline-body\"\n                      actions={\n                        <>\n                          {onSaveDraft && (\n                            <button\n                              type=\"button\"\n                              className=\"button ob-button ob-button__offline-submission-attempt-save-draft is-success\"\n                              onClick={() => handleSaveDraft(false)}\n                            >\n                              <CustomisableButtonInner\n                                label={\n                                  buttons?.saveDraft?.label || 'Save Draft'\n                                }\n                                icon={buttons?.saveDraft?.icon}\n                              />\n                            </button>\n                          )}\n                          <span style={{ flex: 1 }}></span>\n                          <button\n                            className=\"button ob-button ob-button__offline-submission-attempt-cancel is-light\"\n                            onClick={() =>\n                              setPromptOfflineSubmissionAttempt(false)\n                            }\n                          >\n                            Cancel\n                          </button>\n                          <button\n                            className=\"button ob-button ob-button__offline-submission-attempt-try-again is-primary\"\n                            onClick={(e) => {\n                              setPromptOfflineSubmissionAttempt(false)\n                              handleSubmit(e, false)\n                            }}\n                            autoFocus\n                          >\n                            Try Again\n                          </button>\n                        </>\n                      }\n                    >\n                      <p className=\"ob-modal__offline-submission-attempt-message\">\n                        You cannot submit this form while offline, please try\n                        again when connectivity is restored.\n                        {onSaveDraft && (\n                          <span className=\"ob-modal__offline-submission-attempt-save-draft-message\">\n                            {' '}\n                            Alternatively, click the{' '}\n                            <b>\n                              {buttons?.saveDraft?.label || 'Save Draft'}\n                            </b>{' '}\n                            button below to come back to this later.\n                          </span>\n                        )}\n                      </p>\n                      <MaterialIcon className=\"has-text-warning icon-x-large ob-modal__offline-submission-attempt-icon\">\n                        wifi_off\n                      </MaterialIcon>\n                    </Modal>\n                  </React.Fragment>\n                )}\n                {shouldUseNavigableValidationErrorsNotification &&\n                  !!formElementsValidation &&\n                  hasAttemptedSubmit && (\n                    <ValidationErrorsCard\n                      formElementsValidation={formElementsValidation}\n                      setPageId={setPageId}\n                      currentPage={currentPage}\n                      navigationTopOffset={\n                        navigableValidationErrorsNotificationSettings?.navigationTopOffset ??\n                        0\n                      }\n                      scrollableContainerId={\n                        navigableValidationErrorsNotificationSettings?.scrollableContainerId\n                      }\n                    />\n                  )}\n              </div>\n            </OneBlinkFormContainerContext.Provider>\n          </FormElementLookupsContextProvider>\n        </FormElementOptionsContextProvider>\n      </FormDefinitionContext.Provider>\n    </ThemeProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormBase)\n"]}

package/dist/components/ValidationErrorsCard.d.ts

@@ -2,10 +2,11 @@ import * as React from 'react';
 import { FormElementsValidation } from '../types/form';
 import { FormTypes } from '@oneblink/types';
 import usePages from '../hooks/usePages';
-declare const _default: React.MemoExoticComponent<({ formElementsValidation, currentPage, setPageId, navigationTopOffset, }: {
+declare const _default: React.MemoExoticComponent<({ formElementsValidation, currentPage, setPageId, navigationTopOffset, scrollableContainerId, }: {
     formElementsValidation: FormElementsValidation | undefined;
     currentPage: FormTypes.PageElement;
     setPageId: ReturnType<typeof usePages>["setPageId"];
     navigationTopOffset: number;
+    scrollableContainerId?: string;
 }) => React.JSX.Element>;
 export default _default;

package/dist/components/ValidationErrorsCard.js

@@ -98,7 +98,7 @@ const getValidationErrors = ({ formElementsValidation, elements, page, idPrefix,
         return memo;
     }, []);
 };
-const ValidationErrorsCard = ({ formElementsValidation, currentPage, setPageId, navigationTopOffset, }) => {
+const ValidationErrorsCard = ({ formElementsValidation, currentPage, setPageId, navigationTopOffset, scrollableContainerId, }) => {
     const [isExpanded, expand, contract] = useBooleanState(false);
     const form = useFormDefinition();
     const pagesWithValidationErrors = React.useMemo(() => {
@@ -171,7 +171,11 @@ const ValidationErrorsCard = ({ formElementsValidation, currentPage, setPageId,
                                         if (page && page.id !== currentPage.id) {
                                             setPageId(page.id);
                                         }
-                                        scrollToElement({ id, navigationTopOffset });
+                                        scrollToElement({
+                                            id,
+                                            navigationTopOffset,
+                                            scrollableContainerId,
+                                        });
                                     } },
                                     React.createElement("div", { className: "ob-validation-notification-card-item-text" },
                                         React.createElement("p", null, label),

package/dist/components/ValidationErrorsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationErrorsCard.js","sourceRoot":"","sources":["../../src/components/ValidationErrorsCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconButton, Collapse, Tooltip } from '@mui/material'\nimport * as React from 'react'\nimport MaterialIcon from './MaterialIcon'\nimport { FormElementsValidation } from '../types/form'\nimport useBooleanState from '../hooks/useBooleanState'\nimport clsx from 'clsx'\nimport useFormDefinition from '../hooks/useFormDefinition'\nimport { FormTypes } from '@oneblink/types'\nimport usePages from '../hooks/usePages'\nimport ElementDOMId from '../utils/elementDOMIds'\nimport scrollToElement from '../utils/scrollToElement'\n\nconst NO_PAGE_KEY = 'NO_PAGE'\ntype ValidationErrorMetaData = {\n  id: string\n  label: string\n  page?: {\n    label: string\n    id: string\n  }\n  errorMessage: string\n}\nconst getValidationErrors = ({\n  formElementsValidation,\n  elements,\n  page,\n  idPrefix,\n}: {\n  formElementsValidation: FormElementsValidation\n  elements: FormTypes.FormElement[]\n  page?: ValidationErrorMetaData['page']\n  idPrefix: string\n}) => {\n  return elements.reduce<Array<ValidationErrorMetaData>>((memo, el) => {\n    switch (el.type) {\n      case 'page': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page: el,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'section': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'repeatableSet': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'repeatableSet'\n        ) {\n          const elementDOMId = new ElementDOMId({\n            element: el,\n            idPrefix,\n          })\n          if (validationData.set) {\n            memo.push({\n              id: elementDOMId.elementContainerDOMId,\n              errorMessage: validationData.set,\n              label: el.label,\n              page,\n            })\n          }\n          for (const [key, entry] of Object.entries(validationData.entries)) {\n            if (!entry) continue\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: entry,\n                elements: el.elements,\n                page,\n                idPrefix: elementDOMId.repeatableSetEntryDOMIdPrefix(key),\n              }),\n            )\n          }\n        }\n        break\n      }\n      case 'infoPage':\n      case 'form': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'formElements'\n        ) {\n          if (validationData.formElements && el.elements) {\n            const elementDOMId = new ElementDOMId({\n              element: el,\n              idPrefix,\n            })\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: validationData.formElements,\n                elements: el.elements,\n                page,\n                idPrefix: elementDOMId.subFormDOMIdPrefix,\n              }),\n            )\n          }\n        }\n        break\n      }\n      default: {\n        const validationMessage = formElementsValidation[el.name]\n        if (typeof validationMessage === 'string') {\n          const elementDOMId = new ElementDOMId({\n            element: el,\n            idPrefix,\n          })\n          memo.push({\n            id: elementDOMId.elementContainerDOMId,\n            label: el.label,\n            page,\n            errorMessage: validationMessage,\n          })\n        }\n      }\n    }\n    return memo\n  }, [])\n}\n\nconst ValidationErrorsCard = ({\n  formElementsValidation,\n  currentPage,\n  setPageId,\n  navigationTopOffset,\n}: {\n  formElementsValidation: FormElementsValidation | undefined\n  currentPage: FormTypes.PageElement\n  setPageId: ReturnType<typeof usePages>['setPageId']\n  navigationTopOffset: number\n}) => {\n  const [isExpanded, expand, contract] = useBooleanState(false)\n\n  const form = useFormDefinition()\n\n  const pagesWithValidationErrors = React.useMemo(() => {\n    if (!formElementsValidation) return []\n    const flatErrors = getValidationErrors({\n      formElementsValidation,\n      elements: form.elements,\n      idPrefix: '',\n    })\n\n    // Organise into pages\n    const pages = new Map<\n      string,\n      {\n        page: ValidationErrorMetaData['page']\n        errors: ValidationErrorMetaData[]\n      }\n    >()\n    for (const error of flatErrors) {\n      if (error.page) {\n        // If error belongs to a page\n        const existingSetEntry = pages.get(error.page.id)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        const page = error.page\n\n        pages.set(page.id, {\n          page,\n          errors,\n        })\n      } else {\n        // No page associated with error\n        const existingSetEntry = pages.get(NO_PAGE_KEY)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        pages.set(NO_PAGE_KEY, {\n          page: undefined,\n          errors,\n        })\n      }\n    }\n    return Array.from(pages.values())\n  }, [form.elements, formElementsValidation])\n\n  return (\n    <div className=\"ob-validation-notification-wrapper\">\n      <div\n        className={clsx(\n          'ob-validation-notification-card cypress-invalid-submit-attempt',\n          {\n            'is-clickable': !isExpanded,\n            'is-contracted': !isExpanded,\n            'is-expanded': isExpanded,\n          },\n        )}\n        onClick={!isExpanded ? expand : undefined}\n      >\n        <div className=\"ob-validation-notification-card-content\">\n          <div className=\"ob-validation-notification-card-header-wrapper\">\n            <div className=\"ob-validation-notification-card-header-title-wrapper\">\n              <MaterialIcon\n                className={clsx(\n                  'ob-validation-notification-card-header-title-icon ob-validation-color-transition',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                error\n              </MaterialIcon>\n              <p\n                className={clsx(\n                  'ob-validation-color-transition ob-validation-notification-card-header-title-text',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                Validation Errors\n              </p>\n            </div>\n            <div className=\"ob-validation-notification-card-header-collapse-icon-wrapper\">\n              {isExpanded ? (\n                <IconButton onClick={contract}>\n                  <MaterialIcon className=\"icon-small\">\n                    expand_more\n                  </MaterialIcon>\n                </IconButton>\n              ) : (\n                <IconButton>\n                  <MaterialIcon className=\"icon-small has-text-white\">\n                    expand_less\n                  </MaterialIcon>\n                </IconButton>\n              )}\n            </div>\n          </div>\n          <div className=\"ob-validation-notification-card-collapse-wrapper\">\n            <Collapse in={isExpanded}>\n              {pagesWithValidationErrors.map(({ page, errors }, pageIndex) => {\n                const isNotFirstPage = pageIndex > 0\n                return (\n                  <React.Fragment key={pageIndex}>\n                    {page && (\n                      <p\n                        className={clsx(\n                          'ob-validation-notification-card-page-label ob-validation-color-transition',\n                          {\n                            'is-not-first': isNotFirstPage,\n                          },\n                        )}\n                      >\n                        {page.label}\n                      </p>\n                    )}\n                    <div className=\"ob-list has-dividers has-borders ob-validation-notification-card-list ob-validation-color-transition\">\n                      {errors.map(\n                        ({ errorMessage, label, id }, index, list) => {\n                          const isFirst = index === 0\n                          const isLast = index === list.length - 1\n                          return (\n                            <div\n                              key={index}\n                              className={clsx(\n                                'ob-list__item is-clickable ob-validation-notification-card-item',\n                                {\n                                  'is-first': isFirst,\n                                  'is-last': isLast,\n                                },\n                              )}\n                              onClick={() => {\n                                if (page && page.id !== currentPage.id) {\n                                  setPageId(page.id)\n                                }\n\n                                scrollToElement({ id, navigationTopOffset })\n                              }}\n                            >\n                              <div className=\"ob-validation-notification-card-item-text\">\n                                <p>{label}</p>\n                                <Tooltip\n                                  title={errorMessage}\n                                  placement=\"left\"\n                                  arrow\n                                >\n                                  <p className=\"ob-validation-notification-card-item-text-error-message has-text-danger\">\n                                    {errorMessage}\n                                  </p>\n                                </Tooltip>\n                              </div>\n                              <MaterialIcon className=\"has-text-grey icon-small ob-validation-notification-card-item-icon\">\n                                chevron_right\n                              </MaterialIcon>\n                            </div>\n                          )\n                        },\n                      )}\n                    </div>\n                  </React.Fragment>\n                )\n              })}\n            </Collapse>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ValidationErrorsCard)\n"]}
+{"version":3,"file":"ValidationErrorsCard.js","sourceRoot":"","sources":["../../src/components/ValidationErrorsCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconButton, Collapse, Tooltip } from '@mui/material'\nimport * as React from 'react'\nimport MaterialIcon from './MaterialIcon'\nimport { FormElementsValidation } from '../types/form'\nimport useBooleanState from '../hooks/useBooleanState'\nimport clsx from 'clsx'\nimport useFormDefinition from '../hooks/useFormDefinition'\nimport { FormTypes } from '@oneblink/types'\nimport usePages from '../hooks/usePages'\nimport ElementDOMId from '../utils/elementDOMIds'\nimport scrollToElement from '../utils/scrollToElement'\n\nconst NO_PAGE_KEY = 'NO_PAGE'\ntype ValidationErrorMetaData = {\n  id: string\n  label: string\n  page?: {\n    label: string\n    id: string\n  }\n  errorMessage: string\n}\nconst getValidationErrors = ({\n  formElementsValidation,\n  elements,\n  page,\n  idPrefix,\n}: {\n  formElementsValidation: FormElementsValidation\n  elements: FormTypes.FormElement[]\n  page?: ValidationErrorMetaData['page']\n  idPrefix: string\n}) => {\n  return elements.reduce<Array<ValidationErrorMetaData>>((memo, el) => {\n    switch (el.type) {\n      case 'page': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page: el,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'section': {\n        memo.push(\n          ...getValidationErrors({\n            formElementsValidation,\n            elements: el.elements,\n            page,\n            idPrefix,\n          }),\n        )\n        break\n      }\n      case 'repeatableSet': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'repeatableSet'\n        ) {\n          const elementDOMId = new ElementDOMId({\n            element: el,\n            idPrefix,\n          })\n          if (validationData.set) {\n            memo.push({\n              id: elementDOMId.elementContainerDOMId,\n              errorMessage: validationData.set,\n              label: el.label,\n              page,\n            })\n          }\n          for (const [key, entry] of Object.entries(validationData.entries)) {\n            if (!entry) continue\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: entry,\n                elements: el.elements,\n                page,\n                idPrefix: elementDOMId.repeatableSetEntryDOMIdPrefix(key),\n              }),\n            )\n          }\n        }\n        break\n      }\n      case 'infoPage':\n      case 'form': {\n        const validationData = formElementsValidation[el.name]\n        if (\n          !!validationData &&\n          typeof validationData !== 'string' &&\n          validationData.type === 'formElements'\n        ) {\n          if (validationData.formElements && el.elements) {\n            const elementDOMId = new ElementDOMId({\n              element: el,\n              idPrefix,\n            })\n            memo.push(\n              ...getValidationErrors({\n                formElementsValidation: validationData.formElements,\n                elements: el.elements,\n                page,\n                idPrefix: elementDOMId.subFormDOMIdPrefix,\n              }),\n            )\n          }\n        }\n        break\n      }\n      default: {\n        const validationMessage = formElementsValidation[el.name]\n        if (typeof validationMessage === 'string') {\n          const elementDOMId = new ElementDOMId({\n            element: el,\n            idPrefix,\n          })\n          memo.push({\n            id: elementDOMId.elementContainerDOMId,\n            label: el.label,\n            page,\n            errorMessage: validationMessage,\n          })\n        }\n      }\n    }\n    return memo\n  }, [])\n}\n\nconst ValidationErrorsCard = ({\n  formElementsValidation,\n  currentPage,\n  setPageId,\n  navigationTopOffset,\n  scrollableContainerId,\n}: {\n  formElementsValidation: FormElementsValidation | undefined\n  currentPage: FormTypes.PageElement\n  setPageId: ReturnType<typeof usePages>['setPageId']\n  navigationTopOffset: number\n  scrollableContainerId?: string\n}) => {\n  const [isExpanded, expand, contract] = useBooleanState(false)\n\n  const form = useFormDefinition()\n\n  const pagesWithValidationErrors = React.useMemo(() => {\n    if (!formElementsValidation) return []\n    const flatErrors = getValidationErrors({\n      formElementsValidation,\n      elements: form.elements,\n      idPrefix: '',\n    })\n\n    // Organise into pages\n    const pages = new Map<\n      string,\n      {\n        page: ValidationErrorMetaData['page']\n        errors: ValidationErrorMetaData[]\n      }\n    >()\n    for (const error of flatErrors) {\n      if (error.page) {\n        // If error belongs to a page\n        const existingSetEntry = pages.get(error.page.id)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        const page = error.page\n\n        pages.set(page.id, {\n          page,\n          errors,\n        })\n      } else {\n        // No page associated with error\n        const existingSetEntry = pages.get(NO_PAGE_KEY)\n        const errors = [...(existingSetEntry?.errors || []), error]\n        pages.set(NO_PAGE_KEY, {\n          page: undefined,\n          errors,\n        })\n      }\n    }\n    return Array.from(pages.values())\n  }, [form.elements, formElementsValidation])\n\n  return (\n    <div className=\"ob-validation-notification-wrapper\">\n      <div\n        className={clsx(\n          'ob-validation-notification-card cypress-invalid-submit-attempt',\n          {\n            'is-clickable': !isExpanded,\n            'is-contracted': !isExpanded,\n            'is-expanded': isExpanded,\n          },\n        )}\n        onClick={!isExpanded ? expand : undefined}\n      >\n        <div className=\"ob-validation-notification-card-content\">\n          <div className=\"ob-validation-notification-card-header-wrapper\">\n            <div className=\"ob-validation-notification-card-header-title-wrapper\">\n              <MaterialIcon\n                className={clsx(\n                  'ob-validation-notification-card-header-title-icon ob-validation-color-transition',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                error\n              </MaterialIcon>\n              <p\n                className={clsx(\n                  'ob-validation-color-transition ob-validation-notification-card-header-title-text',\n                  {\n                    'has-text-danger': isExpanded,\n                    'has-text-white': !isExpanded,\n                  },\n                )}\n              >\n                Validation Errors\n              </p>\n            </div>\n            <div className=\"ob-validation-notification-card-header-collapse-icon-wrapper\">\n              {isExpanded ? (\n                <IconButton onClick={contract}>\n                  <MaterialIcon className=\"icon-small\">\n                    expand_more\n                  </MaterialIcon>\n                </IconButton>\n              ) : (\n                <IconButton>\n                  <MaterialIcon className=\"icon-small has-text-white\">\n                    expand_less\n                  </MaterialIcon>\n                </IconButton>\n              )}\n            </div>\n          </div>\n          <div className=\"ob-validation-notification-card-collapse-wrapper\">\n            <Collapse in={isExpanded}>\n              {pagesWithValidationErrors.map(({ page, errors }, pageIndex) => {\n                const isNotFirstPage = pageIndex > 0\n                return (\n                  <React.Fragment key={pageIndex}>\n                    {page && (\n                      <p\n                        className={clsx(\n                          'ob-validation-notification-card-page-label ob-validation-color-transition',\n                          {\n                            'is-not-first': isNotFirstPage,\n                          },\n                        )}\n                      >\n                        {page.label}\n                      </p>\n                    )}\n                    <div className=\"ob-list has-dividers has-borders ob-validation-notification-card-list ob-validation-color-transition\">\n                      {errors.map(\n                        ({ errorMessage, label, id }, index, list) => {\n                          const isFirst = index === 0\n                          const isLast = index === list.length - 1\n                          return (\n                            <div\n                              key={index}\n                              className={clsx(\n                                'ob-list__item is-clickable ob-validation-notification-card-item',\n                                {\n                                  'is-first': isFirst,\n                                  'is-last': isLast,\n                                },\n                              )}\n                              onClick={() => {\n                                if (page && page.id !== currentPage.id) {\n                                  setPageId(page.id)\n                                }\n\n                                scrollToElement({\n                                  id,\n                                  navigationTopOffset,\n                                  scrollableContainerId,\n                                })\n                              }}\n                            >\n                              <div className=\"ob-validation-notification-card-item-text\">\n                                <p>{label}</p>\n                                <Tooltip\n                                  title={errorMessage}\n                                  placement=\"left\"\n                                  arrow\n                                >\n                                  <p className=\"ob-validation-notification-card-item-text-error-message has-text-danger\">\n                                    {errorMessage}\n                                  </p>\n                                </Tooltip>\n                              </div>\n                              <MaterialIcon className=\"has-text-grey icon-small ob-validation-notification-card-item-icon\">\n                                chevron_right\n                              </MaterialIcon>\n                            </div>\n                          )\n                        },\n                      )}\n                    </div>\n                  </React.Fragment>\n                )\n              })}\n            </Collapse>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ValidationErrorsCard)\n"]}

package/dist/utils/scrollToElement.d.ts

@@ -1,6 +1,7 @@
-declare const scrollToElement: ({ id, navigationTopOffset, }: {
+declare const scrollToElement: ({ id, navigationTopOffset, scrollableContainerId, }: {
     id: string;
     /** We allow an offset to cater for any headers */
     navigationTopOffset: number;
+    scrollableContainerId?: string;
 }) => void;
 export default scrollToElement;

package/dist/utils/scrollToElement.js

@@ -9,31 +9,49 @@
  *   ancestor element, or undefined if none is found.
  */
 const findScrollPointOfVisibleAncestorElement = (element) => {
-    var _a;
     const isVisible = element.checkVisibility();
     if (!isVisible) {
         const OBHiddenElement = element.closest('.is-hidden');
-        if (OBHiddenElement) {
+        if (OBHiddenElement && OBHiddenElement instanceof HTMLElement) {
+            const parentOfHiddenElement = OBHiddenElement.parentElement;
+            if (!parentOfHiddenElement ||
+                !(parentOfHiddenElement instanceof HTMLElement)) {
+                return;
+            }
             // In the case of a hidden ancestor element we will navigate to the bottom of the previous visible sibling.
-            const parentIsVisible = (_a = OBHiddenElement.parentElement) === null || _a === void 0 ? void 0 : _a.checkVisibility();
+            const parentIsVisible = parentOfHiddenElement.checkVisibility();
             if (!parentIsVisible) {
+                if (OBHiddenElement.id === element.id) {
+                    // If the hidden element was not an ancestor, but instead the current element,
+                    // we need to go recursive with the parent instead of the same element
+                    return findScrollPointOfVisibleAncestorElement(OBHiddenElement.parentElement);
+                }
                 return findScrollPointOfVisibleAncestorElement(OBHiddenElement);
             }
             let previousSibling = OBHiddenElement.previousElementSibling;
-            while (previousSibling) {
+            while (previousSibling && previousSibling instanceof HTMLElement) {
                 if (previousSibling.checkVisibility()) {
                     // Have to reasign for TS, because it does not recognise the typeguard in the `while` inside the callback function
                     const sib = previousSibling;
-                    return () => sib.getBoundingClientRect().bottom;
+                    return (scrollableContainerId) => {
+                        if (scrollableContainerId) {
+                            return sib.offsetTop + sib.clientHeight;
+                        }
+                        return sib.getBoundingClientRect().bottom;
+                    };
                 }
                 previousSibling = previousSibling.previousElementSibling;
             }
+            // Revert to parent if no sibling is visible
+            if (OBHiddenElement.parentElement instanceof HTMLElement) {
+                return findScrollPointOfVisibleAncestorElement(OBHiddenElement.parentElement);
+            }
         }
         // Collapsed section ancestor
         const ancestorCollapsedSection = element.closest('.ob-section__collapsed');
         if (ancestorCollapsedSection) {
             const ancestorSectionRoot = ancestorCollapsedSection.closest('.ob-section');
-            return ancestorSectionRoot
+            return ancestorSectionRoot && ancestorSectionRoot instanceof HTMLElement
                 ? findScrollPointOfVisibleAncestorElement(ancestorSectionRoot)
                 : undefined;
         }
@@ -41,22 +59,59 @@ const findScrollPointOfVisibleAncestorElement = (element) => {
         return;
     }
     else {
-        return () => element.getBoundingClientRect().top;
+        return (scrollableContainerId) => {
+            if (scrollableContainerId) {
+                let top = 0;
+                let el = element;
+                while (el) {
+                    const offsetParent = el.offsetParent;
+                    if (offsetParent instanceof HTMLElement) {
+                        const offsetParentIsInsideScrollableContainer = offsetParent.closest(`#${scrollableContainerId}`);
+                        // Only process the offset of the current element if the offset parent
+                        // (offsetTop is derived from distance between element and top of `offsetParent)
+                        // is inside the scrollable container (or is the scrollable container).
+                        if (offsetParentIsInsideScrollableContainer) {
+                            top += el.offsetTop;
+                            el = offsetParent;
+                            continue;
+                        }
+                    }
+                    el = null;
+                }
+                return top;
+            }
+            return element.getBoundingClientRect().top;
+        };
     }
 };
-const scrollToElement = ({ id, navigationTopOffset, }) => {
+const scrollToElement = ({ id, navigationTopOffset, scrollableContainerId, }) => {
     const element = document.getElementById(id);
     if (element) {
         const getScrollPoint = findScrollPointOfVisibleAncestorElement(element);
         if (getScrollPoint) {
             window.requestAnimationFrame(() => {
-                window.scrollTo({
-                    top: getScrollPoint() +
-                        window.scrollY -
-                        // We allow an offset to cater for any headers
-                        navigationTopOffset,
-                    behavior: 'smooth',
-                });
+                var _a, _b;
+                if (scrollableContainerId) {
+                    const scrollContainer = document.getElementById(scrollableContainerId);
+                    // Account for any top padding on the scrollable container
+                    const topPadding = parseFloat((_b = (_a = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.computedStyleMap().get('padding-top')) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '');
+                    scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTo({
+                        top: getScrollPoint(scrollableContainerId) +
+                            topPadding -
+                            // We allow an offset to cater for any headers
+                            navigationTopOffset,
+                        behavior: 'smooth',
+                    });
+                }
+                else {
+                    window.scrollTo({
+                        top: getScrollPoint() +
+                            window.scrollY -
+                            // We allow an offset to cater for any headers
+                            navigationTopOffset,
+                        behavior: 'smooth',
+                    });
+                }
             });
         }
     }

package/dist/utils/scrollToElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollToElement.js","sourceRoot":"","sources":["../../src/utils/scrollToElement.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,uCAAuC,GAAG,CAC9C,OAAgB,EACY,EAAE;;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,eAAe,EAAE,CAAA;IAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;QAErD,IAAI,eAAe,EAAE,CAAC;YACpB,2GAA2G;YAC3G,MAAM,eAAe,GAAG,MAAA,eAAe,CAAC,aAAa,0CAAE,eAAe,EAAE,CAAA;YACxE,IAAI,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO,uCAAuC,CAAC,eAAe,CAAC,CAAA;YACjE,CAAC;YACD,IAAI,eAAe,GAAG,eAAe,CAAC,sBAAsB,CAAA;YAC5D,OAAO,eAAe,EAAE,CAAC;gBACvB,IAAI,eAAe,CAAC,eAAe,EAAE,EAAE,CAAC;oBACtC,kHAAkH;oBAClH,MAAM,GAAG,GAAG,eAAe,CAAA;oBAC3B,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAA;gBACjD,CAAC;gBACD,eAAe,GAAG,eAAe,CAAC,sBAAsB,CAAA;YAC1D,CAAC;QACH,CAAC;QAED,6BAA6B;QAC7B,MAAM,wBAAwB,GAAG,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAA;QAC1E,IAAI,wBAAwB,EAAE,CAAC;YAC7B,MAAM,mBAAmB,GACvB,wBAAwB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;YACjD,OAAO,mBAAmB;gBACxB,CAAC,CAAC,uCAAuC,CAAC,mBAAmB,CAAC;gBAC9D,CAAC,CAAC,SAAS,CAAA;QACf,CAAC;QAED,oCAAoC;QACpC,OAAM;IACR,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAA;IAClD,CAAC;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,mBAAmB,GAKpB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;IAE3C,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,cAAc,GAAG,uCAAuC,CAAC,OAAO,CAAC,CAAA;QACvE,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAChC,MAAM,CAAC,QAAQ,CAAC;oBACd,GAAG,EACD,cAAc,EAAE;wBAChB,MAAM,CAAC,OAAO;wBACd,8CAA8C;wBAC9C,mBAAmB;oBACrB,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA","sourcesContent":["/**\n * Recursively traverses ancestors to find the first visible ancestor element\n * and allow getting its scroll point. It handles the case of ancestor elements\n * being hidden by `ob-hidden` or an ancestor section being collapsed.\n *\n * @param element - The element for which to find its first visible ancestor or\n *   ancestor sibling.\n * @returns A callback that returns the scroll point of the first visible\n *   ancestor element, or undefined if none is found.\n */\nconst findScrollPointOfVisibleAncestorElement = (\n  element: Element,\n): (() => number) | undefined => {\n  const isVisible = element.checkVisibility()\n  if (!isVisible) {\n    const OBHiddenElement = element.closest('.is-hidden')\n\n    if (OBHiddenElement) {\n      // In the case of a hidden ancestor element we will navigate to the bottom of the previous visible sibling.\n      const parentIsVisible = OBHiddenElement.parentElement?.checkVisibility()\n      if (!parentIsVisible) {\n        return findScrollPointOfVisibleAncestorElement(OBHiddenElement)\n      }\n      let previousSibling = OBHiddenElement.previousElementSibling\n      while (previousSibling) {\n        if (previousSibling.checkVisibility()) {\n          // Have to reasign for TS, because it does not recognise the typeguard in the `while` inside the callback function\n          const sib = previousSibling\n          return () => sib.getBoundingClientRect().bottom\n        }\n        previousSibling = previousSibling.previousElementSibling\n      }\n    }\n\n    // Collapsed section ancestor\n    const ancestorCollapsedSection = element.closest('.ob-section__collapsed')\n    if (ancestorCollapsedSection) {\n      const ancestorSectionRoot =\n        ancestorCollapsedSection.closest('.ob-section')\n      return ancestorSectionRoot\n        ? findScrollPointOfVisibleAncestorElement(ancestorSectionRoot)\n        : undefined\n    }\n\n    // Not visible for some other reason\n    return\n  } else {\n    return () => element.getBoundingClientRect().top\n  }\n}\n\nconst scrollToElement = ({\n  id,\n  navigationTopOffset,\n}: {\n  id: string\n  /** We allow an offset to cater for any headers */\n  navigationTopOffset: number\n}) => {\n  const element = document.getElementById(id)\n\n  if (element) {\n    const getScrollPoint = findScrollPointOfVisibleAncestorElement(element)\n    if (getScrollPoint) {\n      window.requestAnimationFrame(() => {\n        window.scrollTo({\n          top:\n            getScrollPoint() +\n            window.scrollY -\n            // We allow an offset to cater for any headers\n            navigationTopOffset,\n          behavior: 'smooth',\n        })\n      })\n    }\n  }\n}\n\nexport default scrollToElement\n"]}
+{"version":3,"file":"scrollToElement.js","sourceRoot":"","sources":["../../src/utils/scrollToElement.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Recursively traverses ancestors to find the first visible ancestor element\n * and allow getting its scroll point. It handles the case of ancestor elements\n * being hidden by `ob-hidden` or an ancestor section being collapsed.\n *\n * @param element - The element for which to find its first visible ancestor or\n *   ancestor sibling.\n * @returns A callback that returns the scroll point of the first visible\n *   ancestor element, or undefined if none is found.\n */\nconst findScrollPointOfVisibleAncestorElement = (\n  element: HTMLElement,\n): ((scrollableContainerId?: string) => number) | undefined => {\n  const isVisible = element.checkVisibility()\n  if (!isVisible) {\n    const OBHiddenElement = element.closest('.is-hidden')\n    if (OBHiddenElement && OBHiddenElement instanceof HTMLElement) {\n      const parentOfHiddenElement = OBHiddenElement.parentElement\n      if (\n        !parentOfHiddenElement ||\n        !(parentOfHiddenElement instanceof HTMLElement)\n      ) {\n        return\n      }\n      // In the case of a hidden ancestor element we will navigate to the bottom of the previous visible sibling.\n      const parentIsVisible = parentOfHiddenElement.checkVisibility()\n      if (!parentIsVisible) {\n        if (OBHiddenElement.id === element.id) {\n          // If the hidden element was not an ancestor, but instead the current element,\n          // we need to go recursive with the parent instead of the same element\n          return findScrollPointOfVisibleAncestorElement(\n            OBHiddenElement.parentElement,\n          )\n        }\n        return findScrollPointOfVisibleAncestorElement(OBHiddenElement)\n      }\n      let previousSibling = OBHiddenElement.previousElementSibling\n      while (previousSibling && previousSibling instanceof HTMLElement) {\n        if (previousSibling.checkVisibility()) {\n          // Have to reasign for TS, because it does not recognise the typeguard in the `while` inside the callback function\n          const sib = previousSibling\n          return (scrollableContainerId?: string) => {\n            if (scrollableContainerId) {\n              return sib.offsetTop + sib.clientHeight\n            }\n            return sib.getBoundingClientRect().bottom\n          }\n        }\n        previousSibling = previousSibling.previousElementSibling\n      }\n      // Revert to parent if no sibling is visible\n      if (OBHiddenElement.parentElement instanceof HTMLElement) {\n        return findScrollPointOfVisibleAncestorElement(\n          OBHiddenElement.parentElement,\n        )\n      }\n    }\n\n    // Collapsed section ancestor\n    const ancestorCollapsedSection = element.closest('.ob-section__collapsed')\n    if (ancestorCollapsedSection) {\n      const ancestorSectionRoot =\n        ancestorCollapsedSection.closest('.ob-section')\n      return ancestorSectionRoot && ancestorSectionRoot instanceof HTMLElement\n        ? findScrollPointOfVisibleAncestorElement(ancestorSectionRoot)\n        : undefined\n    }\n\n    // Not visible for some other reason\n    return\n  } else {\n    return (scrollableContainerId?: string) => {\n      if (scrollableContainerId) {\n        let top = 0\n        let el: HTMLElement | null = element\n        while (el) {\n          const offsetParent: Element | null = el.offsetParent\n          if (offsetParent instanceof HTMLElement) {\n            const offsetParentIsInsideScrollableContainer =\n              offsetParent.closest(`#${scrollableContainerId}`)\n\n            // Only process the offset of the current element if the offset parent\n            // (offsetTop is derived from distance between element and top of `offsetParent)\n            // is inside the scrollable container (or is the scrollable container).\n            if (offsetParentIsInsideScrollableContainer) {\n              top += el.offsetTop\n              el = offsetParent\n              continue\n            }\n          }\n          el = null\n        }\n        return top\n      }\n      return element.getBoundingClientRect().top\n    }\n  }\n}\n\nconst scrollToElement = ({\n  id,\n  navigationTopOffset,\n  scrollableContainerId,\n}: {\n  id: string\n  /** We allow an offset to cater for any headers */\n  navigationTopOffset: number\n  scrollableContainerId?: string\n}) => {\n  const element = document.getElementById(id)\n  if (element) {\n    const getScrollPoint = findScrollPointOfVisibleAncestorElement(element)\n    if (getScrollPoint) {\n      window.requestAnimationFrame(() => {\n        if (scrollableContainerId) {\n          const scrollContainer = document.getElementById(scrollableContainerId)\n          // Account for any top padding on the scrollable container\n          const topPadding = parseFloat(\n            scrollContainer\n              ?.computedStyleMap()\n              .get('padding-top')\n              ?.toString() ?? '',\n          )\n          scrollContainer?.scrollTo({\n            top:\n              getScrollPoint(scrollableContainerId) +\n              topPadding -\n              // We allow an offset to cater for any headers\n              navigationTopOffset,\n            behavior: 'smooth',\n          })\n        } else {\n          window.scrollTo({\n            top:\n              getScrollPoint() +\n              window.scrollY -\n              // We allow an offset to cater for any headers\n              navigationTopOffset,\n            behavior: 'smooth',\n          })\n        }\n      })\n    }\n  }\n}\n\nexport default scrollToElement\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "6.9.0-beta.12",
+  "version": "6.9.0-beta.13",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"