@oneblink/apps-react 2.9.0-beta.2 → 2.9.0-beta.3

package/dist/OneBlinkAutoSaveForm.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { OneBlinkFormUncontrolled } from './OneBlinkForm';
+import { FormTypes } from '@oneblink/types';
 declare type Props = React.ComponentProps<typeof OneBlinkFormUncontrolled> & {
     autoSaveKey: string;
     removeAutoSaveDataBeforeSubmit?: boolean;
     removeAutoSaveDataBeforeSaveDraft?: boolean;
+    resumeAtElement?: FormTypes.FormElement;
 };
-declare function OneBlinkAutoSaveForm({ form, initialSubmission, autoSaveKey, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, onCancel, onSubmit, onSaveDraft, ...props }: Props): JSX.Element;
+declare function OneBlinkAutoSaveForm({ form, initialSubmission, resumeAtElement, autoSaveKey, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, onCancel, onSubmit, onSaveDraft, ...props }: Props): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OneBlinkAutoSaveForm>;
 export default _default;

package/dist/OneBlinkAutoSaveForm.js

@@ -3,10 +3,11 @@ import OnLoading from './components/renderer/OnLoading';
 import Modal from './components/renderer/Modal';
 import OneBlinkFormBase from './OneBlinkFormBase';
 import useFormSubmissionAutoSaveState from './hooks/useFormSubmissionAutoSaveState';
-function OneBlinkAutoSaveForm({ form, initialSubmission, autoSaveKey, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, onCancel, onSubmit, onSaveDraft, ...props }) {
-    const { definition, submission, isLoadingAutoSaveSubmission, isAutoSaveSubmissionAvailable, startNewSubmission, continueAutoSaveSubmission, handleSubmit, handleCancel, handleSaveDraft, setFormSubmission, handleNavigateAway, } = useFormSubmissionAutoSaveState({
+function OneBlinkAutoSaveForm({ form, initialSubmission, resumeAtElement, autoSaveKey, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, onCancel, onSubmit, onSaveDraft, ...props }) {
+    const { definition, submission, isLoadingAutoSaveSubmission, isAutoSaveSubmissionAvailable, startNewSubmission, continueAutoSaveSubmission, handleSubmit, handleCancel, handleSaveDraft, setFormSubmission, handleNavigateAway, lastElementUpdated, } = useFormSubmissionAutoSaveState({
         form,
         initialSubmission,
+        resumeAtElement,
         autoSaveKey,
         removeAutoSaveDataBeforeSubmit,
         removeAutoSaveDataBeforeSaveDraft,
@@ -23,7 +24,7 @@ function OneBlinkAutoSaveForm({ form, initialSubmission, autoSaveKey, removeAuto
                 React.createElement("button", { type: "button", className: "button ob-button is-light cypress-continue-auto-save-start-again-button", onClick: startNewSubmission }, "Start Again"),
                 React.createElement("button", { type: "button", className: "button ob-button is-primary cypress-continue-auto-save-continue-button", onClick: continueAutoSaveSubmission }, "Continue")) }, "We found an in progress submission, would you like to pick up where you left off or start again?"));
     }
-    return (React.createElement(OneBlinkFormBase, { ...props, isReadOnly: false, submission: submission, definition: definition, onCancel: handleCancel, onSubmit: handleSubmit, onSaveDraft: handleSaveDraft, setFormSubmission: setFormSubmission, handleNavigateAway: handleNavigateAway }));
+    return (React.createElement(OneBlinkFormBase, { ...props, isReadOnly: false, submission: submission, definition: definition, onCancel: handleCancel, onSubmit: handleSubmit, onSaveDraft: handleSaveDraft, setFormSubmission: setFormSubmission, handleNavigateAway: handleNavigateAway, lastElementUpdated: lastElementUpdated }));
 }
 export default React.memo(OneBlinkAutoSaveForm);
 //# sourceMappingURL=OneBlinkAutoSaveForm.js.map

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;AASnF,SAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,iBAAiB,EACjB,WAAW,EACX,8BAA8B,EAC9B,iCAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACF;IACN,MAAM,EACJ,UAAU,EACV,UAAU,EACV,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,kBAAkB,GACnB,GAAG,8BAA8B,CAAC;QACjC,IAAI;QACJ,iBAAiB;QACjB,WAAW;QACX,8BAA8B;QAC9B,iCAAiC;QACjC,QAAQ;QACR,QAAQ;QACR,WAAW;KACZ,CAAC,CAAA;IAEF,IAAI,2BAA2B,EAAE;QAC/B,OAAO,CACL,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,GAAa,CACjD,CACP,CAAA;KACF;IAED,IAAI,6BAA6B,EAAE;QACjC,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAC,WAAW,EACjB,aAAa,EAAC,4BAA4B,EAC1C,OAAO,EACL;gBACE,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yEAAyE,EACnF,OAAO,EAAE,kBAAkB,kBAGpB;gBACT,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,0BAA0B,eAG5B,CACR,uGAKC,CACT,CAAA;KACF;IAED,OAAO,CACL,oBAAC,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,GACtC,CACH,CAAA;AACH,CAAC;AAED,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 Props = React.ComponentProps<typeof OneBlinkFormUncontrolled> & {\n  autoSaveKey: string\n  removeAutoSaveDataBeforeSubmit?: boolean\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n}\n\nfunction OneBlinkAutoSaveForm({\n  form,\n  initialSubmission,\n  autoSaveKey,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n  ...props\n}: Props) {\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  } = useFormSubmissionAutoSaveState({\n    form,\n    initialSubmission,\n    autoSaveKey,\n    removeAutoSaveDataBeforeSubmit,\n    removeAutoSaveDataBeforeSaveDraft,\n    onCancel,\n    onSubmit,\n    onSaveDraft,\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={startNewSubmission}\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            >\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\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    />\n  )\n}\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;AAWnF,SAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,8BAA8B,EAC9B,iCAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACF;IACN,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,GACnB,GAAG,8BAA8B,CAAC;QACjC,IAAI;QACJ,iBAAiB;QACjB,eAAe;QACf,WAAW;QACX,8BAA8B;QAC9B,iCAAiC;QACjC,QAAQ;QACR,QAAQ;QACR,WAAW;KACZ,CAAC,CAAA;IAEF,IAAI,2BAA2B,EAAE;QAC/B,OAAO,CACL,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,GAAa,CACjD,CACP,CAAA;KACF;IAED,IAAI,6BAA6B,EAAE;QACjC,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,QACN,KAAK,EAAC,WAAW,EACjB,aAAa,EAAC,4BAA4B,EAC1C,OAAO,EACL;gBACE,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yEAAyE,EACnF,OAAO,EAAE,kBAAkB,kBAGpB;gBACT,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,0BAA0B,eAG5B,CACR,uGAKC,CACT,CAAA;KACF;IAED,OAAO,CACL,oBAAC,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,GACtC,CACH,CAAA;AACH,CAAC;AAED,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'\nimport { FormTypes } from '@oneblink/types'\n\ntype Props = React.ComponentProps<typeof OneBlinkFormUncontrolled> & {\n  autoSaveKey: string\n  removeAutoSaveDataBeforeSubmit?: boolean\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n  resumeAtElement?: FormTypes.FormElement\n}\n\nfunction OneBlinkAutoSaveForm({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  autoSaveKey,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n  ...props\n}: Props) {\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  } = useFormSubmissionAutoSaveState({\n    form,\n    initialSubmission,\n    resumeAtElement,\n    autoSaveKey,\n    removeAutoSaveDataBeforeSubmit,\n    removeAutoSaveDataBeforeSaveDraft,\n    onCancel,\n    onSubmit,\n    onSaveDraft,\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={startNewSubmission}\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            >\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\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    />\n  )\n}\n\nexport default React.memo(OneBlinkAutoSaveForm)\n"]}

package/dist/OneBlinkForm.d.ts

@@ -6,6 +6,7 @@ declare const OneBlinkFormControlled: React.NamedExoticComponent<BaseProps & Con
 declare type UncontrolledProps = {
     form: FormTypes.Form;
     initialSubmission?: FormSubmissionModel;
+    resumeAtElement?: FormTypes.FormElement;
 };
 declare const OneBlinkFormUncontrolled: React.NamedExoticComponent<BaseProps & UncontrolledProps>;
 export { OneBlinkFormControlled, OneBlinkFormUncontrolled };

package/dist/OneBlinkForm.js

@@ -4,9 +4,9 @@ import useFormSubmissionState from './hooks/useFormSubmissionState';
 const OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(props) {
     return React.createElement(OneBlinkFormBase, { ...props, isReadOnly: false });
 });
-const OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({ form, initialSubmission, ...props }) {
-    const [{ definition, submission }, setFormSubmission] = useFormSubmissionState(form, initialSubmission);
-    return (React.createElement(OneBlinkFormBase, { ...props, isReadOnly: false, definition: definition, submission: submission, setFormSubmission: setFormSubmission }));
+const OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({ form, initialSubmission, resumeAtElement, ...props }) {
+    const [{ definition, submission, lastElementUpdated }, setFormSubmission] = useFormSubmissionState(form, initialSubmission, resumeAtElement);
+    return (React.createElement(OneBlinkFormBase, { ...props, isReadOnly: false, definition: definition, submission: submission, setFormSubmission: setFormSubmission, lastElementUpdated: lastElementUpdated }));
 });
 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,gBAGN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AAGnE,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,sBAAsB,CACvE,KAAkC;IAElC,OAAO,oBAAC,gBAAgB,OAAK,KAAK,EAAE,UAAU,EAAE,KAAK,GAAI,CAAA;AAC3D,CAAC,CAAC,CAAA;AAOF,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,wBAAwB,CAAC,EAC5E,IAAI,EACJ,iBAAiB,EACjB,GAAG,KAAK,EACsB;IAC9B,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,iBAAiB,CAAC,GACnD,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;IACjD,OAAO,CACL,oBAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,GACpC,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  BaseProps,\n  ControlledProps,\n} from './OneBlinkFormBase'\nimport useFormSubmissionState from './hooks/useFormSubmissionState'\nimport { FormSubmissionModel } from './types/form'\n\nconst OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(\n  props: BaseProps & ControlledProps,\n) {\n  return <OneBlinkFormBase {...props} isReadOnly={false} />\n})\n\ntype UncontrolledProps = {\n  form: FormTypes.Form\n  initialSubmission?: FormSubmissionModel\n}\n\nconst OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({\n  form,\n  initialSubmission,\n  ...props\n}: BaseProps & UncontrolledProps) {\n  const [{ definition, submission }, setFormSubmission] =\n    useFormSubmissionState(form, initialSubmission)\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      definition={definition}\n      submission={submission}\n      setFormSubmission={setFormSubmission}\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,gBAGN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,MAAM,gCAAgC,CAAA;AAGnE,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,sBAAsB,CACvE,KAAkC;IAElC,OAAO,oBAAC,gBAAgB,OAAK,KAAK,EAAE,UAAU,EAAE,KAAK,GAAI,CAAA;AAC3D,CAAC,CAAC,CAAA;AAQF,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,wBAAwB,CAAC,EAC5E,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,GAAG,KAAK,EACsB;IAC9B,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,iBAAiB,CAAC,GACvE,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAA;IAClE,OAAO,CACL,oBAAC,gBAAgB,OACX,KAAK,EACT,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,GACtC,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  BaseProps,\n  ControlledProps,\n} from './OneBlinkFormBase'\nimport useFormSubmissionState from './hooks/useFormSubmissionState'\nimport { FormSubmissionModel } from './types/form'\n\nconst OneBlinkFormControlled = React.memo(function OneBlinkFormControlled(\n  props: BaseProps & ControlledProps,\n) {\n  return <OneBlinkFormBase {...props} isReadOnly={false} />\n})\n\ntype UncontrolledProps = {\n  form: FormTypes.Form\n  initialSubmission?: FormSubmissionModel\n  resumeAtElement?: FormTypes.FormElement\n}\n\nconst OneBlinkFormUncontrolled = React.memo(function OneBlinkFormUncontrolled({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  ...props\n}: BaseProps & UncontrolledProps) {\n  const [{ definition, submission, lastElementUpdated }, setFormSubmission] =\n    useFormSubmissionState(form, initialSubmission, resumeAtElement)\n  return (\n    <OneBlinkFormBase\n      {...props}\n      isReadOnly={false}\n      definition={definition}\n      submission={submission}\n      setFormSubmission={setFormSubmission}\n      lastElementUpdated={lastElementUpdated}\n    />\n  )\n})\n\nexport { OneBlinkFormControlled, OneBlinkFormUncontrolled }\n"]}

