@oneblink/apps-react 12.0.0 → 13.0.0-beta.10

package/dist/OneBlinkAutoSaveForm.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { OneBlinkFormUncontrolled } from './OneBlinkForm';
-declare function OneBlinkAutoSaveForm({ form, initialSubmission, resumeAtElement, autoSaveKey, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, disabled, onCancel, onSubmit, onSaveDraft, resumeSectionState, resumePreviousElapsedDurationSeconds, ...props }: React.ComponentProps<typeof OneBlinkFormUncontrolled> & {
+type OneBlinkAutoSaveFormProps = Extract<React.ComponentProps<typeof OneBlinkFormUncontrolled>, {
+    audience: 'SUBMITTER';
+}> & {
     /** Pass a unique key for this submission e.g. the `externalId` the parameter */
     autoSaveKey: string;
     /**
@@ -15,7 +17,8 @@ declare function OneBlinkAutoSaveForm({ form, initialSubmission, resumeAtElement
      * later, pass `false`.
      */
     removeAutoSaveDataBeforeSaveDraft?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+};
+declare function OneBlinkAutoSaveForm({ form, initialSubmission, resumeAtElement, autoSaveKey, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, disabled, onCancel, onSubmit, onSaveDraft, resumeSectionState, resumePreviousElapsedDurationSeconds, ...props }: OneBlinkAutoSaveFormProps): import("react/jsx-runtime").JSX.Element;
 /**
  * This component is a drop in replacement for {@link OneBlinkForm} with the
  * addition of auto save happening periodically to prevent users from losing

package/dist/OneBlinkAutoSaveForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkAutoSaveForm.js","sourceRoot":"","sources":["../src/OneBlinkAutoSaveForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,8BAA8B,MAAM,wCAAwC,CAAA;AAGnF,SAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,8BAA8B,EAC9B,iCAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,oCAAoC,EACpC,GAAG,KAAK,EAgBT;IACC,MAAM,EACJ,UAAU,EACV,UAAU,EACV,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,4BAA4B,GAC7B,GAAG,8BAA8B,CAAC;QACjC,IAAI;QACJ,iBAAiB;QACjB,eAAe;QACf,WAAW;QACX,8BAA8B;QAC9B,iCAAiC;QACjC,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,cAAc,EAAE,QAAQ;QACxB,kBAAkB;QAClB,oCAAoC;KACrC,CAAC,CAAA;IAEF,IAAI,2BAA2B,EAAE,CAAC;QAChC,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,GAAa,GACjD,CACP,CAAA;IACH,CAAC;IAED,IAAI,6BAA6B,EAAE,CAAC;QAClC,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAC,WAAW,EACjB,aAAa,EAAC,4BAA4B,EAC1C,OAAO,EACL,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yEAAyE,EACnF,OAAO,EAAE,GAAG,EAAE;4BACZ,kBAAkB,EAAE,CAAA;wBACtB,CAAC,4BAGM,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,0BAA0B,EACnC,SAAS,+BAGF,IACR,iHAKC,CACT,CAAA;IACH,CAAC;IACD,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,eAAe,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,4BAA4B,EAAE,4BAA4B,GAC1D,CACH,CAAA;AACH,CAAC;AAED;;;;;;;;;;;GAWG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport OnLoading from './components/renderer/OnLoading'\nimport Modal from './components/renderer/Modal'\nimport OneBlinkFormBase from './OneBlinkFormBase'\nimport useFormSubmissionAutoSaveState from './hooks/useFormSubmissionAutoSaveState'\nimport { OneBlinkFormUncontrolled } from './OneBlinkForm'\n\nfunction OneBlinkAutoSaveForm({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  autoSaveKey,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  disabled,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n  resumeSectionState,\n  resumePreviousElapsedDurationSeconds,\n  ...props\n}: React.ComponentProps<typeof OneBlinkFormUncontrolled> & {\n  /** Pass a unique key for this submission e.g. the `externalId` the parameter */\n  autoSaveKey: string\n  /**\n   * By default, auto save data is removed when the user clicks Submit. If you\n   * would like auto save data to persist and clean up the auto save data later,\n   * pass `false`.\n   */\n  removeAutoSaveDataBeforeSubmit?: boolean\n  /**\n   * By default, auto save data is removed when the user clicks Save Draft. If\n   * you would like auto save data to persist and clean up the auto save data\n   * later, pass `false`.\n   */\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n}) {\n  const {\n    definition,\n    submission,\n    isLoadingAutoSaveSubmission,\n    isAutoSaveSubmissionAvailable,\n    startNewSubmission,\n    continueAutoSaveSubmission,\n    handleSubmit,\n    handleCancel,\n    handleSaveDraft,\n    setFormSubmission,\n    handleNavigateAway,\n    lastElementUpdated,\n    executedLookups,\n    sectionState,\n    getCurrentSubmissionDuration,\n  } = useFormSubmissionAutoSaveState({\n    form,\n    initialSubmission,\n    resumeAtElement,\n    autoSaveKey,\n    removeAutoSaveDataBeforeSubmit,\n    removeAutoSaveDataBeforeSaveDraft,\n    onCancel,\n    onSubmit,\n    onSaveDraft,\n    formIsDisabled: disabled,\n    resumeSectionState,\n    resumePreviousElapsedDurationSeconds,\n  })\n\n  if (isLoadingAutoSaveSubmission) {\n    return (\n      <div className=\"cypress-loading has-text-centered\">\n        <OnLoading className=\"has-text-centered\"></OnLoading>\n      </div>\n    )\n  }\n\n  if (isAutoSaveSubmissionAvailable) {\n    return (\n      <Modal\n        isOpen\n        title=\"Continue?\"\n        cardClassName=\"cypress-continue-auto-save\"\n        actions={\n          <>\n            <button\n              type=\"button\"\n              className=\"button ob-button is-light cypress-continue-auto-save-start-again-button\"\n              onClick={() => {\n                startNewSubmission()\n              }}\n            >\n              Start Again\n            </button>\n            <button\n              type=\"button\"\n              className=\"button ob-button is-primary cypress-continue-auto-save-continue-button\"\n              onClick={continueAutoSaveSubmission}\n              autoFocus\n            >\n              Continue\n            </button>\n          </>\n        }\n      >\n        We found an in progress submission, would you like to pick up where you\n        left off or start again?\n      </Modal>\n    )\n  }\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      submission={submission}\n      definition={definition}\n      onCancel={handleCancel}\n      onSubmit={handleSubmit}\n      onSaveDraft={handleSaveDraft}\n      setFormSubmission={setFormSubmission}\n      handleNavigateAway={handleNavigateAway}\n      lastElementUpdated={lastElementUpdated}\n      executedLookups={executedLookups}\n      sectionState={sectionState}\n      getCurrentSubmissionDuration={getCurrentSubmissionDuration}\n    />\n  )\n}\n\n/**\n * This component is a drop in replacement for {@link OneBlinkForm} with the\n * addition of auto save happening periodically to prevent users from losing\n * submission data.\n *\n * If you need auto saving with a controlled form, see the\n * {@link OneBlinkFormControlled} component for a full example.\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkAutoSaveForm)\n"]}
+{"version":3,"file":"OneBlinkAutoSaveForm.js","sourceRoot":"","sources":["../src/OneBlinkAutoSaveForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,8BAA8B,MAAM,wCAAwC,CAAA;AAuBnF,SAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,8BAA8B,EAC9B,iCAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,oCAAoC,EACpC,GAAG,KAAK,EACkB;IAC1B,MAAM,EACJ,UAAU,EACV,UAAU,EACV,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,4BAA4B,GAC7B,GAAG,8BAA8B,CAAC;QACjC,IAAI;QACJ,iBAAiB;QACjB,eAAe;QACf,WAAW;QACX,8BAA8B;QAC9B,iCAAiC;QACjC,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,cAAc,EAAE,QAAQ;QACxB,kBAAkB;QAClB,oCAAoC;KACrC,CAAC,CAAA;IAEF,IAAI,2BAA2B,EAAE,CAAC;QAChC,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,GAAa,GACjD,CACP,CAAA;IACH,CAAC;IAED,IAAI,6BAA6B,EAAE,CAAC;QAClC,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAC,WAAW,EACjB,aAAa,EAAC,4BAA4B,EAC1C,OAAO,EACL,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yEAAyE,EACnF,OAAO,EAAE,GAAG,EAAE;4BACZ,kBAAkB,EAAE,CAAA;wBACtB,CAAC,4BAGM,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,0BAA0B,EACnC,SAAS,+BAGF,IACR,iHAKC,CACT,CAAA;IACH,CAAC;IACD,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,eAAe,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,4BAA4B,EAAE,4BAA4B,GAC1D,CACH,CAAA;AACH,CAAC;AAED;;;;;;;;;;;GAWG;AACH,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport OnLoading from './components/renderer/OnLoading'\nimport Modal from './components/renderer/Modal'\nimport OneBlinkFormBase from './OneBlinkFormBase'\nimport useFormSubmissionAutoSaveState from './hooks/useFormSubmissionAutoSaveState'\nimport { OneBlinkFormUncontrolled } from './OneBlinkForm'\n\ntype OneBlinkAutoSaveFormProps = Extract<\n  React.ComponentProps<typeof OneBlinkFormUncontrolled>,\n  { audience: 'SUBMITTER' }\n> & {\n  /** Pass a unique key for this submission e.g. the `externalId` the parameter */\n  autoSaveKey: string\n  /**\n   * By default, auto save data is removed when the user clicks Submit. If you\n   * would like auto save data to persist and clean up the auto save data later,\n   * pass `false`.\n   */\n  removeAutoSaveDataBeforeSubmit?: boolean\n  /**\n   * By default, auto save data is removed when the user clicks Save Draft. If\n   * you would like auto save data to persist and clean up the auto save data\n   * later, pass `false`.\n   */\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n}\n\nfunction OneBlinkAutoSaveForm({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  autoSaveKey,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  disabled,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n  resumeSectionState,\n  resumePreviousElapsedDurationSeconds,\n  ...props\n}: OneBlinkAutoSaveFormProps) {\n  const {\n    definition,\n    submission,\n    isLoadingAutoSaveSubmission,\n    isAutoSaveSubmissionAvailable,\n    startNewSubmission,\n    continueAutoSaveSubmission,\n    handleSubmit,\n    handleCancel,\n    handleSaveDraft,\n    setFormSubmission,\n    handleNavigateAway,\n    lastElementUpdated,\n    executedLookups,\n    sectionState,\n    getCurrentSubmissionDuration,\n  } = useFormSubmissionAutoSaveState({\n    form,\n    initialSubmission,\n    resumeAtElement,\n    autoSaveKey,\n    removeAutoSaveDataBeforeSubmit,\n    removeAutoSaveDataBeforeSaveDraft,\n    onCancel,\n    onSubmit,\n    onSaveDraft,\n    formIsDisabled: disabled,\n    resumeSectionState,\n    resumePreviousElapsedDurationSeconds,\n  })\n\n  if (isLoadingAutoSaveSubmission) {\n    return (\n      <div className=\"cypress-loading has-text-centered\">\n        <OnLoading className=\"has-text-centered\"></OnLoading>\n      </div>\n    )\n  }\n\n  if (isAutoSaveSubmissionAvailable) {\n    return (\n      <Modal\n        isOpen\n        title=\"Continue?\"\n        cardClassName=\"cypress-continue-auto-save\"\n        actions={\n          <>\n            <button\n              type=\"button\"\n              className=\"button ob-button is-light cypress-continue-auto-save-start-again-button\"\n              onClick={() => {\n                startNewSubmission()\n              }}\n            >\n              Start Again\n            </button>\n            <button\n              type=\"button\"\n              className=\"button ob-button is-primary cypress-continue-auto-save-continue-button\"\n              onClick={continueAutoSaveSubmission}\n              autoFocus\n            >\n              Continue\n            </button>\n          </>\n        }\n      >\n        We found an in progress submission, would you like to pick up where you\n        left off or start again?\n      </Modal>\n    )\n  }\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      submission={submission}\n      definition={definition}\n      onCancel={handleCancel}\n      onSubmit={handleSubmit}\n      onSaveDraft={handleSaveDraft}\n      setFormSubmission={setFormSubmission}\n      handleNavigateAway={handleNavigateAway}\n      lastElementUpdated={lastElementUpdated}\n      executedLookups={executedLookups}\n      sectionState={sectionState}\n      getCurrentSubmissionDuration={getCurrentSubmissionDuration}\n    />\n  )\n}\n\n/**\n * This component is a drop in replacement for {@link OneBlinkForm} with the\n * addition of auto save happening periodically to prevent users from losing\n * submission data.\n *\n * If you need auto saving with a controlled form, see the\n * {@link OneBlinkFormControlled} component for a full example.\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default React.memo(OneBlinkAutoSaveForm)\n"]}

package/dist/OneBlinkForm.d.ts

@@ -2,7 +2,14 @@ import * as React from 'react';
 import { FormTypes } from '@oneblink/types';
 import { OneBlinkFormBaseProps, OneBlinkFormControlledProps, OneBlinkFormUncontrolledProps } from './OneBlinkFormBase';
 import { SectionState } from './types/form';
-export { OneBlinkFormBaseProps, OneBlinkFormControlledProps };
+type OneBlinkApproverFormBaseProps = Omit<OneBlinkFormBaseProps, 'audience' | 'onCancel' | 'onSaveDraft' | 'onSubmit'> & {
+    audience: 'APPROVER';
+};
+type OneBlinkFormAudienceProps = (OneBlinkFormBaseProps & {
+    audience: 'SUBMITTER';
+}) | OneBlinkApproverFormBaseProps;
+export type OneBlinkFormControlledComponentProps = OneBlinkFormControlledProps & OneBlinkFormAudienceProps;
+export { OneBlinkFormBaseProps, OneBlinkFormControlledProps, OneBlinkFormUncontrolledProps, };
 /**
  * Similar to {@link OneBlinkForm}, however requires props to control the
  * `definition` and `submission` values.
@@ -327,36 +334,7 @@ export { OneBlinkFormBaseProps, OneBlinkFormControlledProps };
  * @returns
  * @group Components
  */
-declare const OneBlinkFormControlled: React.NamedExoticComponent<import("./OneBlinkFormBase").OneBlinkReadOnlyFormProps & {
-    onCancel: () => unknown;
-    onSubmit: (newFormSubmission: import("./apps/submission-service").NewFormSubmission) => unknown;
-    disabled?: boolean;
-    isPreview?: boolean;
-    abnLookupAuthenticationGuid?: string;
-    captchaSiteKey?: string;
-    buttons?: import("@oneblink/types/typescript/formsApps").FormsListStyles["buttons"];
-    validationIcon?: import("@oneblink/types/typescript/environments").FormsAppEnvironmentStyles["validationIcon"];
-    attachmentRetentionInDays?: number;
-    isPendingQueueEnabled: boolean;
-    onSaveDraft?: (newDraftSubmission: import("./apps/submission-service").NewDraftSubmission) => unknown;
-    handleNavigateAway?: () => unknown;
-    isInfoPage?: "YES" | "NO" | "CALCULATED";
-    onUploadAttachment?: typeof import("./apps/attachments-service").uploadAttachment;
-    captchaType?: import("./types/form").CaptchaType;
-    shouldUseNavigableValidationErrorsNotification?: boolean;
-    navigableValidationErrorsNotificationSettings?: {
-        navigationTopOffset?: number;
-        scrollableContainerId?: string;
-    };
-    scrollToTopOfPage?: boolean;
-    getCurrentSubmissionDuration?: () => number;
-    onBeforeUnload?: (props: {
-        submission: import("@oneblink/types/typescript/submissions").S3SubmissionData["submission"];
-        definition: FormTypes.Form;
-        lastElementUpdated: FormTypes.FormElement | undefined;
-        submissionDuration: number | undefined;
-    }) => void;
-} & OneBlinkFormControlledProps>;
+declare const OneBlinkFormControlled: React.NamedExoticComponent<OneBlinkFormControlledComponentProps>;
 /**
  * Component for rendering a OneBlink Form. This component will render the
  * submit, cancel and save draft buttons but it is up to the developer to
@@ -577,39 +555,11 @@ declare const OneBlinkFormControlled: React.NamedExoticComponent<import("./OneBl
  * @returns
  * @group Components
  */
-declare const OneBlinkFormUncontrolled: React.NamedExoticComponent<import("./OneBlinkFormBase").OneBlinkReadOnlyFormProps & {
-    onCancel: () => unknown;
-    onSubmit: (newFormSubmission: import("./apps/submission-service").NewFormSubmission) => unknown;
-    disabled?: boolean;
-    isPreview?: boolean;
-    abnLookupAuthenticationGuid?: string;
-    captchaSiteKey?: string;
-    buttons?: import("@oneblink/types/typescript/formsApps").FormsListStyles["buttons"];
-    validationIcon?: import("@oneblink/types/typescript/environments").FormsAppEnvironmentStyles["validationIcon"];
-    attachmentRetentionInDays?: number;
-    isPendingQueueEnabled: boolean;
-    onSaveDraft?: (newDraftSubmission: import("./apps/submission-service").NewDraftSubmission) => unknown;
-    handleNavigateAway?: () => unknown;
-    isInfoPage?: "YES" | "NO" | "CALCULATED";
-    onUploadAttachment?: typeof import("./apps/attachments-service").uploadAttachment;
-    captchaType?: import("./types/form").CaptchaType;
-    shouldUseNavigableValidationErrorsNotification?: boolean;
-    navigableValidationErrorsNotificationSettings?: {
-        navigationTopOffset?: number;
-        scrollableContainerId?: string;
-    };
-    scrollToTopOfPage?: boolean;
-    getCurrentSubmissionDuration?: () => number;
-    onBeforeUnload?: (props: {
-        submission: import("@oneblink/types/typescript/submissions").S3SubmissionData["submission"];
-        definition: FormTypes.Form;
-        lastElementUpdated: FormTypes.FormElement | undefined;
-        submissionDuration: number | undefined;
-    }) => void;
-} & OneBlinkFormUncontrolledProps & {
+declare const OneBlinkFormUncontrolled: React.NamedExoticComponent<OneBlinkFormUncontrolledProps & (OneBlinkFormAudienceProps & {
     /** The element to resume the form at. */
     resumeAtElement?: FormTypes.FormElement;
     resumeSectionState?: SectionState;
     resumePreviousElapsedDurationSeconds?: number;
-}>;
+})>;
+export type OneBlinkFormProps = React.ComponentProps<typeof OneBlinkFormUncontrolled>;
 export { OneBlinkFormControlled, OneBlinkFormUncontrolled };

package/dist/OneBlinkForm.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import OneBlinkFormBase from './OneBlinkFormBase';
 import useFormSubmissionState from './hooks/useFormSubmissionState';
 import useFormSubmissionDuration from './hooks/useFormSubmissionDuration';
+const noop = () => { };
 /**
  * Similar to {@link OneBlinkForm}, however requires props to control the
  * `definition` and `submission` values.
@@ -328,7 +329,8 @@ import useFormSubmissionDuration from './hooks/useFormSubmissionDuration';
  * @group Components
  */
 const OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(props) {
-    return _jsx(OneBlinkFormBase, { ...props, isReadOnly: false });
+    const isApprover = props.audience === 'APPROVER';
+    return (_jsx(OneBlinkFormBase, { ...props, isReadOnly: false, onCancel: isApprover ? noop : props.onCancel, onSubmit: isApprover ? noop : props.onSubmit }));
 });
 /**
  * Component for rendering a OneBlink Form. This component will render the
@@ -553,7 +555,8 @@ const OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(props)
 const OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({ form, initialSubmission, resumeAtElement, resumeSectionState, resumePreviousElapsedDurationSeconds, ...props }) {
     const [getCurrentSubmissionDuration] = useFormSubmissionDuration(resumePreviousElapsedDurationSeconds);
     const [{ definition, submission, lastElementUpdated, executedLookups, sectionState, }, setFormSubmission,] = useFormSubmissionState(form, initialSubmission, resumeAtElement, resumeSectionState);
-    return (_jsx(OneBlinkFormBase, { ...props, isReadOnly: false, definition: definition, submission: submission, setFormSubmission: setFormSubmission, lastElementUpdated: lastElementUpdated, executedLookups: executedLookups, sectionState: sectionState, getCurrentSubmissionDuration: getCurrentSubmissionDuration }));
+    const isApprover = props.audience === 'APPROVER';
+    return (_jsx(OneBlinkFormBase, { ...props, isReadOnly: false, definition: definition, submission: submission, setFormSubmission: setFormSubmission, lastElementUpdated: lastElementUpdated, executedLookups: executedLookups, sectionState: sectionState, getCurrentSubmissionDuration: getCurrentSubmissionDuration, onCancel: isApprover ? noop : props.onCancel, onSubmit: isApprover ? noop : props.onSubmit }));
 });
 export { OneBlinkFormControlled, OneBlinkFormUncontrolled };
 //# sourceMappingURL=OneBlinkForm.js.map

package/dist/OneBlinkForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkForm.js","sourceRoot":"","sources":["../src/OneBlinkForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,gBAIN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AACnE,OAAO,yBAAyB,MAAM,mCAAmC,CAAA;AAKzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmUG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,sBAAsB,CACvE,KAA0D;IAE1D,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,UAAU,EAAE,KAAK,GAAI,CAAA;AAC3D,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2NG;AACH,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,wBAAwB,CAAC,EAC5E,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,oCAAoC,EACpC,GAAG,KAAK,EAOP;IACD,MAAM,CAAC,4BAA4B,CAAC,GAAG,yBAAyB,CAC9D,oCAAoC,CACrC,CAAA;IACD,MAAM,CACJ,EACE,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,EACD,iBAAiB,EAClB,GAAG,sBAAsB,CACxB,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,kBAAkB,CACnB,CAAA;IACD,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,4BAA4B,EAAE,4BAA4B,GAC1D,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport OneBlinkFormBase, {\n  OneBlinkFormBaseProps,\n  OneBlinkFormControlledProps,\n  OneBlinkFormUncontrolledProps,\n} from './OneBlinkFormBase'\nimport useFormSubmissionState from './hooks/useFormSubmissionState'\nimport useFormSubmissionDuration from './hooks/useFormSubmissionDuration'\nimport { SectionState } from './types/form'\n\nexport { OneBlinkFormBaseProps, OneBlinkFormControlledProps }\n\n/**\n * Similar to {@link OneBlinkForm}, however requires props to control the\n * `definition` and `submission` values.\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { FormTypes } from '@oneblink/types'\n * import {\n *   OneBlinkAppsError,\n *   draftService,\n *   submissionService,\n *   IsOfflineContextProvider,\n *   OneBlinkFormControlled,\n *   useIsMounted,\n *   useFormSubmissionState,\n * } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * const captchaSiteKey = 'ENTER_YOUR_SITE_KEY_HERE'\n * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'\n * const formsAppId = 1\n * const form: FormTypes.Form = {\n *   id: 1,\n *   name: 'Name of Form',\n *   description: '',\n *   organisationId: 'abc123',\n *   formsAppEnvironmentId: 1,\n *   formsAppIds: [],\n *   elements: [],\n *   isAuthenticated: false,\n *   isMultiPage: false,\n *   isInfoPage: false,\n *   publishStartDate: null,\n *   publishEndDate: null,\n *   postSubmissionAction: 'FORMS_LIBRARY',\n *   submissionEvents: [],\n *   tags: [],\n * }\n * const initialSubmission: Record<string, unknown> = {\n *   data: 1,\n * }\n *\n * function FormContainer() {\n *   const isMounted = useIsMounted()\n *\n *   const [{ definition, submission }, setFormSubmission] =\n *     useFormSubmissionState(form, initialSubmission)\n *\n *   const [{ isSavingDraft, saveDraftError }, setSaveDraftState] =\n *     React.useState({\n *       isSavingDraft: false,\n *       saveDraftError: null,\n *     })\n *\n *   const [\n *     { isSubmitting, submitError, formSubmissionResult },\n *     setSubmitState,\n *   ] = React.useState({\n *     formSubmissionResult: null,\n *     isSubmitting: false,\n *     submitError: null,\n *   })\n *\n *   const handleSubmit = React.useCallback(\n *     async (newFormSubmission: FormTypes.NewFormSubmission) => {\n *       const formSubmission: FormSubmission = Object.assign(\n *         {},\n *         newFormSubmission,\n *         {\n *           formsAppId,\n *           jobId: null,\n *           externalId: null,\n *           draftId: null,\n *           preFillFormDataId: null,\n *         },\n *       )\n *\n *       setSubmitState({\n *         formSubmissionResult: null,\n *         submitError: null,\n *         isSubmitting: true,\n *       })\n *\n *       try {\n *         const newFormSubmissionResult = await submissionService.submit({\n *           formSubmission,\n *         })\n *         if (\n *           newFormSubmissionResult.isOffline &&\n *           !newFormSubmissionResult.isInPendingQueue\n *         ) {\n *           throw new OneBlinkAppsError(\n *             'You cannot submit this form while offline, please try again when connectivity is restored.',\n *             {\n *               isOffline: true,\n *             },\n *           )\n *         }\n *\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: newFormSubmissionResult,\n *             isSubmitting: false,\n *             submitError: null,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: null,\n *             isSubmitting: false,\n *             submitError: error,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleSaveDraft = React.useCallback(\n *     async (newDraftSubmission: FormTypes.NewDraftSubmission) => {\n *       const draftSubmission: FormTypes.DraftSubmission = {\n *         ...newDraftSubmission,\n *         formsAppId,\n *       }\n *       setSaveDraftState({\n *         saveDraftError: null,\n *         isSavingDraft: true,\n *       })\n *\n *       try {\n *         await draftService.addDraft(\n *           {\n *             title: form.name,\n *             formId: form.id,\n *             externalId: null,\n *             jobId: null,\n *           },\n *           draftSubmission,\n *         )\n *\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: null,\n *             isSavingDraft: false,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: error,\n *             isSavingDraft: false,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleCancel = React.useCallback(() => {\n *     // handle cancel here...\n *   }, [])\n *\n *   if (isSubmitting) {\n *     // Render submitting animation/loading\n *   }\n *\n *   if (submitError) {\n *     // Render error while submitting\n *   }\n *\n *   if (isSavingDraft) {\n *     // Render saving draft animation/loading\n *   }\n *\n *   if (saveDraftError) {\n *     // Render error while saving draft\n *   }\n *\n *   if (formSubmissionResult) {\n *     // Render submission success\n *   }\n *\n *   return (\n *     <OneBlinkFormControlled\n *       captchaSiteKey={captchaSiteKey}\n *       googleMapsApiKey={googleMapsApiKey}\n *       formsAppId={formsAppId}\n *       definition={definition}\n *       submission={submission}\n *       setFormSubmission={setFormSubmission}\n *       onCancel={handleCancel}\n *       onSubmit={handleSubmit}\n *       onSaveDraft={handleSaveDraft}\n *       audience=\"SUBMITTER\"\n *     />\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <FormContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * #### Implementing Controlled Auto Save\n *\n * The {@link OneBlinkAutoSaveForm} component does not offer props to allow for a\n * controlled form (i.e. having access to `submission` and `definition` values).\n * To implement a controlled version of the `<OneBlinkAutoSaveForm />`\n * component, use the example component below.\n *\n * ```tsx\n * import * as React from 'react'\n * import {\n *   OneBlinkAutoSaveForm,\n *   OneBlinkFormControlled,\n *   useFormSubmissionAutoSaveState,\n * } from '@oneblink/apps-react'\n *\n * function OneBlinkAutoSaveFormControlled({\n *   form,\n *   initialSubmission,\n *   autoSaveKey,\n *   onCancel,\n *   onSubmit,\n *   onSaveDraft,\n *   ...props\n * }: React.ComponentProps<typeof OneBlinkAutoSaveForm>) {\n *   const {\n *     definition,\n *     submission,\n *     isLoadingAutoSaveSubmission,\n *     isAutoSaveSubmissionAvailable,\n *     startNewSubmission,\n *     continueAutoSaveSubmission,\n *     handleSubmit,\n *     handleCancel,\n *     handleSaveDraft,\n *     setFormSubmission,\n *   } = useFormSubmissionAutoSaveState({\n *     form,\n *     initialSubmission,\n *     autoSaveKey,\n *     onCancel,\n *     onSubmit,\n *     onSaveDraft,\n *   })\n *\n *   // This is just an example of how you could intercept\n *   // the change event when a user enters/selects a value\n *   // on the form.\n *   const customSetFormSubmission = React.useCallback(\n *     (formSubmission) => {\n *       setFormSubmission((currentFormSubmission) => {\n *         const newFormSubmission =\n *           typeof formSubmission === 'function'\n *             ? formSubmission(currentFormSubmission)\n *             : formSubmission\n *\n *         // This is where you can access the updated\n *         // submission data or form definition.\n *         // You could even change the form definition\n *         // programmatically based on user inputs.\n *         console.log(\n *           'A change has occurred to the submission',\n *           newFormSubmission.submission,\n *         )\n *         newFormSubmission.definition.isInfoPage =\n *           !newFormSubmission.submission.doesTheUserNeedToSubmit\n *\n *         return newFormSubmission\n *       })\n *     },\n *     [setFormSubmission],\n *   )\n *\n *   if (isLoadingAutoSaveSubmission) {\n *     return <p>Checking for auto save data...</p>\n *   }\n *\n *   if (isAutoSaveSubmissionAvailable) {\n *     return (\n *       <>\n *         <p>Do you want to use the auto save data?</p>\n *         <button onClick={startNewSubmission}>No, start again</button>\n *         <button onClick={continueAutoSaveSubmission}>\n *           Yes, continue\n *         </button>\n *       </>\n *     )\n *   }\n *\n *   return (\n *     <OneBlinkFormControlled\n *       {...props}\n *       submission={submission}\n *       definition={definition}\n *       onCancel={handleCancel}\n *       onSubmit={handleSubmit}\n *       onSaveDraft={handleSaveDraft}\n *       setFormSubmission={customSetFormSubmission}\n *     />\n *   )\n * }\n *\n * export default React.memo(OneBlinkAutoSaveFormControlled)\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nconst OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(\n  props: OneBlinkFormBaseProps & OneBlinkFormControlledProps,\n) {\n  return <OneBlinkFormBase {...props} isReadOnly={false} />\n})\n\n/**\n * Component for rendering a OneBlink Form. This component will render the\n * submit, cancel and save draft buttons but it is up to the developer to\n * implement what happens when those buttons are clicked.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { OneBlinkForm } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { FormTypes } from '@oneblink/types'\n * import {\n *   OneBlinkAppsError,\n *   draftService,\n *   submissionService,\n *   IsOfflineContextProvider,\n *   OneBlinkForm,\n *   useIsMounted,\n * } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * const captchaSiteKey = 'ENTER_YOUR_SITE_KEY_HERE'\n * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'\n * const formsAppId = 1\n * const form: FormTypes.Form = {\n *   id: 1,\n *   name: 'Name of Form',\n *   description: '',\n *   organisationId: 'abc123',\n *   formsAppEnvironmentId: 1,\n *   formsAppIds: [],\n *   elements: [],\n *   isAuthenticated: false,\n *   isMultiPage: false,\n *   isInfoPage: false,\n *   publishStartDate: null,\n *   publishEndDate: null,\n *   postSubmissionAction: 'FORMS_LIBRARY',\n *   submissionEvents: [],\n *   tags: [],\n * }\n *\n * function FormContainer() {\n *   const isMounted = useIsMounted()\n *\n *   const [{ isSavingDraft, saveDraftError }, setSaveDraftState] =\n *     React.useState({\n *       isSavingDraft: false,\n *       saveDraftError: null,\n *     })\n *\n *   const [\n *     { isSubmitting, submitError, formSubmissionResult },\n *     setSubmitState,\n *   ] = React.useState({\n *     formSubmissionResult: null,\n *     isSubmitting: false,\n *     submitError: null,\n *   })\n *\n *   const handleSubmit = React.useCallback(\n *     async (newFormSubmission: FormTypes.NewFormSubmission) => {\n *       const formSubmission: FormSubmission = Object.assign(\n *         {},\n *         newFormSubmission,\n *         {\n *           formsAppId,\n *           jobId: null,\n *           externalId: null,\n *           draftId: null,\n *           preFillFormDataId: null,\n *         },\n *       )\n *\n *       setSubmitState({\n *         formSubmissionResult: null,\n *         submitError: null,\n *         isSubmitting: true,\n *       })\n *\n *       try {\n *         const newFormSubmissionResult = await submissionService.submit({\n *           formSubmission,\n *         })\n *         if (\n *           newFormSubmissionResult.isOffline &&\n *           !newFormSubmissionResult.isInPendingQueue\n *         ) {\n *           throw new OneBlinkAppsError(\n *             'You cannot submit this form while offline, please try again when connectivity is restored.',\n *             {\n *               isOffline: true,\n *             },\n *           )\n *         }\n *\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: newFormSubmissionResult,\n *             isSubmitting: false,\n *             submitError: null,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: null,\n *             isSubmitting: false,\n *             submitError: error,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleSaveDraft = React.useCallback(\n *     async (newDraftSubmission: FormTypes.NewDraftSubmission) => {\n *       const draftSubmission: FormTypes.DraftSubmission = {\n *         ...newDraftSubmission,\n *         formsAppId,\n *       }\n *       setSaveDraftState({\n *         saveDraftError: null,\n *         isSavingDraft: true,\n *       })\n *\n *       try {\n *         await draftService.addDraft(\n *           {\n *             title: form.name,\n *             formId: form.id,\n *             externalId: null,\n *             jobId: null,\n *           },\n *           draftSubmission,\n *         )\n *\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: null,\n *             isSavingDraft: false,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: error,\n *             isSavingDraft: false,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleCancel = React.useCallback(() => {\n *     // handle cancel here...\n *   }, [isMounted])\n *\n *   if (isSubmitting) {\n *     // Render submitting animation/loading\n *   }\n *\n *   if (submitError) {\n *     // Render error while submitting\n *   }\n *\n *   if (isSavingDraft) {\n *     // Render saving draft animation/loading\n *   }\n *\n *   if (saveDraftError) {\n *     // Render error while saving draft\n *   }\n *\n *   if (formSubmissionResult) {\n *     // Render submission success\n *   }\n *\n *   return (\n *     <OneBlinkForm\n *       captchaSiteKey={captchaSiteKey}\n *       googleMapsApiKey={googleMapsApiKey}\n *       formsAppId={formsAppId}\n *       form={form}\n *       onCancel={handleCancel}\n *       onSubmit={handleSubmit}\n *       onSaveDraft={handleSaveDraft}\n *       attachmentRetentionInDays={1}\n *       audience=\"SUBMITTER\"\n *     />\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <FormContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nconst OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  resumeSectionState,\n  resumePreviousElapsedDurationSeconds,\n  ...props\n}: OneBlinkFormBaseProps &\n  OneBlinkFormUncontrolledProps & {\n    /** The element to resume the form at. */\n    resumeAtElement?: FormTypes.FormElement\n    resumeSectionState?: SectionState\n    resumePreviousElapsedDurationSeconds?: number\n  }) {\n  const [getCurrentSubmissionDuration] = useFormSubmissionDuration(\n    resumePreviousElapsedDurationSeconds,\n  )\n  const [\n    {\n      definition,\n      submission,\n      lastElementUpdated,\n      executedLookups,\n      sectionState,\n    },\n    setFormSubmission,\n  ] = useFormSubmissionState(\n    form,\n    initialSubmission,\n    resumeAtElement,\n    resumeSectionState,\n  )\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      definition={definition}\n      submission={submission}\n      setFormSubmission={setFormSubmission}\n      lastElementUpdated={lastElementUpdated}\n      executedLookups={executedLookups}\n      sectionState={sectionState}\n      getCurrentSubmissionDuration={getCurrentSubmissionDuration}\n    />\n  )\n})\n\nexport { OneBlinkFormControlled, OneBlinkFormUncontrolled }\n"]}
+{"version":3,"file":"OneBlinkForm.js","sourceRoot":"","sources":["../src/OneBlinkForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,gBAIN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AACnE,OAAO,yBAAyB,MAAM,mCAAmC,CAAA;AAiBzE,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAQrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmUG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,sBAAsB,CACvE,KAA2C;IAE3C,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,KAAK,UAAU,CAAA;IAEhD,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAC5C,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAC5C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2NG;AACH,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,wBAAwB,CAAC,EAC5E,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,oCAAoC,EACpC,GAAG,KAAK,EAOP;IACD,MAAM,CAAC,4BAA4B,CAAC,GAAG,yBAAyB,CAC9D,oCAAoC,CACrC,CAAA;IACD,MAAM,CACJ,EACE,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,EACD,iBAAiB,EAClB,GAAG,sBAAsB,CACxB,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,kBAAkB,CACnB,CAAA;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,KAAK,UAAU,CAAA;IAEhD,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,4BAA4B,EAAE,4BAA4B,EAC1D,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAC5C,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAC5C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAMF,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport OneBlinkFormBase, {\n  OneBlinkFormBaseProps,\n  OneBlinkFormControlledProps,\n  OneBlinkFormUncontrolledProps,\n} from './OneBlinkFormBase'\nimport useFormSubmissionState from './hooks/useFormSubmissionState'\nimport useFormSubmissionDuration from './hooks/useFormSubmissionDuration'\nimport { SectionState } from './types/form'\n\ntype OneBlinkApproverFormBaseProps = Omit<\n  OneBlinkFormBaseProps,\n  'audience' | 'onCancel' | 'onSaveDraft' | 'onSubmit'\n> & {\n  audience: 'APPROVER'\n}\n\ntype OneBlinkFormAudienceProps =\n  | (OneBlinkFormBaseProps & { audience: 'SUBMITTER' })\n  | OneBlinkApproverFormBaseProps\n\nexport type OneBlinkFormControlledComponentProps =\n  OneBlinkFormControlledProps & OneBlinkFormAudienceProps\n\nconst noop = () => {}\n\nexport {\n  OneBlinkFormBaseProps,\n  OneBlinkFormControlledProps,\n  OneBlinkFormUncontrolledProps,\n}\n\n/**\n * Similar to {@link OneBlinkForm}, however requires props to control the\n * `definition` and `submission` values.\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { FormTypes } from '@oneblink/types'\n * import {\n *   OneBlinkAppsError,\n *   draftService,\n *   submissionService,\n *   IsOfflineContextProvider,\n *   OneBlinkFormControlled,\n *   useIsMounted,\n *   useFormSubmissionState,\n * } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * const captchaSiteKey = 'ENTER_YOUR_SITE_KEY_HERE'\n * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'\n * const formsAppId = 1\n * const form: FormTypes.Form = {\n *   id: 1,\n *   name: 'Name of Form',\n *   description: '',\n *   organisationId: 'abc123',\n *   formsAppEnvironmentId: 1,\n *   formsAppIds: [],\n *   elements: [],\n *   isAuthenticated: false,\n *   isMultiPage: false,\n *   isInfoPage: false,\n *   publishStartDate: null,\n *   publishEndDate: null,\n *   postSubmissionAction: 'FORMS_LIBRARY',\n *   submissionEvents: [],\n *   tags: [],\n * }\n * const initialSubmission: Record<string, unknown> = {\n *   data: 1,\n * }\n *\n * function FormContainer() {\n *   const isMounted = useIsMounted()\n *\n *   const [{ definition, submission }, setFormSubmission] =\n *     useFormSubmissionState(form, initialSubmission)\n *\n *   const [{ isSavingDraft, saveDraftError }, setSaveDraftState] =\n *     React.useState({\n *       isSavingDraft: false,\n *       saveDraftError: null,\n *     })\n *\n *   const [\n *     { isSubmitting, submitError, formSubmissionResult },\n *     setSubmitState,\n *   ] = React.useState({\n *     formSubmissionResult: null,\n *     isSubmitting: false,\n *     submitError: null,\n *   })\n *\n *   const handleSubmit = React.useCallback(\n *     async (newFormSubmission: FormTypes.NewFormSubmission) => {\n *       const formSubmission: FormSubmission = Object.assign(\n *         {},\n *         newFormSubmission,\n *         {\n *           formsAppId,\n *           jobId: null,\n *           externalId: null,\n *           draftId: null,\n *           preFillFormDataId: null,\n *         },\n *       )\n *\n *       setSubmitState({\n *         formSubmissionResult: null,\n *         submitError: null,\n *         isSubmitting: true,\n *       })\n *\n *       try {\n *         const newFormSubmissionResult = await submissionService.submit({\n *           formSubmission,\n *         })\n *         if (\n *           newFormSubmissionResult.isOffline &&\n *           !newFormSubmissionResult.isInPendingQueue\n *         ) {\n *           throw new OneBlinkAppsError(\n *             'You cannot submit this form while offline, please try again when connectivity is restored.',\n *             {\n *               isOffline: true,\n *             },\n *           )\n *         }\n *\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: newFormSubmissionResult,\n *             isSubmitting: false,\n *             submitError: null,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: null,\n *             isSubmitting: false,\n *             submitError: error,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleSaveDraft = React.useCallback(\n *     async (newDraftSubmission: FormTypes.NewDraftSubmission) => {\n *       const draftSubmission: FormTypes.DraftSubmission = {\n *         ...newDraftSubmission,\n *         formsAppId,\n *       }\n *       setSaveDraftState({\n *         saveDraftError: null,\n *         isSavingDraft: true,\n *       })\n *\n *       try {\n *         await draftService.addDraft(\n *           {\n *             title: form.name,\n *             formId: form.id,\n *             externalId: null,\n *             jobId: null,\n *           },\n *           draftSubmission,\n *         )\n *\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: null,\n *             isSavingDraft: false,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: error,\n *             isSavingDraft: false,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleCancel = React.useCallback(() => {\n *     // handle cancel here...\n *   }, [])\n *\n *   if (isSubmitting) {\n *     // Render submitting animation/loading\n *   }\n *\n *   if (submitError) {\n *     // Render error while submitting\n *   }\n *\n *   if (isSavingDraft) {\n *     // Render saving draft animation/loading\n *   }\n *\n *   if (saveDraftError) {\n *     // Render error while saving draft\n *   }\n *\n *   if (formSubmissionResult) {\n *     // Render submission success\n *   }\n *\n *   return (\n *     <OneBlinkFormControlled\n *       captchaSiteKey={captchaSiteKey}\n *       googleMapsApiKey={googleMapsApiKey}\n *       formsAppId={formsAppId}\n *       definition={definition}\n *       submission={submission}\n *       setFormSubmission={setFormSubmission}\n *       onCancel={handleCancel}\n *       onSubmit={handleSubmit}\n *       onSaveDraft={handleSaveDraft}\n *       audience=\"SUBMITTER\"\n *     />\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <FormContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * #### Implementing Controlled Auto Save\n *\n * The {@link OneBlinkAutoSaveForm} component does not offer props to allow for a\n * controlled form (i.e. having access to `submission` and `definition` values).\n * To implement a controlled version of the `<OneBlinkAutoSaveForm />`\n * component, use the example component below.\n *\n * ```tsx\n * import * as React from 'react'\n * import {\n *   OneBlinkAutoSaveForm,\n *   OneBlinkFormControlled,\n *   useFormSubmissionAutoSaveState,\n * } from '@oneblink/apps-react'\n *\n * function OneBlinkAutoSaveFormControlled({\n *   form,\n *   initialSubmission,\n *   autoSaveKey,\n *   onCancel,\n *   onSubmit,\n *   onSaveDraft,\n *   ...props\n * }: React.ComponentProps<typeof OneBlinkAutoSaveForm>) {\n *   const {\n *     definition,\n *     submission,\n *     isLoadingAutoSaveSubmission,\n *     isAutoSaveSubmissionAvailable,\n *     startNewSubmission,\n *     continueAutoSaveSubmission,\n *     handleSubmit,\n *     handleCancel,\n *     handleSaveDraft,\n *     setFormSubmission,\n *   } = useFormSubmissionAutoSaveState({\n *     form,\n *     initialSubmission,\n *     autoSaveKey,\n *     onCancel,\n *     onSubmit,\n *     onSaveDraft,\n *   })\n *\n *   // This is just an example of how you could intercept\n *   // the change event when a user enters/selects a value\n *   // on the form.\n *   const customSetFormSubmission = React.useCallback(\n *     (formSubmission) => {\n *       setFormSubmission((currentFormSubmission) => {\n *         const newFormSubmission =\n *           typeof formSubmission === 'function'\n *             ? formSubmission(currentFormSubmission)\n *             : formSubmission\n *\n *         // This is where you can access the updated\n *         // submission data or form definition.\n *         // You could even change the form definition\n *         // programmatically based on user inputs.\n *         console.log(\n *           'A change has occurred to the submission',\n *           newFormSubmission.submission,\n *         )\n *         newFormSubmission.definition.isInfoPage =\n *           !newFormSubmission.submission.doesTheUserNeedToSubmit\n *\n *         return newFormSubmission\n *       })\n *     },\n *     [setFormSubmission],\n *   )\n *\n *   if (isLoadingAutoSaveSubmission) {\n *     return <p>Checking for auto save data...</p>\n *   }\n *\n *   if (isAutoSaveSubmissionAvailable) {\n *     return (\n *       <>\n *         <p>Do you want to use the auto save data?</p>\n *         <button onClick={startNewSubmission}>No, start again</button>\n *         <button onClick={continueAutoSaveSubmission}>\n *           Yes, continue\n *         </button>\n *       </>\n *     )\n *   }\n *\n *   return (\n *     <OneBlinkFormControlled\n *       {...props}\n *       submission={submission}\n *       definition={definition}\n *       onCancel={handleCancel}\n *       onSubmit={handleSubmit}\n *       onSaveDraft={handleSaveDraft}\n *       setFormSubmission={customSetFormSubmission}\n *     />\n *   )\n * }\n *\n * export default React.memo(OneBlinkAutoSaveFormControlled)\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nconst OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(\n  props: OneBlinkFormControlledComponentProps,\n) {\n  const isApprover = props.audience === 'APPROVER'\n\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      onCancel={isApprover ? noop : props.onCancel}\n      onSubmit={isApprover ? noop : props.onSubmit}\n    />\n  )\n})\n\n/**\n * Component for rendering a OneBlink Form. This component will render the\n * submit, cancel and save draft buttons but it is up to the developer to\n * implement what happens when those buttons are clicked.\n *\n * It is also recommended to import the `css` from this library as well.\n *\n * ```js\n * import { OneBlinkForm } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n * ```\n *\n * #### Example\n *\n * ```tsx\n * import React from 'react'\n * import ReactDOM from 'react-dom'\n * import { FormTypes } from '@oneblink/types'\n * import {\n *   OneBlinkAppsError,\n *   draftService,\n *   submissionService,\n *   IsOfflineContextProvider,\n *   OneBlinkForm,\n *   useIsMounted,\n * } from '@oneblink/apps-react'\n * import '@oneblink/apps-react/dist/styles.css'\n *\n * const captchaSiteKey = 'ENTER_YOUR_SITE_KEY_HERE'\n * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'\n * const formsAppId = 1\n * const form: FormTypes.Form = {\n *   id: 1,\n *   name: 'Name of Form',\n *   description: '',\n *   organisationId: 'abc123',\n *   formsAppEnvironmentId: 1,\n *   formsAppIds: [],\n *   elements: [],\n *   isAuthenticated: false,\n *   isMultiPage: false,\n *   isInfoPage: false,\n *   publishStartDate: null,\n *   publishEndDate: null,\n *   postSubmissionAction: 'FORMS_LIBRARY',\n *   submissionEvents: [],\n *   tags: [],\n * }\n *\n * function FormContainer() {\n *   const isMounted = useIsMounted()\n *\n *   const [{ isSavingDraft, saveDraftError }, setSaveDraftState] =\n *     React.useState({\n *       isSavingDraft: false,\n *       saveDraftError: null,\n *     })\n *\n *   const [\n *     { isSubmitting, submitError, formSubmissionResult },\n *     setSubmitState,\n *   ] = React.useState({\n *     formSubmissionResult: null,\n *     isSubmitting: false,\n *     submitError: null,\n *   })\n *\n *   const handleSubmit = React.useCallback(\n *     async (newFormSubmission: FormTypes.NewFormSubmission) => {\n *       const formSubmission: FormSubmission = Object.assign(\n *         {},\n *         newFormSubmission,\n *         {\n *           formsAppId,\n *           jobId: null,\n *           externalId: null,\n *           draftId: null,\n *           preFillFormDataId: null,\n *         },\n *       )\n *\n *       setSubmitState({\n *         formSubmissionResult: null,\n *         submitError: null,\n *         isSubmitting: true,\n *       })\n *\n *       try {\n *         const newFormSubmissionResult = await submissionService.submit({\n *           formSubmission,\n *         })\n *         if (\n *           newFormSubmissionResult.isOffline &&\n *           !newFormSubmissionResult.isInPendingQueue\n *         ) {\n *           throw new OneBlinkAppsError(\n *             'You cannot submit this form while offline, please try again when connectivity is restored.',\n *             {\n *               isOffline: true,\n *             },\n *           )\n *         }\n *\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: newFormSubmissionResult,\n *             isSubmitting: false,\n *             submitError: null,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSubmitState({\n *             formSubmissionResult: null,\n *             isSubmitting: false,\n *             submitError: error,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleSaveDraft = React.useCallback(\n *     async (newDraftSubmission: FormTypes.NewDraftSubmission) => {\n *       const draftSubmission: FormTypes.DraftSubmission = {\n *         ...newDraftSubmission,\n *         formsAppId,\n *       }\n *       setSaveDraftState({\n *         saveDraftError: null,\n *         isSavingDraft: true,\n *       })\n *\n *       try {\n *         await draftService.addDraft(\n *           {\n *             title: form.name,\n *             formId: form.id,\n *             externalId: null,\n *             jobId: null,\n *           },\n *           draftSubmission,\n *         )\n *\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: null,\n *             isSavingDraft: false,\n *           })\n *         }\n *       } catch (error) {\n *         if (isMounted.current) {\n *           setSaveDraftState({\n *             saveDraftError: error,\n *             isSavingDraft: false,\n *           })\n *         }\n *       }\n *     },\n *     [isMounted],\n *   )\n *\n *   const handleCancel = React.useCallback(() => {\n *     // handle cancel here...\n *   }, [isMounted])\n *\n *   if (isSubmitting) {\n *     // Render submitting animation/loading\n *   }\n *\n *   if (submitError) {\n *     // Render error while submitting\n *   }\n *\n *   if (isSavingDraft) {\n *     // Render saving draft animation/loading\n *   }\n *\n *   if (saveDraftError) {\n *     // Render error while saving draft\n *   }\n *\n *   if (formSubmissionResult) {\n *     // Render submission success\n *   }\n *\n *   return (\n *     <OneBlinkForm\n *       captchaSiteKey={captchaSiteKey}\n *       googleMapsApiKey={googleMapsApiKey}\n *       formsAppId={formsAppId}\n *       form={form}\n *       onCancel={handleCancel}\n *       onSubmit={handleSubmit}\n *       onSaveDraft={handleSaveDraft}\n *       attachmentRetentionInDays={1}\n *       audience=\"SUBMITTER\"\n *     />\n *   )\n * }\n *\n * function App() {\n *   return (\n *     <IsOfflineContextProvider>\n *       <FormContainer />\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nconst OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  resumeSectionState,\n  resumePreviousElapsedDurationSeconds,\n  ...props\n}: OneBlinkFormUncontrolledProps &\n  OneBlinkFormAudienceProps & {\n    /** The element to resume the form at. */\n    resumeAtElement?: FormTypes.FormElement\n    resumeSectionState?: SectionState\n    resumePreviousElapsedDurationSeconds?: number\n  }) {\n  const [getCurrentSubmissionDuration] = useFormSubmissionDuration(\n    resumePreviousElapsedDurationSeconds,\n  )\n  const [\n    {\n      definition,\n      submission,\n      lastElementUpdated,\n      executedLookups,\n      sectionState,\n    },\n    setFormSubmission,\n  ] = useFormSubmissionState(\n    form,\n    initialSubmission,\n    resumeAtElement,\n    resumeSectionState,\n  )\n  const isApprover = props.audience === 'APPROVER'\n\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      definition={definition}\n      submission={submission}\n      setFormSubmission={setFormSubmission}\n      lastElementUpdated={lastElementUpdated}\n      executedLookups={executedLookups}\n      sectionState={sectionState}\n      getCurrentSubmissionDuration={getCurrentSubmissionDuration}\n      onCancel={isApprover ? noop : props.onCancel}\n      onSubmit={isApprover ? noop : props.onSubmit}\n    />\n  )\n})\n\nexport type OneBlinkFormProps = React.ComponentProps<\n  typeof OneBlinkFormUncontrolled\n>\n\nexport { OneBlinkFormControlled, OneBlinkFormUncontrolled }\n"]}