package/dist/OneBlinkFormBase.d.ts

@@ -22,10 +22,11 @@ export declare type ControlledProps = {
     definition: FormTypes.Form;
     submission: FormSubmissionModel;
     setFormSubmission: SetFormSubmission;
+    lastElementUpdated?: FormTypes.FormElement;
 };
 declare type Props = BaseProps & ControlledProps & {
     isReadOnly: boolean;
 };
-declare function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captchaSiteKey, definition, disabled, isPreview, submission, isReadOnly, onCancel, onSubmit, onSaveDraft, setFormSubmission, buttons, primaryColour, attachmentRetentionInDays, allowSubmitWithPendingAttachments, handleNavigateAway, isInfoPage: isInfoPageProp, }: Props): JSX.Element;
+declare function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captchaSiteKey, definition, disabled, isPreview, submission, isReadOnly, onCancel, onSubmit, onSaveDraft, setFormSubmission, buttons, primaryColour, attachmentRetentionInDays, allowSubmitWithPendingAttachments, handleNavigateAway, isInfoPage: isInfoPageProp, lastElementUpdated, }: Props): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OneBlinkFormBase>;
 export default _default;

package/dist/OneBlinkFormBase.js

@@ -29,7 +29,8 @@ import checkIfBsbsAreValidating from './services/checkIfBsbsAreValidating';
 import checkIfAttachmentsExist from './services/checkIfAttachmentsExist';
 import useAuth from './hooks/useAuth';
 import determineIsInfoPage from './services/determineIsInfoPage';
-function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captchaSiteKey, definition, disabled, isPreview, submission, isReadOnly, onCancel, onSubmit, onSaveDraft, setFormSubmission, buttons, primaryColour, attachmentRetentionInDays, allowSubmitWithPendingAttachments, handleNavigateAway, isInfoPage: isInfoPageProp, }) {
+import { formElementsService } from '@oneblink/sdk-core';
+function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captchaSiteKey, definition, disabled, isPreview, submission, isReadOnly, onCancel, onSubmit, onSaveDraft, setFormSubmission, buttons, primaryColour, attachmentRetentionInDays, allowSubmitWithPendingAttachments, handleNavigateAway, isInfoPage: isInfoPageProp, lastElementUpdated, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const isOffline = useIsOffline();
     const { isUsingFormsKey } = useAuth();
@@ -346,6 +347,7 @@ function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captc
                 definition,
                 submission,
                 backgroundUpload: continueWhilstAttachmentsAreUploading,
+                lastElementUpdated,
             });
         }
     }, [
@@ -356,6 +358,7 @@ function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captc
         getCurrentSubmissionData,
         onSaveDraft,
         checkBsbAreValidating,
+        lastElementUpdated,
     ]);
     const handleContinueWithAttachments = React.useCallback((e) => {
         setPromptUploadingAttachments(false);
@@ -417,6 +420,28 @@ function OneBlinkFormBase({ googleMapsApiKey, abnLookupAuthenticationGuid, captc
     // #endregion
     //
     //
+    const lastElementUpdatedPage = React.useMemo(() => {
+        return definition.elements.find((pageElement) => {
+            if (pageElement.type === 'page') {
+                return formElementsService.findFormElement(pageElement.elements, (el) => el.id === (lastElementUpdated === null || lastElementUpdated === void 0 ? void 0 : lastElementUpdated.id));
+            }
+        });
+    }, [lastElementUpdated, definition]);
+    const [hasResumed, setHasResumed] = React.useState(false);
+    React.useEffect(() => {
+        if (!hasResumed) {
+            if (lastElementUpdated && lastElementUpdatedPage) {
+                setPageId(lastElementUpdatedPage.id);
+                const element = document.getElementById(lastElementUpdated.id);
+                if (element) {
+                    window.requestAnimationFrame(() => {
+                        element.scrollIntoView({ behavior: 'smooth' });
+                    });
+                }
+            }
+            setHasResumed(true);
+        }
+    }, [lastElementUpdated, hasResumed, lastElementUpdatedPage, setPageId]);
     if (conditionalLogicError) {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "has-text-centered" },

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 {\n  createTheme as createMuiTheme,\n  ThemeProvider,\n  Tooltip,\n} from '@mui/material'\nimport { Prompt, useHistory } from 'react-router-dom'\nimport clsx from 'clsx'\nimport * as bulmaToast from 'bulma-toast'\nimport { localisationService, submissionService } from '@oneblink/apps'\nimport { FormTypes, FormsAppsTypes } from '@oneblink/types'\nimport { attachmentsService } from '@oneblink/apps'\n\nimport Modal from './components/renderer/Modal'\nimport OneBlinkAppsErrorOriginalMessage from './components/renderer/OneBlinkAppsErrorOriginalMessage'\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 { ExecutedLookupProvider } from './hooks/useExecutedLookupCallback'\nimport useDynamicOptionsLoaderState from './hooks/useDynamicOptionsLoaderState'\nimport { GoogleMapsApiKeyContext } from './hooks/useGoogleMapsApiKey'\nimport { AbnLookupAuthenticationGuidContext } from './hooks/useAbnLookupAuthenticationGuid'\nimport { CaptchaSiteKeyContext } from './hooks/useCaptchaSiteKey'\nimport { FormIsReadOnlyContext } from './hooks/useFormIsReadOnly'\nimport { AttachmentBlobsProvider } from './hooks/attachments/useAttachmentBlobs'\nimport useIsOffline from './hooks/useIsOffline'\nimport CustomisableButtonInner from './components/renderer/CustomisableButtonInner'\nimport {\n  FormElementsValidation,\n  FormElementValueChangeHandler,\n  FormSubmissionModel,\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 determineIsInfoPage from './services/determineIsInfoPage'\n\nexport type BaseProps = {\n  onCancel: () => unknown\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  disabled?: boolean\n  isPreview?: boolean\n  googleMapsApiKey?: string\n  abnLookupAuthenticationGuid?: string\n  captchaSiteKey?: string\n  buttons?: FormsAppsTypes.FormsListStyles['buttons']\n  primaryColour?: string\n  attachmentRetentionInDays?: number\n  allowSubmitWithPendingAttachments?: boolean\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n  handleNavigateAway?: () => unknown\n  isInfoPage?: 'YES' | 'NO' | 'CALCULATED'\n}\n\nexport type ControlledProps = {\n  definition: FormTypes.Form\n  submission: FormSubmissionModel\n  setFormSubmission: SetFormSubmission\n}\n\ntype Props = BaseProps &\n  ControlledProps & {\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  allowSubmitWithPendingAttachments,\n  handleNavigateAway,\n  isInfoPage: isInfoPageProp,\n}: Props) {\n  const isOffline = useIsOffline()\n  const { isUsingFormsKey } = useAuth()\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 determineIsInfoPage(definition)\n  }, [definition, isInfoPageProp])\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 [\n    { isDirty, isNavigationAllowed, hasConfirmedNavigation, goToLocation },\n    setUnsavedChangesState,\n  ] = React.useState<{\n    isDirty: boolean\n    isNavigationAllowed: boolean\n    hasConfirmedNavigation: boolean | null\n    goToLocation: Location | null\n  }>({\n    isDirty: false,\n    isNavigationAllowed: false,\n    hasConfirmedNavigation: null,\n    goToLocation: null,\n  })\n  const [promptUploadingAttachments, setPromptUploadingAttachments] =\n    React.useState<boolean>(false)\n  const handleBlockedNavigation = React.useCallback((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 { formElementsConditionallyShown, conditionalLogicError } =\n    useConditionalLogic(definition, submission)\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Validation\n\n  const { validate, executedLookup, executeLookupFailed } =\n    useFormValidation(pages)\n\n  const formElementsValidation = React.useMemo<\n    FormElementsValidation | undefined\n  >(\n    () =>\n      !isReadOnly\n        ? validate(submission, formElementsConditionallyShown)\n        : undefined,\n    [formElementsConditionallyShown, isReadOnly, submission, validate],\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Pages\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    pages,\n    formElementsValidation,\n    formElementsConditionallyShown,\n  })\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Dynamic Options\n\n  const loadDynamicOptionsState = useDynamicOptionsLoaderState(\n    definition,\n    setFormSubmission,\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Submissions\n\n  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React.useState(false)\n  const getCurrentSubmissionData = React.useCallback(\n    (stripBinaryData) => {\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: FormSubmissionModel) => {\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...hopefully.\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 || !allowSubmitWithPendingAttachments) {\n          bulmaToast.toast({\n            message:\n              'Attachments are still uploading, please wait for them to finish before trying again.',\n            // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n            type: 'ob-toast is-primary 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, isUsingFormsKey, allowSubmitWithPendingAttachments],\n  )\n\n  const checkBsbsCanBeSubmitted = React.useCallback(\n    (submission: FormSubmissionModel) => {\n      return !checkBsbsAreInvalid(definition, submission)\n    },\n    [definition],\n  )\n\n  const checkBsbAreValidating = React.useCallback(\n    (submission: FormSubmissionModel) => {\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          // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n          type: 'ob-toast is-primary 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 handleSubmit = React.useCallback(\n    (event, continueWhilstAttachmentsAreUploading) => {\n      event.preventDefault()\n      if (disabled || isReadOnly) return\n      setHasAttemptedSubmit(true)\n\n      const submissionData = getCurrentSubmissionData(false)\n      if (!checkBsbAreValidating(submissionData.submission)) {\n        return\n      }\n      if (formElementsValidation) {\n        console.log('Validation errors', formElementsValidation)\n        bulmaToast.toast({\n          message: 'Please fix validation errors',\n          // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n          type: 'ob-toast is-danger cypress-invalid-submit-attempt',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return\n      }\n      if (!checkBsbsCanBeSubmitted(submissionData.submission)) {\n        return\n      }\n      if (!continueWhilstAttachmentsAreUploading) {\n        if (!checkAttachmentsCanBeSubmitted(submissionData.submission)) {\n          return\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          // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n          type: 'ob-toast is-danger cypress-invalid-submit-attempt',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return\n      }\n\n      allowNavigation()\n\n      onSubmit({\n        definition,\n        submission: submissionData.submission,\n        captchaTokens: submissionData.captchaTokens,\n      })\n    },\n    [\n      disabled,\n      isReadOnly,\n      getCurrentSubmissionData,\n      checkBsbAreValidating,\n      formElementsValidation,\n      checkAttachmentsCanBeSubmitted,\n      checkBsbsCanBeSubmitted,\n      definition,\n      attachmentRetentionInDays,\n      allowNavigation,\n      onSubmit,\n      setFormSubmission,\n    ],\n  )\n\n  const handleSaveDraft = React.useCallback(\n    (continueWhilstAttachmentsAreUploading) => {\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 (!continueWhilstAttachmentsAreUploading) {\n          if (!checkAttachmentsCanBeSubmitted(submission)) {\n            return\n          }\n        }\n        onSaveDraft({\n          definition,\n          submission,\n          backgroundUpload: continueWhilstAttachmentsAreUploading,\n        })\n      }\n    },\n    [\n      allowNavigation,\n      checkAttachmentsCanBeSubmitted,\n      definition,\n      disabled,\n      getCurrentSubmissionData,\n      onSaveDraft,\n      checkBsbAreValidating,\n    ],\n  )\n\n  const handleContinueWithAttachments = React.useCallback(\n    (e) => {\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<FormElementValueChangeHandler>(\n    (element, value) => {\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\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        lastElementUpdated: element,\n      }))\n    },\n    [disabled, setFormSubmission],\n  )\n\n  // #endregion\n  //\n  //\n\n  if (conditionalLogicError) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <i className=\"material-icons has-text-warning icon-x-large\">error</i>\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  if (loadDynamicOptionsState) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <i className=\"material-icons has-text-warning icon-x-large\">error</i>\n          <h3 className=\"title is-3\">{loadDynamicOptionsState.error.title}</h3>\n          <p>{loadDynamicOptionsState.error.message}</p>\n          <p className=\"has-text-grey\">\n            {localisationService.formatDatetimeLong(new Date())}\n          </p>\n        </div>\n\n        <OneBlinkAppsErrorOriginalMessage\n          error={loadDynamicOptionsState.error.originalError}\n        />\n      </>\n    )\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n      <div className=\"ob-form-container\" ref={obFormContainerHTMLElementRef}>\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                    <i className=\"material-icons\">keyboard_arrow_down</i>\n                  </span>\n                  <div className=\"steps-header-active-page\">\n                    {isDisplayingCurrentPageError ? (\n                      <span className=\"icon\">\n                        <i className=\"material-icons has-text-danger is-size-4\">\n                          warning\n                        </i>\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                    <i className=\"material-icons\">keyboard_arrow_down</i>\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('step-item cypress-step-item', {\n                              'is-active': currentPage.id === page.id,\n                              'is-completed': currentPageIndex > index,\n                              'is-error': hasErrors,\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                                    <i className=\"material-icons has-text-danger is-size-3\">\n                                      warning\n                                    </i>\n                                  </span>\n                                </Tooltip>\n                              ) : (\n                                <span>{index + 1}</span>\n                              )}\n                            </div>\n                            <div className=\"step-details ob-step-details\">\n                              <p className=\"step-title ob-step-title cypress-desktop-step-title\">\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                <FormDefinitionContext.Provider value={definition}>\n                  <InjectPagesContext.Provider value={handlePagesLookupResult}>\n                    <ExecutedLookupProvider\n                      executedLookup={executedLookup}\n                      executeLookupFailed={executeLookupFailed}\n                    >\n                      <GoogleMapsApiKeyContext.Provider\n                        value={googleMapsApiKey}\n                      >\n                        <AbnLookupAuthenticationGuidContext.Provider\n                          value={abnLookupAuthenticationGuid}\n                        >\n                          <CaptchaSiteKeyContext.Provider\n                            value={captchaSiteKey}\n                          >\n                            <AttachmentBlobsProvider>\n                              <FormIsReadOnlyContext.Provider\n                                value={isReadOnly}\n                              >\n                                {visiblePages.map(\n                                  (pageElement: FormTypes.PageElement) => (\n                                    <PageFormElements\n                                      key={pageElement.id}\n                                      isActive={\n                                        pageElement.id === 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={setFormSubmission}\n                                    />\n                                  ),\n                                )}\n                              </FormIsReadOnlyContext.Provider>\n                            </AttachmentBlobsProvider>\n                          </CaptchaSiteKeyContext.Provider>\n                        </AbnLookupAuthenticationGuidContext.Provider>\n                      </GoogleMapsApiKeyContext.Provider>\n                    </ExecutedLookupProvider>\n                  </InjectPagesContext.Provider>\n                </FormDefinitionContext.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                        <i className=\"material-icons\">keyboard_arrow_left</i>\n                      </span>\n                      <span>Back</span>\n                    </button>\n                  </div>\n                  <div className=\"step-progress-mobile cypress-steps-mobile\">\n                    {visiblePages.map((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                  </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                        <i className=\"material-icons\">keyboard_arrow_right</i>\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                  <button\n                    type=\"submit\"\n                    className=\"button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form\"\n                    disabled={isPreview || disabled}\n                  >\n                    <CustomisableButtonInner\n                      label={\n                        isInfoPage ? 'Done' : buttons?.submit?.label || 'Submit'\n                      }\n                      icon={buttons?.submit?.icon}\n                    />\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n        </form>\n\n        {!isReadOnly && (\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={buttons?.saveDraft?.label || 'Save Draft'}\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                  >\n                    <CustomisableButtonInner\n                      label={buttons?.cancelPromptYes?.label || 'Discard'}\n                      icon={buttons?.cancelPromptYes?.icon}\n                    />\n                  </button>\n                </>\n              }\n            >\n              <p>\n                You have unsaved changes, are you sure you want discard 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                  >\n                    Continue\n                  </button>\n                </>\n              }\n            >\n              <p>\n                Your attachments are still uploading, do you want to wait for\n                the uploads to complete or continue using the app? If you click\n                continue the attachments will upload in the background. Do not\n                close the app until the upload has been completed.\n              </p>\n            </Modal>\n          </React.Fragment>\n        )}\n      </div>\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 {\n  createTheme as createMuiTheme,\n  ThemeProvider,\n  Tooltip,\n} from '@mui/material'\nimport { Prompt, useHistory } from 'react-router-dom'\nimport clsx from 'clsx'\nimport * as bulmaToast from 'bulma-toast'\nimport { localisationService, submissionService } from '@oneblink/apps'\nimport { FormTypes, FormsAppsTypes } from '@oneblink/types'\nimport { attachmentsService } from '@oneblink/apps'\n\nimport Modal from './components/renderer/Modal'\nimport OneBlinkAppsErrorOriginalMessage from './components/renderer/OneBlinkAppsErrorOriginalMessage'\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 { ExecutedLookupProvider } from './hooks/useExecutedLookupCallback'\nimport useDynamicOptionsLoaderState from './hooks/useDynamicOptionsLoaderState'\nimport { GoogleMapsApiKeyContext } from './hooks/useGoogleMapsApiKey'\nimport { AbnLookupAuthenticationGuidContext } from './hooks/useAbnLookupAuthenticationGuid'\nimport { CaptchaSiteKeyContext } from './hooks/useCaptchaSiteKey'\nimport { FormIsReadOnlyContext } from './hooks/useFormIsReadOnly'\nimport { AttachmentBlobsProvider } from './hooks/attachments/useAttachmentBlobs'\nimport useIsOffline from './hooks/useIsOffline'\nimport CustomisableButtonInner from './components/renderer/CustomisableButtonInner'\nimport {\n  FormElementsValidation,\n  FormElementValueChangeHandler,\n  FormSubmissionModel,\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 determineIsInfoPage from './services/determineIsInfoPage'\nimport { formElementsService } from '@oneblink/sdk-core'\n\nexport type BaseProps = {\n  onCancel: () => unknown\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  disabled?: boolean\n  isPreview?: boolean\n  googleMapsApiKey?: string\n  abnLookupAuthenticationGuid?: string\n  captchaSiteKey?: string\n  buttons?: FormsAppsTypes.FormsListStyles['buttons']\n  primaryColour?: string\n  attachmentRetentionInDays?: number\n  allowSubmitWithPendingAttachments?: boolean\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n  handleNavigateAway?: () => unknown\n  isInfoPage?: 'YES' | 'NO' | 'CALCULATED'\n}\n\nexport type ControlledProps = {\n  definition: FormTypes.Form\n  submission: FormSubmissionModel\n  setFormSubmission: SetFormSubmission\n  lastElementUpdated?: FormTypes.FormElement\n}\n\ntype Props = BaseProps &\n  ControlledProps & {\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  allowSubmitWithPendingAttachments,\n  handleNavigateAway,\n  isInfoPage: isInfoPageProp,\n  lastElementUpdated,\n}: Props) {\n  const isOffline = useIsOffline()\n  const { isUsingFormsKey } = useAuth()\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 determineIsInfoPage(definition)\n  }, [definition, isInfoPageProp])\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 [\n    { isDirty, isNavigationAllowed, hasConfirmedNavigation, goToLocation },\n    setUnsavedChangesState,\n  ] = React.useState<{\n    isDirty: boolean\n    isNavigationAllowed: boolean\n    hasConfirmedNavigation: boolean | null\n    goToLocation: Location | null\n  }>({\n    isDirty: false,\n    isNavigationAllowed: false,\n    hasConfirmedNavigation: null,\n    goToLocation: null,\n  })\n  const [promptUploadingAttachments, setPromptUploadingAttachments] =\n    React.useState<boolean>(false)\n  const handleBlockedNavigation = React.useCallback((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 { formElementsConditionallyShown, conditionalLogicError } =\n    useConditionalLogic(definition, submission)\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Validation\n\n  const { validate, executedLookup, executeLookupFailed } =\n    useFormValidation(pages)\n\n  const formElementsValidation = React.useMemo<\n    FormElementsValidation | undefined\n  >(\n    () =>\n      !isReadOnly\n        ? validate(submission, formElementsConditionallyShown)\n        : undefined,\n    [formElementsConditionallyShown, isReadOnly, submission, validate],\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Pages\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    pages,\n    formElementsValidation,\n    formElementsConditionallyShown,\n  })\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Dynamic Options\n\n  const loadDynamicOptionsState = useDynamicOptionsLoaderState(\n    definition,\n    setFormSubmission,\n  )\n\n  // #endregion\n  //\n  //\n\n  //\n  //\n  // #region Submissions\n\n  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React.useState(false)\n  const getCurrentSubmissionData = React.useCallback(\n    (stripBinaryData) => {\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: FormSubmissionModel) => {\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...hopefully.\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 || !allowSubmitWithPendingAttachments) {\n          bulmaToast.toast({\n            message:\n              'Attachments are still uploading, please wait for them to finish before trying again.',\n            // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n            type: 'ob-toast is-primary 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, isUsingFormsKey, allowSubmitWithPendingAttachments],\n  )\n\n  const checkBsbsCanBeSubmitted = React.useCallback(\n    (submission: FormSubmissionModel) => {\n      return !checkBsbsAreInvalid(definition, submission)\n    },\n    [definition],\n  )\n\n  const checkBsbAreValidating = React.useCallback(\n    (submission: FormSubmissionModel) => {\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          // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n          type: 'ob-toast is-primary 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 handleSubmit = React.useCallback(\n    (event, continueWhilstAttachmentsAreUploading) => {\n      event.preventDefault()\n      if (disabled || isReadOnly) return\n      setHasAttemptedSubmit(true)\n\n      const submissionData = getCurrentSubmissionData(false)\n      if (!checkBsbAreValidating(submissionData.submission)) {\n        return\n      }\n      if (formElementsValidation) {\n        console.log('Validation errors', formElementsValidation)\n        bulmaToast.toast({\n          message: 'Please fix validation errors',\n          // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n          type: 'ob-toast is-danger cypress-invalid-submit-attempt',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return\n      }\n      if (!checkBsbsCanBeSubmitted(submissionData.submission)) {\n        return\n      }\n      if (!continueWhilstAttachmentsAreUploading) {\n        if (!checkAttachmentsCanBeSubmitted(submissionData.submission)) {\n          return\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          // @ts-expect-error bulma sets this string as a class, so we are hacking in our own classes\n          type: 'ob-toast is-danger cypress-invalid-submit-attempt',\n          duration: 4000,\n          pauseOnHover: true,\n          closeOnClick: true,\n        })\n        return\n      }\n\n      allowNavigation()\n\n      onSubmit({\n        definition,\n        submission: submissionData.submission,\n        captchaTokens: submissionData.captchaTokens,\n      })\n    },\n    [\n      disabled,\n      isReadOnly,\n      getCurrentSubmissionData,\n      checkBsbAreValidating,\n      formElementsValidation,\n      checkAttachmentsCanBeSubmitted,\n      checkBsbsCanBeSubmitted,\n      definition,\n      attachmentRetentionInDays,\n      allowNavigation,\n      onSubmit,\n      setFormSubmission,\n    ],\n  )\n\n  const handleSaveDraft = React.useCallback(\n    (continueWhilstAttachmentsAreUploading) => {\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 (!continueWhilstAttachmentsAreUploading) {\n          if (!checkAttachmentsCanBeSubmitted(submission)) {\n            return\n          }\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) => {\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<FormElementValueChangeHandler>(\n    (element, value) => {\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      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        lastElementUpdated: element,\n      }))\n    },\n    [disabled, setFormSubmission],\n  )\n\n  // #endregion\n  //\n  //\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 && lastElementUpdatedPage) {\n        setPageId(lastElementUpdatedPage.id)\n        const element = document.getElementById(lastElementUpdated.id)\n        if (element) {\n          window.requestAnimationFrame(() => {\n            element.scrollIntoView({ behavior: 'smooth' })\n          })\n        }\n      }\n      setHasResumed(true)\n    }\n  }, [lastElementUpdated, hasResumed, lastElementUpdatedPage, setPageId])\n\n  if (conditionalLogicError) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <i className=\"material-icons has-text-warning icon-x-large\">error</i>\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  if (loadDynamicOptionsState) {\n    return (\n      <>\n        <div className=\"has-text-centered\">\n          <i className=\"material-icons has-text-warning icon-x-large\">error</i>\n          <h3 className=\"title is-3\">{loadDynamicOptionsState.error.title}</h3>\n          <p>{loadDynamicOptionsState.error.message}</p>\n          <p className=\"has-text-grey\">\n            {localisationService.formatDatetimeLong(new Date())}\n          </p>\n        </div>\n\n        <OneBlinkAppsErrorOriginalMessage\n          error={loadDynamicOptionsState.error.originalError}\n        />\n      </>\n    )\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n      <div className=\"ob-form-container\" ref={obFormContainerHTMLElementRef}>\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                    <i className=\"material-icons\">keyboard_arrow_down</i>\n                  </span>\n                  <div className=\"steps-header-active-page\">\n                    {isDisplayingCurrentPageError ? (\n                      <span className=\"icon\">\n                        <i className=\"material-icons has-text-danger is-size-4\">\n                          warning\n                        </i>\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                    <i className=\"material-icons\">keyboard_arrow_down</i>\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('step-item cypress-step-item', {\n                              'is-active': currentPage.id === page.id,\n                              'is-completed': currentPageIndex > index,\n                              'is-error': hasErrors,\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                                    <i className=\"material-icons has-text-danger is-size-3\">\n                                      warning\n                                    </i>\n                                  </span>\n                                </Tooltip>\n                              ) : (\n                                <span>{index + 1}</span>\n                              )}\n                            </div>\n                            <div className=\"step-details ob-step-details\">\n                              <p className=\"step-title ob-step-title cypress-desktop-step-title\">\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                <FormDefinitionContext.Provider value={definition}>\n                  <InjectPagesContext.Provider value={handlePagesLookupResult}>\n                    <ExecutedLookupProvider\n                      executedLookup={executedLookup}\n                      executeLookupFailed={executeLookupFailed}\n                    >\n                      <GoogleMapsApiKeyContext.Provider\n                        value={googleMapsApiKey}\n                      >\n                        <AbnLookupAuthenticationGuidContext.Provider\n                          value={abnLookupAuthenticationGuid}\n                        >\n                          <CaptchaSiteKeyContext.Provider\n                            value={captchaSiteKey}\n                          >\n                            <AttachmentBlobsProvider>\n                              <FormIsReadOnlyContext.Provider\n                                value={isReadOnly}\n                              >\n                                {visiblePages.map(\n                                  (pageElement: FormTypes.PageElement) => (\n                                    <PageFormElements\n                                      key={pageElement.id}\n                                      isActive={\n                                        pageElement.id === 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={setFormSubmission}\n                                    />\n                                  ),\n                                )}\n                              </FormIsReadOnlyContext.Provider>\n                            </AttachmentBlobsProvider>\n                          </CaptchaSiteKeyContext.Provider>\n                        </AbnLookupAuthenticationGuidContext.Provider>\n                      </GoogleMapsApiKeyContext.Provider>\n                    </ExecutedLookupProvider>\n                  </InjectPagesContext.Provider>\n                </FormDefinitionContext.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                        <i className=\"material-icons\">keyboard_arrow_left</i>\n                      </span>\n                      <span>Back</span>\n                    </button>\n                  </div>\n                  <div className=\"step-progress-mobile cypress-steps-mobile\">\n                    {visiblePages.map((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                  </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                        <i className=\"material-icons\">keyboard_arrow_right</i>\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                  <button\n                    type=\"submit\"\n                    className=\"button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form\"\n                    disabled={isPreview || disabled}\n                  >\n                    <CustomisableButtonInner\n                      label={\n                        isInfoPage ? 'Done' : buttons?.submit?.label || 'Submit'\n                      }\n                      icon={buttons?.submit?.icon}\n                    />\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n        </form>\n\n        {!isReadOnly && (\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={buttons?.saveDraft?.label || 'Save Draft'}\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                  >\n                    <CustomisableButtonInner\n                      label={buttons?.cancelPromptYes?.label || 'Discard'}\n                      icon={buttons?.cancelPromptYes?.icon}\n                    />\n                  </button>\n                </>\n              }\n            >\n              <p>\n                You have unsaved changes, are you sure you want discard 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                  >\n                    Continue\n                  </button>\n                </>\n              }\n            >\n              <p>\n                Your attachments are still uploading, do you want to wait for\n                the uploads to complete or continue using the app? If you click\n                continue the attachments will upload in the background. Do not\n                close the app until the upload has been completed.\n              </p>\n            </Modal>\n          </React.Fragment>\n        )}\n      </div>\n    </ThemeProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormBase)\n"]}

package/dist/components/renderer/OneBlinkFormElements.js

@@ -51,7 +51,7 @@ function OneBlinkFormElements({ formId, elements, isEven, idPrefix, displayValid
             ((_b = formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[element.name]) === null || _b === void 0 ? void 0 : _b.isHidden)) {
             return null;
         }
-        return (React.createElement("div", { key: element.id, className: clsx('ob-element cypress-element-container', element.customCssClasses
+        return (React.createElement("div", { key: element.id, id: element.id, className: clsx('ob-element cypress-element-container', element.customCssClasses
                 ? element.customCssClasses.join(' ')
                 : ''), "data-cypress-element-name": element.name, "data-ob-name": element.name },
             React.createElement(FormElementSwitch, { formId: formId, element: element, value: model[element.name], displayValidationMessage: displayValidationMessages, isEven: isEven, id: `${idPrefix}${element.name}`, formElementConditionallyShown: formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[element.name], formElementValidation: formElementsValidation === null || formElementsValidation === void 0 ? void 0 : formElementsValidation[element.name], onChange: onChange, onLookup: onLookup })));

package/dist/components/renderer/OneBlinkFormElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/OneBlinkFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nimport LookupNotification from './LookupNotification'\n\nimport FormElementBarcodeScanner from '../../form-elements/FormElementBarcodeScanner'\nimport FormElementEmail from '../../form-elements/FormElementEmail'\nimport FormElementABN from '../../form-elements/FormElementABN'\nimport FormElementBSB from '../../form-elements/FormElementBSB'\nimport FormElementText from '../../form-elements/FormElementText'\nimport FormElementTextarea from '../../form-elements/FormElementTextarea'\nimport FormElementNumber from '../../form-elements/FormElementNumber'\nimport FormElementHeading from '../../form-elements/FormElementHeading'\nimport FormElementHTML from '../../form-elements/FormElementHTML'\nimport FormElementTelephone from '../../form-elements/FormElementTelephone'\nimport FormElementSelect from '../../form-elements/FormElementSelect'\nimport FormElementDate from '../../form-elements/FormElementDate'\nimport FormElementImage from '../../form-elements/FormElementImage'\nimport FormElementDateTime from '../../form-elements/FormElementDateTime'\nimport FormElementTime from '../../form-elements/FormElementTime'\nimport FormElementCalculation from '../../form-elements/FormElementCalculation'\nimport FormElementRadio from '../../form-elements/FormElementRadio'\nimport FormElementAutocomplete from '../../form-elements/FormElementAutocomplete'\nimport FormElementRepeatableSet from '../../form-elements/FormElementRepeatableSet'\nimport FormElementSignature from '../../form-elements/FormElementSignature'\nimport FormElementCheckBoxes from '../../form-elements/FormElementCheckBoxes'\nimport FormElementFiles, {\n  stringifyAttachments,\n} from '../../form-elements/FormElementFiles'\nimport FormElementForm from '../../form-elements/FormElementForm'\nimport FormElementSection from '../../form-elements/FormElementSection'\nimport FormElementCamera from '../../form-elements/FormElementCamera'\nimport FormElementSummary from '../../form-elements/FormElementSummary'\nimport FormElementCaptcha from '../../form-elements/FormElementCaptcha'\nimport FormElementLocation, {\n  stringifyLocation,\n} from '../../form-elements/FormElementLocation'\nimport FormElementGeoscapeAddress from '../../form-elements/FormElementGeoscapeAddress'\nimport FormElementCompliance from '../../form-elements/FormElementCompliance'\nimport FormElementPointAddress from '../../form-elements/FormElementPointAddress'\nimport FormElementBoolean from '../../form-elements/FormElementBoolean'\nimport FormElementCivicaStreetName from '../../form-elements/FormElementCivicaStreetName'\nimport FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNameRecord'\nimport FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField'\n\nimport {\n  CivicaTypes,\n  FormTypes,\n  GeoscapeTypes,\n  MiscTypes,\n  PointTypes,\n} from '@oneblink/types'\n\nimport { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  FormSubmissionModel,\n} from '../../types/form'\nimport { attachmentsService } from '@oneblink/apps'\n\nexport type Props<T extends FormTypes._NestedElementsElement> = {\n  formId: number\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  // Props passed by repeatable sets\n  isEven?: boolean\n  idPrefix: string\n  model: FormSubmissionModel\n  parentElement: T\n}\n\nfunction OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({\n  formId,\n  elements,\n  isEven,\n  idPrefix,\n  displayValidationMessages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  onChange,\n  onLookup,\n  model,\n  parentElement,\n}: Props<T>) {\n  return (\n    <FormSubmissionModelContextProvider\n      elements={parentElement.elements}\n      model={model}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n    >\n      {elements.map((element) => {\n        if (element.type === 'section') {\n          if (formElementsConditionallyShown?.[element.id]?.isHidden) {\n            return null\n          }\n\n          return (\n            <div\n              key={element.id}\n              className={clsx(\n                'ob-element cypress-element-container',\n                element.customCssClasses,\n              )}\n            >\n              <FormElementSection\n                formId={formId}\n                element={element}\n                displayValidationMessages={displayValidationMessages}\n                idPrefix={idPrefix}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                formElementsValidation={formElementsValidation}\n                onChange={onChange}\n                onLookup={onLookup}\n                model={model}\n                parentElement={parentElement}\n              />\n            </div>\n          )\n        }\n\n        if (\n          element.type === 'page' ||\n          formElementsConditionallyShown?.[element.name]?.isHidden\n        ) {\n          return null\n        }\n\n        return (\n          <div\n            key={element.id}\n            className={clsx(\n              'ob-element cypress-element-container',\n              element.customCssClasses\n                ? element.customCssClasses.join(' ')\n                : '',\n            )}\n            data-cypress-element-name={element.name}\n            data-ob-name={element.name}\n          >\n            <FormElementSwitch\n              formId={formId}\n              element={element}\n              value={model[element.name]}\n              displayValidationMessage={displayValidationMessages}\n              isEven={isEven}\n              id={`${idPrefix}${element.name}`}\n              formElementConditionallyShown={\n                formElementsConditionallyShown?.[element.name]\n              }\n              formElementValidation={formElementsValidation?.[element.name]}\n              onChange={onChange}\n              onLookup={onLookup}\n            />\n          </div>\n        )\n      })}\n    </FormSubmissionModelContextProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormElements)\n\nconst FormElementSwitch = React.memo(function OneBlinkFormElement({\n  formId,\n  element,\n  value,\n  displayValidationMessage,\n  formElementValidation,\n  formElementConditionallyShown,\n  isEven,\n  id,\n  onChange,\n  onLookup,\n}: {\n  formId: number\n  element: FormTypes.FormElement\n  value: unknown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  id: string\n  isEven: boolean | undefined\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n}) {\n  const conditionallyShownOptionsElement =\n    formElementConditionallyShown?.type === 'formElement'\n      ? formElementConditionallyShown\n      : undefined\n  const validationMessage =\n    typeof formElementValidation === 'string'\n      ? formElementValidation\n      : undefined\n  switch (element.type) {\n    case 'heading': {\n      return <FormElementHeading element={element} />\n    }\n    case 'html': {\n      return <FormElementHTML element={element} />\n    }\n    case 'date': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDate\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDate\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'email': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementEmail\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementEmail\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'text': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementText\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementText\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'abn': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementABN\n            id={id}\n            element={element}\n            value={value as MiscTypes.ABNRecord | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementABN\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'bsb': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBSB\n            id={id}\n            formId={formId}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBSB\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'barcodeScanner': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBarcodeScanner\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBarcodeScanner\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'textarea': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTextarea\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTextarea\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'number': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementNumber\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementNumber\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'telephone': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTelephone\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTelephone\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'autocomplete': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementAutocomplete\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementAutocomplete\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'select': {\n      return (\n        <LookupNotification\n          autoLookupValue={!element.multi ? value : undefined}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementSelect\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementSelect\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'radio': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementRadio\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementRadio\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'draw': {\n      return (\n        <FormElementSignature\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSignature\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'calculation': {\n      return (\n        <FormElementCalculation\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCalculation\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'repeatableSet': {\n      return (\n        <FormElementRepeatableSet\n          formId={formId}\n          id={id}\n          isEven={!isEven}\n          element={element}\n          value={value as Array<FormSubmissionModel> | undefined}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementRepeatableSet\n            >['onChange']\n          }\n          onLookup={onLookup}\n          formElementConditionallyShown={formElementConditionallyShown}\n          formElementValidation={formElementValidation}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'image': {\n      return <FormElementImage element={element} />\n    }\n    case 'datetime': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDateTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDateTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'time': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'checkboxes': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementCheckBoxes\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCheckBoxes\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'files': {\n      return (\n        <LookupNotification\n          element={element}\n          onLookup={onLookup}\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyAttachments as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n        >\n          <FormElementFiles\n            id={id}\n            element={element}\n            value={value as attachmentsService.Attachment[] | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementFiles\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'infoPage':\n    case 'form': {\n      return (\n        <FormElementForm\n          formId={formId}\n          id={id}\n          element={element}\n          value={value as FormSubmissionModel | undefined}\n          onChange={\n            onChange as React.ComponentProps<typeof FormElementForm>['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    case 'camera': {\n      return (\n        <FormElementCamera\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCamera\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'summary': {\n      return (\n        <FormElementSummary\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSummary\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'captcha': {\n      return (\n        <FormElementCaptcha\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCaptcha\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'location': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyLocation as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementLocation\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementLocation\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'geoscapeAddress': {\n      const v = value as GeoscapeTypes.GeoscapeAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementGeoscapeAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementGeoscapeAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'compliance': {\n      return (\n        <LookupNotification\n          autoLookupValue={\n            value ? (value as { value: unknown }).value : undefined\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCompliance\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCompliance\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            isEven={isEven}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'freshdeskDependentField': {\n      return (\n        <FormElementFreshdeskDependentField\n          formId={formId}\n          id={id}\n          element={element}\n          value={value as FormSubmissionModel | undefined}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementFreshdeskDependentField\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    case 'pointAddress': {\n      const v = value as PointTypes.PointAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementPointAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementPointAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'boolean': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementBoolean\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBoolean\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaStreetName': {\n      const v = value as CivicaTypes.CivicaStreetName | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCivicaStreetName\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCivicaStreetName\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaNameRecord': {\n      return (\n        <FormElementCivicaNameRecord\n          formId={formId}\n          id={id}\n          element={element}\n          value={value as FormSubmissionModel | undefined}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCivicaNameRecord\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    default: {\n      console.warn('Invalid element', element)\n      return null\n    }\n  }\n})\n"]}
+{"version":3,"file":"OneBlinkFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/OneBlinkFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nimport LookupNotification from './LookupNotification'\n\nimport FormElementBarcodeScanner from '../../form-elements/FormElementBarcodeScanner'\nimport FormElementEmail from '../../form-elements/FormElementEmail'\nimport FormElementABN from '../../form-elements/FormElementABN'\nimport FormElementBSB from '../../form-elements/FormElementBSB'\nimport FormElementText from '../../form-elements/FormElementText'\nimport FormElementTextarea from '../../form-elements/FormElementTextarea'\nimport FormElementNumber from '../../form-elements/FormElementNumber'\nimport FormElementHeading from '../../form-elements/FormElementHeading'\nimport FormElementHTML from '../../form-elements/FormElementHTML'\nimport FormElementTelephone from '../../form-elements/FormElementTelephone'\nimport FormElementSelect from '../../form-elements/FormElementSelect'\nimport FormElementDate from '../../form-elements/FormElementDate'\nimport FormElementImage from '../../form-elements/FormElementImage'\nimport FormElementDateTime from '../../form-elements/FormElementDateTime'\nimport FormElementTime from '../../form-elements/FormElementTime'\nimport FormElementCalculation from '../../form-elements/FormElementCalculation'\nimport FormElementRadio from '../../form-elements/FormElementRadio'\nimport FormElementAutocomplete from '../../form-elements/FormElementAutocomplete'\nimport FormElementRepeatableSet from '../../form-elements/FormElementRepeatableSet'\nimport FormElementSignature from '../../form-elements/FormElementSignature'\nimport FormElementCheckBoxes from '../../form-elements/FormElementCheckBoxes'\nimport FormElementFiles, {\n  stringifyAttachments,\n} from '../../form-elements/FormElementFiles'\nimport FormElementForm from '../../form-elements/FormElementForm'\nimport FormElementSection from '../../form-elements/FormElementSection'\nimport FormElementCamera from '../../form-elements/FormElementCamera'\nimport FormElementSummary from '../../form-elements/FormElementSummary'\nimport FormElementCaptcha from '../../form-elements/FormElementCaptcha'\nimport FormElementLocation, {\n  stringifyLocation,\n} from '../../form-elements/FormElementLocation'\nimport FormElementGeoscapeAddress from '../../form-elements/FormElementGeoscapeAddress'\nimport FormElementCompliance from '../../form-elements/FormElementCompliance'\nimport FormElementPointAddress from '../../form-elements/FormElementPointAddress'\nimport FormElementBoolean from '../../form-elements/FormElementBoolean'\nimport FormElementCivicaStreetName from '../../form-elements/FormElementCivicaStreetName'\nimport FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNameRecord'\nimport FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField'\n\nimport {\n  CivicaTypes,\n  FormTypes,\n  GeoscapeTypes,\n  MiscTypes,\n  PointTypes,\n} from '@oneblink/types'\n\nimport { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  FormSubmissionModel,\n} from '../../types/form'\nimport { attachmentsService } from '@oneblink/apps'\n\nexport type Props<T extends FormTypes._NestedElementsElement> = {\n  formId: number\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  // Props passed by repeatable sets\n  isEven?: boolean\n  idPrefix: string\n  model: FormSubmissionModel\n  parentElement: T\n}\n\nfunction OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({\n  formId,\n  elements,\n  isEven,\n  idPrefix,\n  displayValidationMessages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  onChange,\n  onLookup,\n  model,\n  parentElement,\n}: Props<T>) {\n  return (\n    <FormSubmissionModelContextProvider\n      elements={parentElement.elements}\n      model={model}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n    >\n      {elements.map((element) => {\n        if (element.type === 'section') {\n          if (formElementsConditionallyShown?.[element.id]?.isHidden) {\n            return null\n          }\n\n          return (\n            <div\n              key={element.id}\n              className={clsx(\n                'ob-element cypress-element-container',\n                element.customCssClasses,\n              )}\n            >\n              <FormElementSection\n                formId={formId}\n                element={element}\n                displayValidationMessages={displayValidationMessages}\n                idPrefix={idPrefix}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                formElementsValidation={formElementsValidation}\n                onChange={onChange}\n                onLookup={onLookup}\n                model={model}\n                parentElement={parentElement}\n              />\n            </div>\n          )\n        }\n\n        if (\n          element.type === 'page' ||\n          formElementsConditionallyShown?.[element.name]?.isHidden\n        ) {\n          return null\n        }\n\n        return (\n          <div\n            key={element.id}\n            id={element.id}\n            className={clsx(\n              'ob-element cypress-element-container',\n              element.customCssClasses\n                ? element.customCssClasses.join(' ')\n                : '',\n            )}\n            data-cypress-element-name={element.name}\n            data-ob-name={element.name}\n          >\n            <FormElementSwitch\n              formId={formId}\n              element={element}\n              value={model[element.name]}\n              displayValidationMessage={displayValidationMessages}\n              isEven={isEven}\n              id={`${idPrefix}${element.name}`}\n              formElementConditionallyShown={\n                formElementsConditionallyShown?.[element.name]\n              }\n              formElementValidation={formElementsValidation?.[element.name]}\n              onChange={onChange}\n              onLookup={onLookup}\n            />\n          </div>\n        )\n      })}\n    </FormSubmissionModelContextProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormElements)\n\nconst FormElementSwitch = React.memo(function OneBlinkFormElement({\n  formId,\n  element,\n  value,\n  displayValidationMessage,\n  formElementValidation,\n  formElementConditionallyShown,\n  isEven,\n  id,\n  onChange,\n  onLookup,\n}: {\n  formId: number\n  element: FormTypes.FormElement\n  value: unknown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  id: string\n  isEven: boolean | undefined\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n}) {\n  const conditionallyShownOptionsElement =\n    formElementConditionallyShown?.type === 'formElement'\n      ? formElementConditionallyShown\n      : undefined\n  const validationMessage =\n    typeof formElementValidation === 'string'\n      ? formElementValidation\n      : undefined\n  switch (element.type) {\n    case 'heading': {\n      return <FormElementHeading element={element} />\n    }\n    case 'html': {\n      return <FormElementHTML element={element} />\n    }\n    case 'date': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDate\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDate\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'email': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementEmail\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementEmail\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'text': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementText\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementText\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'abn': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementABN\n            id={id}\n            element={element}\n            value={value as MiscTypes.ABNRecord | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementABN\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'bsb': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBSB\n            id={id}\n            formId={formId}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBSB\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'barcodeScanner': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBarcodeScanner\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBarcodeScanner\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'textarea': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTextarea\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTextarea\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'number': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementNumber\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementNumber\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'telephone': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTelephone\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTelephone\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'autocomplete': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementAutocomplete\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementAutocomplete\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'select': {\n      return (\n        <LookupNotification\n          autoLookupValue={!element.multi ? value : undefined}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementSelect\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementSelect\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'radio': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementRadio\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementRadio\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'draw': {\n      return (\n        <FormElementSignature\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSignature\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'calculation': {\n      return (\n        <FormElementCalculation\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCalculation\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'repeatableSet': {\n      return (\n        <FormElementRepeatableSet\n          formId={formId}\n          id={id}\n          isEven={!isEven}\n          element={element}\n          value={value as Array<FormSubmissionModel> | undefined}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementRepeatableSet\n            >['onChange']\n          }\n          onLookup={onLookup}\n          formElementConditionallyShown={formElementConditionallyShown}\n          formElementValidation={formElementValidation}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'image': {\n      return <FormElementImage element={element} />\n    }\n    case 'datetime': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDateTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDateTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'time': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'checkboxes': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementCheckBoxes\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCheckBoxes\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'files': {\n      return (\n        <LookupNotification\n          element={element}\n          onLookup={onLookup}\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyAttachments as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n        >\n          <FormElementFiles\n            id={id}\n            element={element}\n            value={value as attachmentsService.Attachment[] | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementFiles\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'infoPage':\n    case 'form': {\n      return (\n        <FormElementForm\n          formId={formId}\n          id={id}\n          element={element}\n          value={value as FormSubmissionModel | undefined}\n          onChange={\n            onChange as React.ComponentProps<typeof FormElementForm>['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    case 'camera': {\n      return (\n        <FormElementCamera\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCamera\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'summary': {\n      return (\n        <FormElementSummary\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSummary\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'captcha': {\n      return (\n        <FormElementCaptcha\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCaptcha\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n        />\n      )\n    }\n    case 'location': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyLocation as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementLocation\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementLocation\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'geoscapeAddress': {\n      const v = value as GeoscapeTypes.GeoscapeAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementGeoscapeAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementGeoscapeAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'compliance': {\n      return (\n        <LookupNotification\n          autoLookupValue={\n            value ? (value as { value: unknown }).value : undefined\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCompliance\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCompliance\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            isEven={isEven}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'freshdeskDependentField': {\n      return (\n        <FormElementFreshdeskDependentField\n          formId={formId}\n          id={id}\n          element={element}\n          value={value as FormSubmissionModel | undefined}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementFreshdeskDependentField\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    case 'pointAddress': {\n      const v = value as PointTypes.PointAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementPointAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementPointAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'boolean': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementBoolean\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBoolean\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaStreetName': {\n      const v = value as CivicaTypes.CivicaStreetName | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCivicaStreetName\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCivicaStreetName\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaNameRecord': {\n      return (\n        <FormElementCivicaNameRecord\n          formId={formId}\n          id={id}\n          element={element}\n          value={value as FormSubmissionModel | undefined}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCivicaNameRecord\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n        />\n      )\n    }\n    default: {\n      console.warn('Invalid element', element)\n      return null\n    }\n  }\n})\n"]}

package/dist/hooks/useFormSubmissionAutoSaveState.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { submissionService } from '@oneblink/apps';
 import { FormTypes } from '@oneblink/types';
 import { FormSubmissionModel } from '../types/form';
-export default function useFormSubmissionAutoSaveState({ form, initialSubmission, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, autoSaveKey, onCancel, onSubmit, onSaveDraft, }: {
+export default function useFormSubmissionAutoSaveState({ form, initialSubmission, resumeAtElement, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, autoSaveKey, onCancel, onSubmit, onSaveDraft, }: {
     form: FormTypes.Form;
     removeAutoSaveDataBeforeSubmit?: boolean;
     removeAutoSaveDataBeforeSaveDraft?: boolean;
@@ -10,6 +10,7 @@ export default function useFormSubmissionAutoSaveState({ form, initialSubmission
     onCancel: () => unknown;
     onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown;
     initialSubmission?: FormSubmissionModel;
+    resumeAtElement?: FormTypes.FormElement;
     onSaveDraft?: (newDraftSubmission: submissionService.NewDraftSubmission) => unknown;
 }): {
     definition: FormTypes.Form;

package/dist/hooks/useFormSubmissionAutoSaveState.js

@@ -2,12 +2,12 @@ import * as React from 'react';
 import _throttle from 'lodash.throttle';
 import { autoSaveService, Sentry } from '@oneblink/apps';
 import useFormSubmissionState from './useFormSubmissionState';
-export default function useFormSubmissionAutoSaveState({ form, initialSubmission, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, autoSaveKey, onCancel, onSubmit, onSaveDraft, }) {
-    const [{ definition, submission, lastElementUpdated }, setFormSubmission] = useFormSubmissionState(form, initialSubmission);
-    const [{ isLoadingAutoSaveSubmission, autoSaveSubmission }, setAutoSaveState,] = React.useState({
+export default function useFormSubmissionAutoSaveState({ form, initialSubmission, resumeAtElement, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, autoSaveKey, onCancel, onSubmit, onSaveDraft, }) {
+    const [{ definition, submission, lastElementUpdated }, setFormSubmission] = useFormSubmissionState(form, initialSubmission, resumeAtElement);
+    const [{ isLoadingAutoSaveSubmission, autoSaveSubmission, autoSaveElement }, setAutoSaveState,] = React.useState({
         isLoadingAutoSaveSubmission: true,
         autoSaveSubmission: null,
-        lastElementUpdated: null,
+        autoSaveElement: null,
     });
     const throttledAutoSave = React.useMemo(() => {
         return _throttle((model, lastElementUpdated) => {
@@ -83,12 +83,12 @@ export default function useFormSubmissionAutoSaveState({ form, initialSubmission
         const loadAutoSaveData = async () => {
             try {
                 const autoSaveSubmission = await autoSaveService.getAutoSaveData(definition.id, autoSaveKey);
-                const lastElementUpdated = await autoSaveService.getAutoSaveData(definition.id, `LAST_ELEMENT_UPDATED_${autoSaveKey}`);
+                const autoSaveElement = await autoSaveService.getAutoSaveData(definition.id, `LAST_ELEMENT_UPDATED_${autoSaveKey}`);
                 if (!ignore) {
                     setAutoSaveState({
                         isLoadingAutoSaveSubmission: false,
                         autoSaveSubmission,
-                        lastElementUpdated,
+                        autoSaveElement,
                     });
                 }
             }
@@ -99,7 +99,7 @@ export default function useFormSubmissionAutoSaveState({ form, initialSubmission
                     setAutoSaveState({
                         isLoadingAutoSaveSubmission: false,
                         autoSaveSubmission: null,
-                        lastElementUpdated: null,
+                        autoSaveElement: null,
                     });
                 }
             }
@@ -129,7 +129,7 @@ export default function useFormSubmissionAutoSaveState({ form, initialSubmission
         setAutoSaveState({
             isLoadingAutoSaveSubmission: false,
             autoSaveSubmission: null,
-            lastElementUpdated: null,
+            autoSaveElement: null,
         });
     }, [deleteAutoSaveSubmission]);
     const continueAutoSaveSubmission = React.useCallback(() => {
@@ -137,15 +137,15 @@ export default function useFormSubmissionAutoSaveState({ form, initialSubmission
             setFormSubmission((currentFormSubmission) => ({
                 ...currentFormSubmission,
                 submission: autoSaveSubmission,
-                lastElementUpdated: lastElementUpdated,
+                lastElementUpdated: autoSaveElement ? autoSaveElement : undefined,
             }));
         }
         setAutoSaveState({
             isLoadingAutoSaveSubmission: false,
             autoSaveSubmission: null,
-            lastElementUpdated: null,
+            autoSaveElement: null,
         });
-    }, [autoSaveSubmission, setFormSubmission, lastElementUpdated]);
+    }, [autoSaveSubmission, setFormSubmission, autoSaveElement]);
     return {
         definition,
         submission,

package/dist/hooks/useFormSubmissionAutoSaveState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormSubmissionAutoSaveState.js","sourceRoot":"","sources":["../../src/hooks/useFormSubmissionAutoSaveState.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport _throttle from 'lodash.throttle'\nimport { autoSaveService, submissionService, Sentry } from '@oneblink/apps'\nimport { FormTypes } from '@oneblink/types'\nimport useFormSubmissionState from './useFormSubmissionState'\nimport { FormSubmissionModel } from '../types/form'\nimport { FormElement } from '@oneblink/types/typescript/forms'\n\nexport default function useFormSubmissionAutoSaveState({\n  form,\n  initialSubmission,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  autoSaveKey,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n}: {\n  form: FormTypes.Form\n  removeAutoSaveDataBeforeSubmit?: boolean\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n  autoSaveKey: string\n  onCancel: () => unknown\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  initialSubmission?: FormSubmissionModel\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n}) {\n  const [{ definition, submission, lastElementUpdated }, setFormSubmission] =\n    useFormSubmissionState(form, initialSubmission)\n\n  const [\n    { isLoadingAutoSaveSubmission, autoSaveSubmission },\n    setAutoSaveState,\n  ] = React.useState<{\n    isLoadingAutoSaveSubmission: boolean\n    autoSaveSubmission: FormSubmissionModel | null\n    lastElementUpdated: FormElement | null\n  }>({\n    isLoadingAutoSaveSubmission: true,\n    autoSaveSubmission: null,\n    lastElementUpdated: null,\n  })\n\n  const throttledAutoSave = React.useMemo(() => {\n    return _throttle(\n      (model: FormSubmissionModel, lastElementUpdated?: FormElement) => {\n        console.log('Auto saving...')\n        autoSaveService\n          .upsertAutoSaveData(definition.id, autoSaveKey, model)\n          .then(() => {\n            if (lastElementUpdated) {\n              return autoSaveService.upsertAutoSaveData<FormElement>(\n                definition.id,\n                `LAST_ELEMENT_UPDATED_${autoSaveKey}`,\n                lastElementUpdated,\n              )\n            }\n          })\n          .catch((error) => {\n            console.warn('Error while auto saving', error)\n            Sentry.captureException(error)\n          })\n      },\n      9580, // https://en.wikipedia.org/wiki/100_metres\n      { trailing: true, leading: false },\n    )\n  }, [autoSaveKey, definition.id])\n\n  const cancelAutoSave = React.useCallback(() => {\n    if (throttledAutoSave) {\n      throttledAutoSave.cancel()\n    }\n  }, [throttledAutoSave])\n\n  const deleteAutoSaveSubmission = React.useCallback(() => {\n    return autoSaveService\n      .deleteAutoSaveData(definition.id, autoSaveKey)\n      .catch((error) => {\n        console.warn('Error removing auto save data: ', error)\n        Sentry.captureException(error)\n      })\n  }, [autoSaveKey, definition.id])\n\n  const handleSubmit = React.useCallback(\n    (submissionResult) => {\n      cancelAutoSave()\n      if (removeAutoSaveDataBeforeSubmit !== false) {\n        deleteAutoSaveSubmission()\n      }\n      onSubmit(submissionResult)\n    },\n    [\n      cancelAutoSave,\n      deleteAutoSaveSubmission,\n      onSubmit,\n      removeAutoSaveDataBeforeSubmit,\n    ],\n  )\n\n  const handleSaveDraft = React.useMemo(() => {\n    if (onSaveDraft) {\n      return (newDraftSubmission: submissionService.NewDraftSubmission) => {\n        cancelAutoSave()\n        if (removeAutoSaveDataBeforeSaveDraft !== false) {\n          deleteAutoSaveSubmission()\n        }\n        if (onSaveDraft) {\n          onSaveDraft(newDraftSubmission)\n        }\n      }\n    }\n  }, [\n    cancelAutoSave,\n    deleteAutoSaveSubmission,\n    onSaveDraft,\n    removeAutoSaveDataBeforeSaveDraft,\n  ])\n\n  const handleNavigateAway = React.useCallback(() => {\n    cancelAutoSave()\n    deleteAutoSaveSubmission()\n  }, [cancelAutoSave, deleteAutoSaveSubmission])\n\n  const handleCancel = React.useCallback(() => {\n    cancelAutoSave()\n    deleteAutoSaveSubmission()\n    onCancel()\n  }, [cancelAutoSave, deleteAutoSaveSubmission, onCancel])\n\n  React.useEffect(() => {\n    let ignore = false\n    const loadAutoSaveData = async () => {\n      try {\n        const autoSaveSubmission =\n          await autoSaveService.getAutoSaveData<FormSubmissionModel>(\n            definition.id,\n            autoSaveKey,\n          )\n        const lastElementUpdated =\n          await autoSaveService.getAutoSaveData<FormElement>(\n            definition.id,\n            `LAST_ELEMENT_UPDATED_${autoSaveKey}`,\n          )\n        if (!ignore) {\n          setAutoSaveState({\n            isLoadingAutoSaveSubmission: false,\n            autoSaveSubmission,\n            lastElementUpdated,\n          })\n        }\n      } catch (error) {\n        console.warn('Error loading auto save data', error)\n        Sentry.captureException(error)\n        if (!ignore) {\n          setAutoSaveState({\n            isLoadingAutoSaveSubmission: false,\n            autoSaveSubmission: null,\n            lastElementUpdated: null,\n          })\n        }\n      }\n    }\n    loadAutoSaveData()\n    return () => {\n      ignore = true\n    }\n  }, [autoSaveKey, definition.id])\n\n  // Clean up throttle function on unmount\n  React.useEffect(() => {\n    return () => {\n      cancelAutoSave()\n    }\n  }, [cancelAutoSave])\n\n  const setFormSubmissionAutoSave: typeof setFormSubmission = React.useCallback(\n    (formSubmission) => {\n      setFormSubmission((currentFormSubmission) => {\n        const newFormSubmission =\n          typeof formSubmission === 'function'\n            ? formSubmission(currentFormSubmission)\n            : formSubmission\n\n        throttledAutoSave(\n          newFormSubmission.submission,\n          newFormSubmission.lastElementUpdated,\n        )\n\n        return newFormSubmission\n      })\n    },\n    [setFormSubmission, throttledAutoSave],\n  )\n\n  const startNewSubmission = React.useCallback(() => {\n    deleteAutoSaveSubmission()\n    setAutoSaveState({\n      isLoadingAutoSaveSubmission: false,\n      autoSaveSubmission: null,\n      lastElementUpdated: null,\n    })\n  }, [deleteAutoSaveSubmission])\n\n  const continueAutoSaveSubmission = React.useCallback(() => {\n    if (autoSaveSubmission) {\n      setFormSubmission((currentFormSubmission) => ({\n        ...currentFormSubmission,\n        submission: autoSaveSubmission,\n        lastElementUpdated: lastElementUpdated,\n      }))\n    }\n    setAutoSaveState({\n      isLoadingAutoSaveSubmission: false,\n      autoSaveSubmission: null,\n      lastElementUpdated: null,\n    })\n  }, [autoSaveSubmission, setFormSubmission, lastElementUpdated])\n\n  return {\n    definition,\n    submission,\n    lastElementUpdated,\n    isLoadingAutoSaveSubmission,\n    isAutoSaveSubmissionAvailable: autoSaveSubmission !== null,\n    startNewSubmission,\n    continueAutoSaveSubmission,\n    handleSubmit,\n    handleCancel,\n    handleSaveDraft,\n    handleNavigateAway,\n    setFormSubmission: setFormSubmissionAutoSave,\n  }\n}\n"]}
+{"version":3,"file":"useFormSubmissionAutoSaveState.js","sourceRoot":"","sources":["../../src/hooks/useFormSubmissionAutoSaveState.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport _throttle from 'lodash.throttle'\nimport { autoSaveService, submissionService, Sentry } from '@oneblink/apps'\nimport { FormTypes } from '@oneblink/types'\nimport useFormSubmissionState from './useFormSubmissionState'\nimport { FormSubmissionModel } from '../types/form'\nimport { FormElement } from '@oneblink/types/typescript/forms'\n\nexport default function useFormSubmissionAutoSaveState({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  autoSaveKey,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n}: {\n  form: FormTypes.Form\n  removeAutoSaveDataBeforeSubmit?: boolean\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n  autoSaveKey: string\n  onCancel: () => unknown\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  initialSubmission?: FormSubmissionModel\n  resumeAtElement?: FormTypes.FormElement\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n}) {\n  const [{ definition, submission, lastElementUpdated }, setFormSubmission] =\n    useFormSubmissionState(form, initialSubmission, resumeAtElement)\n\n  const [\n    { isLoadingAutoSaveSubmission, autoSaveSubmission, autoSaveElement },\n    setAutoSaveState,\n  ] = React.useState<{\n    isLoadingAutoSaveSubmission: boolean\n    autoSaveSubmission: FormSubmissionModel | null\n    autoSaveElement: FormElement | null\n  }>({\n    isLoadingAutoSaveSubmission: true,\n    autoSaveSubmission: null,\n    autoSaveElement: null,\n  })\n\n  const throttledAutoSave = React.useMemo(() => {\n    return _throttle(\n      (model: FormSubmissionModel, lastElementUpdated?: FormElement) => {\n        console.log('Auto saving...')\n        autoSaveService\n          .upsertAutoSaveData(definition.id, autoSaveKey, model)\n          .then(() => {\n            if (lastElementUpdated) {\n              return autoSaveService.upsertAutoSaveData<FormElement>(\n                definition.id,\n                `LAST_ELEMENT_UPDATED_${autoSaveKey}`,\n                lastElementUpdated,\n              )\n            }\n          })\n          .catch((error) => {\n            console.warn('Error while auto saving', error)\n            Sentry.captureException(error)\n          })\n      },\n      9580, // https://en.wikipedia.org/wiki/100_metres\n      { trailing: true, leading: false },\n    )\n  }, [autoSaveKey, definition.id])\n\n  const cancelAutoSave = React.useCallback(() => {\n    if (throttledAutoSave) {\n      throttledAutoSave.cancel()\n    }\n  }, [throttledAutoSave])\n\n  const deleteAutoSaveSubmission = React.useCallback(() => {\n    return autoSaveService\n      .deleteAutoSaveData(definition.id, autoSaveKey)\n      .catch((error) => {\n        console.warn('Error removing auto save data: ', error)\n        Sentry.captureException(error)\n      })\n  }, [autoSaveKey, definition.id])\n\n  const handleSubmit = React.useCallback(\n    (submissionResult) => {\n      cancelAutoSave()\n      if (removeAutoSaveDataBeforeSubmit !== false) {\n        deleteAutoSaveSubmission()\n      }\n      onSubmit(submissionResult)\n    },\n    [\n      cancelAutoSave,\n      deleteAutoSaveSubmission,\n      onSubmit,\n      removeAutoSaveDataBeforeSubmit,\n    ],\n  )\n\n  const handleSaveDraft = React.useMemo(() => {\n    if (onSaveDraft) {\n      return (newDraftSubmission: submissionService.NewDraftSubmission) => {\n        cancelAutoSave()\n        if (removeAutoSaveDataBeforeSaveDraft !== false) {\n          deleteAutoSaveSubmission()\n        }\n        if (onSaveDraft) {\n          onSaveDraft(newDraftSubmission)\n        }\n      }\n    }\n  }, [\n    cancelAutoSave,\n    deleteAutoSaveSubmission,\n    onSaveDraft,\n    removeAutoSaveDataBeforeSaveDraft,\n  ])\n\n  const handleNavigateAway = React.useCallback(() => {\n    cancelAutoSave()\n    deleteAutoSaveSubmission()\n  }, [cancelAutoSave, deleteAutoSaveSubmission])\n\n  const handleCancel = React.useCallback(() => {\n    cancelAutoSave()\n    deleteAutoSaveSubmission()\n    onCancel()\n  }, [cancelAutoSave, deleteAutoSaveSubmission, onCancel])\n\n  React.useEffect(() => {\n    let ignore = false\n    const loadAutoSaveData = async () => {\n      try {\n        const autoSaveSubmission =\n          await autoSaveService.getAutoSaveData<FormSubmissionModel>(\n            definition.id,\n            autoSaveKey,\n          )\n        const autoSaveElement =\n          await autoSaveService.getAutoSaveData<FormElement>(\n            definition.id,\n            `LAST_ELEMENT_UPDATED_${autoSaveKey}`,\n          )\n        if (!ignore) {\n          setAutoSaveState({\n            isLoadingAutoSaveSubmission: false,\n            autoSaveSubmission,\n            autoSaveElement,\n          })\n        }\n      } catch (error) {\n        console.warn('Error loading auto save data', error)\n        Sentry.captureException(error)\n        if (!ignore) {\n          setAutoSaveState({\n            isLoadingAutoSaveSubmission: false,\n            autoSaveSubmission: null,\n            autoSaveElement: null,\n          })\n        }\n      }\n    }\n    loadAutoSaveData()\n    return () => {\n      ignore = true\n    }\n  }, [autoSaveKey, definition.id])\n\n  // Clean up throttle function on unmount\n  React.useEffect(() => {\n    return () => {\n      cancelAutoSave()\n    }\n  }, [cancelAutoSave])\n\n  const setFormSubmissionAutoSave: typeof setFormSubmission = React.useCallback(\n    (formSubmission) => {\n      setFormSubmission((currentFormSubmission) => {\n        const newFormSubmission =\n          typeof formSubmission === 'function'\n            ? formSubmission(currentFormSubmission)\n            : formSubmission\n\n        throttledAutoSave(\n          newFormSubmission.submission,\n          newFormSubmission.lastElementUpdated,\n        )\n\n        return newFormSubmission\n      })\n    },\n    [setFormSubmission, throttledAutoSave],\n  )\n\n  const startNewSubmission = React.useCallback(() => {\n    deleteAutoSaveSubmission()\n    setAutoSaveState({\n      isLoadingAutoSaveSubmission: false,\n      autoSaveSubmission: null,\n      autoSaveElement: null,\n    })\n  }, [deleteAutoSaveSubmission])\n\n  const continueAutoSaveSubmission = React.useCallback(() => {\n    if (autoSaveSubmission) {\n      setFormSubmission((currentFormSubmission) => ({\n        ...currentFormSubmission,\n        submission: autoSaveSubmission,\n        lastElementUpdated: autoSaveElement ? autoSaveElement : undefined,\n      }))\n    }\n    setAutoSaveState({\n      isLoadingAutoSaveSubmission: false,\n      autoSaveSubmission: null,\n      autoSaveElement: null,\n    })\n  }, [autoSaveSubmission, setFormSubmission, autoSaveElement])\n\n  return {\n    definition,\n    submission,\n    lastElementUpdated,\n    isLoadingAutoSaveSubmission,\n    isAutoSaveSubmissionAvailable: autoSaveSubmission !== null,\n    startNewSubmission,\n    continueAutoSaveSubmission,\n    handleSubmit,\n    handleCancel,\n    handleSaveDraft,\n    handleNavigateAway,\n    setFormSubmission: setFormSubmissionAutoSave,\n  }\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "2.9.0-beta.2",
+  "version": "2.9.0-beta.3",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
@@ -46,7 +46,7 @@
     "@mui/lab": "^5.0.0-alpha.95",
     "@mui/material": "^5.10.1",
     "@mui/x-date-pickers": "^5.0.0-beta.6",
-    "@oneblink/apps": "^3.0.2-beta.4",
+    "@oneblink/apps": "^3.1.0-beta.3",
     "@oneblink/release-cli": "^1.2.0",
     "@oneblink/types": "github:oneblink/types",
     "@types/blueimp-load-image": "^5.16.0",