package/dist/OneBlinkFormBase.d.ts

@@ -3,7 +3,7 @@ import { submissionService, attachmentsService } from './apps';
 import { EnvironmentTypes, FormTypes, FormsAppsTypes, ScheduledTasksTypes, SubmissionTypes } from '@oneblink/types';
 import { ReplaceInjectablesOverrides } from './hooks/useReplaceInjectablesOverrides';
 import { CaptchaType, ExecutedLookups, SetFormSubmission, SectionState } from './types/form';
-export type OneBlinkReadOnlyFormProps = {
+type OneBlinkFormDisplayProps = {
     /**
      * A [Google Maps API
      * Key](https://developers.google.com/maps/documentation/javascript/get-api-key).
@@ -40,7 +40,27 @@ export type OneBlinkReadOnlyFormProps = {
      */
     audience: FormTypes.FormElementHiddenFromAudience;
 };
-export type OneBlinkFormBaseProps = OneBlinkReadOnlyFormProps & {
+export type OneBlinkReadOnlyFormProps = OneBlinkFormDisplayProps & ((OneBlinkFormControlledProps & {
+    /**
+     * Element ids that remain editable. All other elements are read-only.
+     * Requires the same controlled submission props as
+     * `OneBlinkFormControlled`.
+     */
+    editableFormElementIds: string[];
+    form?: never;
+    initialSubmission?: never;
+}) | (OneBlinkFormUncontrolledProps & {
+    /** Omit to render every form element as read-only. */
+    editableFormElementIds?: never;
+    definition?: never;
+    submission?: never;
+    setFormSubmission?: never;
+    lastElementUpdated?: never;
+    executedLookups?: never;
+    sectionState?: never;
+}));
+export type OneBlinkFormBaseProps = OneBlinkFormDisplayProps & {
+    editableFormElementIds?: string[];
     /** The function to call when the user cancels the form */
     onCancel: () => unknown;
     /**
@@ -162,6 +182,6 @@ export type OneBlinkFormControlledProps = {
 type Props = OneBlinkFormBaseProps & OneBlinkFormControlledProps & {
     isReadOnly: boolean;
 };
-declare function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captchaSiteKey, definition, disabled, isPreview, submission, isReadOnly, onCancel, onSubmit, onSaveDraft, setFormSubmission, buttons, validationIcon, primaryColour, attachmentRetentionInDays, isPendingQueueEnabled, handleNavigateAway, isInfoPage: isInfoPageProp, lastElementUpdated, executedLookups, task, taskGroup, taskGroupInstance, onUploadAttachment, captchaType, shouldUseNavigableValidationErrorsNotification, navigableValidationErrorsNotificationSettings, replaceInjectablesOverrides, sectionState, scrollToTopOfPage, getCurrentSubmissionDuration, onBeforeUnload, audience, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captchaSiteKey, definition, disabled, isPreview, submission, isReadOnly, onCancel, onSubmit, onSaveDraft, setFormSubmission, buttons, validationIcon, primaryColour, attachmentRetentionInDays, isPendingQueueEnabled, handleNavigateAway, isInfoPage: isInfoPageProp, lastElementUpdated, executedLookups, task, taskGroup, taskGroupInstance, onUploadAttachment, captchaType, shouldUseNavigableValidationErrorsNotification, navigableValidationErrorsNotificationSettings, replaceInjectablesOverrides, sectionState, scrollToTopOfPage, getCurrentSubmissionDuration, onBeforeUnload, audience, editableFormElementIds, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OneBlinkFormBase>;
 export default _default;