@oneblink/apps-react 6.8.0 → 6.9.0-beta.10

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, SubmissionTypes } from '@oneblink/types'\nimport useFormSubmissionState from './useFormSubmissionState'\nimport { FormElement } from '@oneblink/types/typescript/forms'\n\n/**\n * Use this if you want to implement a controlled auto saving form. See\n * {@link OneBlinkFormControlled} for a full example. If you do not need to\n * control the `submission` or `definition` properties, you can use the\n * {@link OneBlinkAutoSaveForm} component.\n *\n * @param options\n * @returns\n * @group Hooks\n */\nexport default function useFormSubmissionAutoSaveState({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  autoSaveKey,\n  formIsDisabled,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n}: {\n  form: FormTypes.Form\n  removeAutoSaveDataBeforeSubmit?: boolean\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n  autoSaveKey: string\n  formIsDisabled?: boolean\n  onCancel: () => unknown\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  initialSubmission?: SubmissionTypes.S3SubmissionData['submission']\n  resumeAtElement?: FormTypes.FormElement\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n}) {\n  const [\n    { definition, submission, lastElementUpdated, executedLookups },\n    setFormSubmission,\n  ] = useFormSubmissionState(form, initialSubmission, resumeAtElement)\n\n  const [\n    { isLoadingAutoSaveSubmission, autoSaveSubmission, autoSaveElement },\n    setAutoSaveState,\n  ] = React.useState<{\n    isLoadingAutoSaveSubmission: boolean\n    autoSaveSubmission: SubmissionTypes.S3SubmissionData['submission'] | 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      (\n        model: SubmissionTypes.S3SubmissionData['submission'],\n        lastElementUpdated?: FormElement,\n      ) => {\n        if (!formIsDisabled) {\n          switch (lastElementUpdated?.type) {\n            case 'summary':\n            case 'calculation':\n            case 'captcha': {\n              return\n            }\n          }\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      },\n      9580, // https://en.wikipedia.org/wiki/100_metres\n      { trailing: true, leading: false },\n    )\n  }, [autoSaveKey, definition.id, formIsDisabled])\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: submissionService.NewFormSubmission) => {\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 = await autoSaveService.getAutoSaveData<\n          SubmissionTypes.S3SubmissionData['submission']\n        >(definition.id, autoSaveKey)\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  React.useEffect(() => {\n    if (form.continueWithAutosave) {\n      continueAutoSaveSubmission()\n    }\n  }, [continueAutoSaveSubmission, form.continueWithAutosave])\n\n  return {\n    definition,\n    submission,\n    lastElementUpdated,\n    executedLookups,\n    isLoadingAutoSaveSubmission,\n    isAutoSaveSubmissionAvailable:\n      autoSaveSubmission !== null && !form.continueWithAutosave,\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, SubmissionTypes } from '@oneblink/types'\nimport useFormSubmissionState from './useFormSubmissionState'\nimport { FormElement } from '@oneblink/types/typescript/forms'\n\n/**\n * Use this if you want to implement a controlled auto saving form. See\n * {@link OneBlinkFormControlled} for a full example. If you do not need to\n * control the `submission` or `definition` properties, you can use the\n * {@link OneBlinkAutoSaveForm} component.\n *\n * @param options\n * @returns\n * @group Hooks\n */\nexport default function useFormSubmissionAutoSaveState({\n  form,\n  initialSubmission,\n  resumeAtElement,\n  removeAutoSaveDataBeforeSubmit,\n  removeAutoSaveDataBeforeSaveDraft,\n  autoSaveKey,\n  formIsDisabled,\n  onCancel,\n  onSubmit,\n  onSaveDraft,\n}: {\n  form: FormTypes.Form\n  removeAutoSaveDataBeforeSubmit?: boolean\n  removeAutoSaveDataBeforeSaveDraft?: boolean\n  autoSaveKey: string\n  formIsDisabled?: boolean\n  onCancel: () => unknown\n  onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown\n  initialSubmission?: SubmissionTypes.S3SubmissionData['submission']\n  resumeAtElement?: FormTypes.FormElement\n  onSaveDraft?: (\n    newDraftSubmission: submissionService.NewDraftSubmission,\n  ) => unknown\n}) {\n  const [\n    { definition, submission, lastElementUpdated, executedLookups },\n    setFormSubmission,\n  ] = useFormSubmissionState(form, initialSubmission, resumeAtElement)\n\n  const [\n    { isLoadingAutoSaveSubmission, autoSaveSubmission, autoSaveElement },\n    setAutoSaveState,\n  ] = React.useState<{\n    isLoadingAutoSaveSubmission: boolean\n    autoSaveSubmission: SubmissionTypes.S3SubmissionData['submission'] | 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      (\n        model: SubmissionTypes.S3SubmissionData['submission'],\n        lastElementUpdated?: FormElement,\n      ) => {\n        if (!formIsDisabled) {\n          switch (lastElementUpdated?.type) {\n            case 'summary':\n            case 'calculation':\n            case 'captcha': {\n              return\n            }\n          }\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      },\n      9580, // https://en.wikipedia.org/wiki/100_metres\n      { trailing: true, leading: false },\n    )\n  }, [autoSaveKey, definition.id, formIsDisabled])\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: submissionService.NewFormSubmission) => {\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 = await autoSaveService.getAutoSaveData<\n          SubmissionTypes.S3SubmissionData['submission']\n        >(definition.id, autoSaveKey)\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  React.useEffect(() => {\n    if (form.continueWithAutosave) {\n      continueAutoSaveSubmission()\n    }\n  }, [continueAutoSaveSubmission, form.continueWithAutosave])\n\n  return {\n    definition,\n    submission,\n    lastElementUpdated,\n    executedLookups,\n    isLoadingAutoSaveSubmission,\n    isAutoSaveSubmissionAvailable:\n      autoSaveSubmission !== null && !form.continueWithAutosave,\n    startNewSubmission,\n    continueAutoSaveSubmission,\n    handleSubmit,\n    handleCancel,\n    handleSaveDraft,\n    handleNavigateAway,\n    setFormSubmission: setFormSubmissionAutoSave,\n  }\n}\n"]}

package/dist/hooks/useFormSubmissionModelContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormSubmissionModelContext.js","sourceRoot":"","sources":["../../src/hooks/useFormSubmissionModelContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,wBAAwB,MAAM,sCAAsC,CAAA;AAS3E,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAEpD,SAAS,CAAC,CAAA;AAEZ,MAAM,UAAU,kCAAkC,CAAC,EACjD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,8BAA8B,GAM/B;IACC,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACjD,0BAA0B,CAC3B,CAAA;IACD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACL,mBAAmB,EAAE,wBAAwB,CAC3C,KAAK,EACL,QAAQ,EACR,8BAA8B,EAC9B,IAAI,CACL,CAAC,KAAK;YACP,MAAM,EAAE,0BAA0B;YAClC,QAAQ;SACT,CAAA;IACH,CAAC,EAAE;QACD,KAAK;QACL,QAAQ;QACR,8BAA8B;QAC9B,0BAA0B;KAC3B,CAAC,CAAA;IACF,OAAO,CACL,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC9C,QAAQ,CAC2B,CACvC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACjD,0BAA0B,CAC3B,CAAA;IACD,IAAI,CAAC,0BAA0B,EAAE;QAC/B,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;KACF;IACD,OAAO,0BAA0B,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,IAAI,0BAA0B,GAAG,sBAAsB,EAAE,CAAA;IACzD,OAAO,0BAA0B,CAAC,MAAM,EAAE;QACxC,0BAA0B,GAAG,0BAA0B,CAAC,MAAM,CAAA;KAC/D;IACD,OAAO,0BAA0B,CAAA;AACnC,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { FormElement } from '@oneblink/types/typescript/forms'\nimport * as React from 'react'\nimport cleanFormSubmissionModel from '../services/cleanFormSubmissionModel'\nimport { FormElementsConditionallyShown } from '../types/form'\n\nexport type FormSubmissionModelContextValue = {\n  formSubmissionModel: SubmissionTypes.S3SubmissionData['submission']\n  parent?: FormSubmissionModelContextValue\n  elements: FormElement[]\n}\n\nconst FormSubmissionModelContext = React.createContext<\n  FormSubmissionModelContextValue | undefined\n>(undefined)\n\nexport function FormSubmissionModelContextProvider({\n  children,\n  model,\n  elements,\n  formElementsConditionallyShown,\n}: {\n  model: SubmissionTypes.S3SubmissionData['submission']\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  children: React.ReactNode\n}) {\n  const formSubmissionModelContext = React.useContext(\n    FormSubmissionModelContext,\n  )\n  const value = React.useMemo(() => {\n    return {\n      formSubmissionModel: cleanFormSubmissionModel(\n        model,\n        elements,\n        formElementsConditionallyShown,\n        true,\n      ).model,\n      parent: formSubmissionModelContext,\n      elements,\n    }\n  }, [\n    model,\n    elements,\n    formElementsConditionallyShown,\n    formSubmissionModelContext,\n  ])\n  return (\n    <FormSubmissionModelContext.Provider value={value}>\n      {children}\n    </FormSubmissionModelContext.Provider>\n  )\n}\n\nexport default function useFormSubmissionModel() {\n  const formSubmissionModelContext = React.useContext(\n    FormSubmissionModelContext,\n  )\n  if (!formSubmissionModelContext) {\n    throw new Error(\n      '\"FormSubmissionModelContext\" does not have a value in this context',\n    )\n  }\n  return formSubmissionModelContext\n}\n\nexport function useFormSubmissionModelParent() {\n  let formSubmissionModelContext = useFormSubmissionModel()\n  while (formSubmissionModelContext.parent) {\n    formSubmissionModelContext = formSubmissionModelContext.parent\n  }\n  return formSubmissionModelContext\n}\n"]}
+{"version":3,"file":"useFormSubmissionModelContext.js","sourceRoot":"","sources":["../../src/hooks/useFormSubmissionModelContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,wBAAwB,MAAM,sCAAsC,CAAA;AAS3E,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAEpD,SAAS,CAAC,CAAA;AAEZ,MAAM,UAAU,kCAAkC,CAAC,EACjD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,8BAA8B,GAM/B;IACC,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACjD,0BAA0B,CAC3B,CAAA;IACD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACL,mBAAmB,EAAE,wBAAwB,CAC3C,KAAK,EACL,QAAQ,EACR,8BAA8B,EAC9B,IAAI,CACL,CAAC,KAAK;YACP,MAAM,EAAE,0BAA0B;YAClC,QAAQ;SACT,CAAA;IACH,CAAC,EAAE;QACD,KAAK;QACL,QAAQ;QACR,8BAA8B;QAC9B,0BAA0B;KAC3B,CAAC,CAAA;IACF,OAAO,CACL,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC9C,QAAQ,CAC2B,CACvC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACjD,0BAA0B,CAC3B,CAAA;IACD,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;IACH,CAAC;IACD,OAAO,0BAA0B,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,IAAI,0BAA0B,GAAG,sBAAsB,EAAE,CAAA;IACzD,OAAO,0BAA0B,CAAC,MAAM,EAAE,CAAC;QACzC,0BAA0B,GAAG,0BAA0B,CAAC,MAAM,CAAA;IAChE,CAAC;IACD,OAAO,0BAA0B,CAAA;AACnC,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { FormElement } from '@oneblink/types/typescript/forms'\nimport * as React from 'react'\nimport cleanFormSubmissionModel from '../services/cleanFormSubmissionModel'\nimport { FormElementsConditionallyShown } from '../types/form'\n\nexport type FormSubmissionModelContextValue = {\n  formSubmissionModel: SubmissionTypes.S3SubmissionData['submission']\n  parent?: FormSubmissionModelContextValue\n  elements: FormElement[]\n}\n\nconst FormSubmissionModelContext = React.createContext<\n  FormSubmissionModelContextValue | undefined\n>(undefined)\n\nexport function FormSubmissionModelContextProvider({\n  children,\n  model,\n  elements,\n  formElementsConditionallyShown,\n}: {\n  model: SubmissionTypes.S3SubmissionData['submission']\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  children: React.ReactNode\n}) {\n  const formSubmissionModelContext = React.useContext(\n    FormSubmissionModelContext,\n  )\n  const value = React.useMemo(() => {\n    return {\n      formSubmissionModel: cleanFormSubmissionModel(\n        model,\n        elements,\n        formElementsConditionallyShown,\n        true,\n      ).model,\n      parent: formSubmissionModelContext,\n      elements,\n    }\n  }, [\n    model,\n    elements,\n    formElementsConditionallyShown,\n    formSubmissionModelContext,\n  ])\n  return (\n    <FormSubmissionModelContext.Provider value={value}>\n      {children}\n    </FormSubmissionModelContext.Provider>\n  )\n}\n\nexport default function useFormSubmissionModel() {\n  const formSubmissionModelContext = React.useContext(\n    FormSubmissionModelContext,\n  )\n  if (!formSubmissionModelContext) {\n    throw new Error(\n      '\"FormSubmissionModelContext\" does not have a value in this context',\n    )\n  }\n  return formSubmissionModelContext\n}\n\nexport function useFormSubmissionModelParent() {\n  let formSubmissionModelContext = useFormSubmissionModel()\n  while (formSubmissionModelContext.parent) {\n    formSubmissionModelContext = formSubmissionModelContext.parent\n  }\n  return formSubmissionModelContext\n}\n"]}

package/dist/hooks/useFormSubmissionState.d.ts

@@ -40,12 +40,12 @@ import { ExecutedLookups } from '../types/form';
  */
 export default function useFormSubmissionState(form: FormTypes.Form, initialSubmission?: SubmissionTypes.S3SubmissionData['submission'], lastElementUpdated?: FormTypes.FormElement): [{
     definition: FormTypes.Form;
-    submission: SubmissionTypes.S3SubmissionData['submission'];
+    submission: SubmissionTypes.S3SubmissionData["submission"];
     lastElementUpdated: FormTypes.FormElement | undefined;
     executedLookups: ExecutedLookups;
 }, React.Dispatch<React.SetStateAction<{
     definition: FormTypes.Form;
-    submission: SubmissionTypes.S3SubmissionData['submission'];
+    submission: SubmissionTypes.S3SubmissionData["submission"];
     lastElementUpdated: FormTypes.FormElement | undefined;
     executedLookups: ExecutedLookups;
 }>>];

package/dist/hooks/useFormValidation.d.ts

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

package/dist/hooks/useFormValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormValidation.js","sourceRoot":"","sources":["../../src/hooks/useFormValidation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,6BAA6B,CAAA;AAOpC,SAAS,4BAA4B,CACnC,YAAqC;IAErC,OAAO,YAAY,CAAC,MAAM,CACxB,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;QACpB,QAAQ,WAAW,CAAC,IAAI,EAAE;YACxB,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC,CAAC;gBACd,OAAO;oBACL,GAAG,IAAI;oBACP,GAAG,4BAA4B,CAAC,WAAW,CAAC,QAAQ,CAAC;iBACtD,CAAA;aACF;YACD,KAAK,UAAU,CAAC;YAChB,KAAK,MAAM,CAAC;YACZ,KAAK,eAAe,CAAC,CAAC;gBACpB,OAAO;oBACL,GAAG,IAAI;oBACP;wBACE,GAAG,WAAW;wBACd,QAAQ,EAAE,4BAA4B,CACpC,WAAW,CAAC,QAAQ,IAAI,EAAE,CAC3B;qBACF;iBACF,CAAA;aACF;YACD,OAAO,CAAC,CAAC;gBACP,OAAO,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAA;aAC9B;SACF;IACH,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA8B;IACtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,OAAO,4BAA4B,CAAC,KAAK,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,wBAAwB,CAAC,uBAAuB,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAA;IAE7B,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CACE,UAA0D,EAC1D,8BAA8D,EAC9D,eAAgC,EAChC,WAAwB,EACxB,EAAE;QACF,OAAO,kBAAkB,CACvB,gBAAgB,EAChB,UAAU,EACV,8BAA8B,EAC9B,eAAe,EACf,WAAW,CACZ,CAAA;IACH,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAA;IAED,OAAO;QACL,QAAQ,EAAE,cAAc;KACzB,CAAA;AACH,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport {\n  validateSubmission,\n  generateValidationSchema,\n} from '../services/form-validation'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsConditionallyShown,\n} from '../types/form'\n\nfunction stripFormElementsWithoutName(\n  formElements: FormTypes.FormElement[],\n): FormTypes.FormElementWithName[] {\n  return formElements.reduce<FormTypes.FormElementWithName[]>(\n    (memo, formElement) => {\n      switch (formElement.type) {\n        case 'page':\n        case 'section': {\n          return [\n            ...memo,\n            ...stripFormElementsWithoutName(formElement.elements),\n          ]\n        }\n        case 'infoPage':\n        case 'form':\n        case 'repeatableSet': {\n          return [\n            ...memo,\n            {\n              ...formElement,\n              elements: stripFormElementsWithoutName(\n                formElement.elements || [],\n              ),\n            },\n          ]\n        }\n        default: {\n          return [...memo, formElement]\n        }\n      }\n    },\n    [],\n  )\n}\n\nexport default function useFormValidation(pages: FormTypes.PageElement[]) {\n  const formElementsWithoutName = React.useMemo(() => {\n    return stripFormElementsWithoutName(pages)\n  }, [pages])\n\n  const validationSchema = React.useMemo(() => {\n    return generateValidationSchema(formElementsWithoutName)\n  }, [formElementsWithoutName])\n\n  const handleValidate = React.useCallback(\n    (\n      submission: SubmissionTypes.S3SubmissionData['submission'],\n      formElementsConditionallyShown: FormElementsConditionallyShown,\n      executedLookups: ExecutedLookups,\n      captchaType: CaptchaType,\n    ) => {\n      return validateSubmission(\n        validationSchema,\n        submission,\n        formElementsConditionallyShown,\n        executedLookups,\n        captchaType,\n      )\n    },\n    [validationSchema],\n  )\n\n  return {\n    validate: handleValidate,\n  }\n}\n"]}
+{"version":3,"file":"useFormValidation.js","sourceRoot":"","sources":["../../src/hooks/useFormValidation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,6BAA6B,CAAA;AAOpC,SAAS,4BAA4B,CACnC,YAAqC;IAErC,OAAO,YAAY,CAAC,MAAM,CACxB,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;QACpB,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,OAAO;oBACL,GAAG,IAAI;oBACP,GAAG,4BAA4B,CAAC,WAAW,CAAC,QAAQ,CAAC;iBACtD,CAAA;YACH,CAAC;YACD,KAAK,UAAU,CAAC;YAChB,KAAK,MAAM,CAAC;YACZ,KAAK,eAAe,CAAC,CAAC,CAAC;gBACrB,OAAO;oBACL,GAAG,IAAI;oBACP;wBACE,GAAG,WAAW;wBACd,QAAQ,EAAE,4BAA4B,CACpC,WAAW,CAAC,QAAQ,IAAI,EAAE,CAC3B;qBACF;iBACF,CAAA;YACH,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA8B;IACtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,OAAO,4BAA4B,CAAC,KAAK,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,wBAAwB,CAAC,uBAAuB,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAA;IAE7B,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CACE,UAA0D,EAC1D,8BAA8D,EAC9D,eAAgC,EAChC,WAAwB,EACxB,EAAE;QACF,OAAO,kBAAkB,CACvB,gBAAgB,EAChB,UAAU,EACV,8BAA8B,EAC9B,eAAe,EACf,WAAW,CACZ,CAAA;IACH,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAA;IAED,OAAO;QACL,QAAQ,EAAE,cAAc;KACzB,CAAA;AACH,CAAC","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport {\n  validateSubmission,\n  generateValidationSchema,\n} from '../services/form-validation'\nimport {\n  CaptchaType,\n  ExecutedLookups,\n  FormElementsConditionallyShown,\n} from '../types/form'\n\nfunction stripFormElementsWithoutName(\n  formElements: FormTypes.FormElement[],\n): FormTypes.FormElementWithName[] {\n  return formElements.reduce<FormTypes.FormElementWithName[]>(\n    (memo, formElement) => {\n      switch (formElement.type) {\n        case 'page':\n        case 'section': {\n          return [\n            ...memo,\n            ...stripFormElementsWithoutName(formElement.elements),\n          ]\n        }\n        case 'infoPage':\n        case 'form':\n        case 'repeatableSet': {\n          return [\n            ...memo,\n            {\n              ...formElement,\n              elements: stripFormElementsWithoutName(\n                formElement.elements || [],\n              ),\n            },\n          ]\n        }\n        default: {\n          return [...memo, formElement]\n        }\n      }\n    },\n    [],\n  )\n}\n\nexport default function useFormValidation(pages: FormTypes.PageElement[]) {\n  const formElementsWithoutName = React.useMemo(() => {\n    return stripFormElementsWithoutName(pages)\n  }, [pages])\n\n  const validationSchema = React.useMemo(() => {\n    return generateValidationSchema(formElementsWithoutName)\n  }, [formElementsWithoutName])\n\n  const handleValidate = React.useCallback(\n    (\n      submission: SubmissionTypes.S3SubmissionData['submission'],\n      formElementsConditionallyShown: FormElementsConditionallyShown,\n      executedLookups: ExecutedLookups,\n      captchaType: CaptchaType,\n    ) => {\n      return validateSubmission(\n        validationSchema,\n        submission,\n        formElementsConditionallyShown,\n        executedLookups,\n        captchaType,\n      )\n    },\n    [validationSchema],\n  )\n\n  return {\n    validate: handleValidate,\n  }\n}\n"]}

package/dist/hooks/useInfiniteScrollDataLoad.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteScrollDataLoad.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScrollDataLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport useQuery from './useQuery'\n\nexport type ChangeHandler<T> = (filters: T) => T\nexport type OnChangeFilters<T> = (\n  changeHandler: ChangeHandler<T>,\n  shouldDebounce: boolean,\n) => void\n\nexport type LoadingType = 'INITIAL' | 'MORE' | null\n\nexport default function useInfiniteScrollDataLoad<Filters, T>({\n  limit,\n  isManual,\n  debounceSearchMs,\n  onDefaultFilters,\n  onSearch,\n  onValidateFilters,\n}: {\n  limit: number\n  isManual?: boolean\n  debounceSearchMs?: number\n  onDefaultFilters: (query: ReturnType<typeof useQuery>) => Filters\n  onSearch: (\n    filters: Filters,\n    paging: {\n      limit: number\n      offset: number\n    },\n    abortSignal: AbortSignal,\n  ) => Promise<{\n    records: T[]\n    meta: {\n      limit: number\n      offset: number\n      nextOffset?: number | undefined\n    }\n  }>\n  onValidateFilters?: (filters: Filters) => boolean\n}) {\n  const query = useQuery()\n\n  const [{ forceReload, shouldDebounce, offset, filters }, setOffsetState] =\n    React.useState<{\n      forceReload: boolean\n      shouldDebounce: boolean\n      offset: number\n      filters: Filters\n    }>(() => {\n      return {\n        forceReload: false,\n        shouldDebounce: false,\n        offset: 0,\n        filters: onDefaultFilters(query),\n      }\n    })\n\n  const onChangeFilters = React.useCallback<OnChangeFilters<Filters>>(\n    (changeHandler, shouldDebounce) => {\n      setOffsetState((currentState) => ({\n        ...currentState,\n        afterRefresh: false,\n        shouldDebounce,\n        offset: 0,\n        filters: changeHandler(currentState.filters),\n      }))\n    },\n    [],\n  )\n\n  const [{ isLoading, records, error, nextOffset }, setState] = React.useState<{\n    isLoading: LoadingType\n    records: T[]\n    error: Error | null\n    nextOffset: number\n  }>({\n    isLoading: 'INITIAL',\n    records: [],\n    error: null,\n    nextOffset: 0,\n  })\n\n  const fetchRecords = React.useCallback(\n    async (abortSignal: AbortSignal) => {\n      if (onValidateFilters) {\n        const isValid = onValidateFilters(filters)\n        if (!isValid) {\n          return\n        }\n      }\n\n      setState((currentState) => ({\n        ...currentState,\n        error: null,\n        records: offset === 0 ? [] : currentState.records,\n        isLoading: offset === 0 ? 'INITIAL' : 'MORE',\n      }))\n      try {\n        const result = await onSearch(\n          filters,\n          {\n            limit,\n            offset,\n          },\n          abortSignal,\n        )\n        setState((currentState) => ({\n          error: null,\n          records: [...currentState.records, ...result.records],\n          isLoading: null,\n          nextOffset: result.meta.nextOffset || 0,\n        }))\n      } catch (error) {\n        if (abortSignal.aborted) {\n          return\n        }\n        console.warn('An error occurred while fetching records', error)\n        setState((currentState) => ({\n          ...currentState,\n          error: error as Error,\n          isLoading: null,\n        }))\n      }\n    },\n    [onValidateFilters, filters, offset, onSearch, limit],\n  )\n\n  React.useEffect(() => {\n    const controller = new AbortController()\n    const timeoutId = setTimeout(\n      () => {\n        fetchRecords(controller.signal)\n      },\n      shouldDebounce ? debounceSearchMs || 0 : 0,\n    )\n    return () => {\n      clearTimeout(timeoutId)\n      controller.abort()\n    }\n  }, [debounceSearchMs, fetchRecords, shouldDebounce, forceReload])\n\n  const onLoad = React.useCallback((newOffset?: number) => {\n    setOffsetState((currentState) => {\n      return {\n        ...currentState,\n        offset: typeof newOffset === 'number' ? newOffset : currentState.offset,\n        forceReload: !currentState.forceReload,\n        shouldDebounce: false,\n      }\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (isManual) {\n      return\n    }\n    const scrollEventListener = () => {\n      // Bails early if we have not fetched data yet and:\n      // - there's an error\n      // - it's already loading\n      // - there's nothing left to load\n      if (!document.body || error || isLoading || !nextOffset) {\n        return\n      }\n\n      // Checks that the page has scrolled to the bottom\n      if (window.innerHeight + window.scrollY >= document.body.scrollHeight) {\n        onLoad(nextOffset)\n      }\n    }\n    // Binds our scroll event handler\n    window.addEventListener('scroll', scrollEventListener)\n\n    return () => {\n      window.removeEventListener('scroll', scrollEventListener)\n    }\n  }, [error, isLoading, isManual, nextOffset, onLoad])\n\n  const onRefresh = React.useCallback(() => {\n    onLoad(0)\n  }, [onLoad])\n\n  const onReplace = React.useCallback((replacer: (record: T) => T) => {\n    setState((state) => ({\n      ...state,\n      records: state.records.map(replacer),\n    }))\n  }, [])\n\n  return {\n    isLoading,\n    loadError: error,\n    records,\n    onRefresh,\n    onTryAgain: onLoad,\n    filters,\n    onChangeFilters,\n    onReplace,\n    nextOffset,\n  }\n}\n"]}
+{"version":3,"file":"useInfiniteScrollDataLoad.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScrollDataLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport useQuery from './useQuery'\n\nexport type ChangeHandler<T> = (filters: T) => T\nexport type OnChangeFilters<T> = (\n  changeHandler: ChangeHandler<T>,\n  shouldDebounce: boolean,\n) => void\n\nexport type LoadingType = 'INITIAL' | 'MORE' | null\n\nexport default function useInfiniteScrollDataLoad<Filters, T>({\n  limit,\n  isManual,\n  debounceSearchMs,\n  onDefaultFilters,\n  onSearch,\n  onValidateFilters,\n}: {\n  limit: number\n  isManual?: boolean\n  debounceSearchMs?: number\n  onDefaultFilters: (query: ReturnType<typeof useQuery>) => Filters\n  onSearch: (\n    filters: Filters,\n    paging: {\n      limit: number\n      offset: number\n    },\n    abortSignal: AbortSignal,\n  ) => Promise<{\n    records: T[]\n    meta: {\n      limit: number\n      offset: number\n      nextOffset?: number | undefined\n    }\n  }>\n  onValidateFilters?: (filters: Filters) => boolean\n}) {\n  const query = useQuery()\n\n  const [{ forceReload, shouldDebounce, offset, filters }, setOffsetState] =\n    React.useState<{\n      forceReload: boolean\n      shouldDebounce: boolean\n      offset: number\n      filters: Filters\n    }>(() => {\n      return {\n        forceReload: false,\n        shouldDebounce: false,\n        offset: 0,\n        filters: onDefaultFilters(query),\n      }\n    })\n\n  const onChangeFilters = React.useCallback<OnChangeFilters<Filters>>(\n    (changeHandler, shouldDebounce) => {\n      setOffsetState((currentState) => ({\n        ...currentState,\n        afterRefresh: false,\n        shouldDebounce,\n        offset: 0,\n        filters: changeHandler(currentState.filters),\n      }))\n    },\n    [],\n  )\n\n  const [{ isLoading, records, error, nextOffset }, setState] = React.useState<{\n    isLoading: LoadingType\n    records: T[]\n    error: Error | null\n    nextOffset: number\n  }>({\n    isLoading: 'INITIAL',\n    records: [],\n    error: null,\n    nextOffset: 0,\n  })\n\n  const fetchRecords = React.useCallback(\n    async (abortSignal: AbortSignal) => {\n      if (onValidateFilters) {\n        const isValid = onValidateFilters(filters)\n        if (!isValid) {\n          return\n        }\n      }\n\n      setState((currentState) => ({\n        ...currentState,\n        error: null,\n        records: offset === 0 ? [] : currentState.records,\n        isLoading: offset === 0 ? 'INITIAL' : 'MORE',\n      }))\n      try {\n        const result = await onSearch(\n          filters,\n          {\n            limit,\n            offset,\n          },\n          abortSignal,\n        )\n        setState((currentState) => ({\n          error: null,\n          records: [...currentState.records, ...result.records],\n          isLoading: null,\n          nextOffset: result.meta.nextOffset || 0,\n        }))\n      } catch (error) {\n        if (abortSignal.aborted) {\n          return\n        }\n        console.warn('An error occurred while fetching records', error)\n        setState((currentState) => ({\n          ...currentState,\n          error: error as Error,\n          isLoading: null,\n        }))\n      }\n    },\n    [onValidateFilters, filters, offset, onSearch, limit],\n  )\n\n  React.useEffect(() => {\n    const controller = new AbortController()\n    const timeoutId = setTimeout(\n      () => {\n        fetchRecords(controller.signal)\n      },\n      shouldDebounce ? debounceSearchMs || 0 : 0,\n    )\n    return () => {\n      clearTimeout(timeoutId)\n      controller.abort()\n    }\n  }, [debounceSearchMs, fetchRecords, shouldDebounce, forceReload])\n\n  const onLoad = React.useCallback((newOffset?: number) => {\n    setOffsetState((currentState) => {\n      return {\n        ...currentState,\n        offset: typeof newOffset === 'number' ? newOffset : currentState.offset,\n        forceReload: !currentState.forceReload,\n        shouldDebounce: false,\n      }\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (isManual) {\n      return\n    }\n    const scrollEventListener = () => {\n      // Bails early if we have not fetched data yet and:\n      // - there's an error\n      // - it's already loading\n      // - there's nothing left to load\n      if (!document.body || error || isLoading || !nextOffset) {\n        return\n      }\n\n      // Checks that the page has scrolled to the bottom\n      if (window.innerHeight + window.scrollY >= document.body.scrollHeight) {\n        onLoad(nextOffset)\n      }\n    }\n    // Binds our scroll event handler\n    window.addEventListener('scroll', scrollEventListener)\n\n    return () => {\n      window.removeEventListener('scroll', scrollEventListener)\n    }\n  }, [error, isLoading, isManual, nextOffset, onLoad])\n\n  const onRefresh = React.useCallback(() => {\n    onLoad(0)\n  }, [onLoad])\n\n  const onReplace = React.useCallback((replacer: (record: T) => T) => {\n    setState((state) => ({\n      ...state,\n      records: state.records.map(replacer),\n    }))\n  }, [])\n\n  return {\n    isLoading,\n    loadError: error,\n    records,\n    onRefresh,\n    onTryAgain: onLoad,\n    filters,\n    onChangeFilters,\n    onReplace,\n    nextOffset,\n  }\n}\n"]}

package/dist/hooks/useIsOffline.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
  * @param listener
  * @group Hooks
  */
-export declare const useNetworkChangeEffect: (type: 'online' | 'offline', listener: () => unknown) => void;
+export declare const useNetworkChangeEffect: (type: "online" | "offline", listener: () => unknown) => void;
 /**
  * IsOfflineContextProvider is a React Component that provides the `isOffline`
  * state for components further down your component tree to consume. It should

package/dist/hooks/useLoadDataState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoadDataState.js","sourceRoot":"","sources":["../../src/hooks/useLoadDataState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAiBnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,MAAgD;IAMhD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAmB;QACzD,MAAM,EAAE,SAAS;KAClB,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,KAAK,EAAE,WAAwB,EAAE,EAAE;QACjC,QAAQ,CAAC;YACP,MAAM,EAAE,SAAS;SAClB,CAAC,CAAA;QACF,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;YACxC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;gBAC7C,QAAQ,CAAC;oBACP,MAAM,EAAE,SAAS;oBACjB,MAAM;iBACP,CAAC,CAAA;aACH;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;gBAC7C,QAAQ,CAAC;oBACP,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,GAAY;iBACpB,CAAC,CAAA;aACH;SACF;IACH,CAAC,EACD,CAAC,SAAS,EAAE,MAAM,CAAC,CACpB,CAAA;IAED,MAAM,SAAS,GAA4C,KAAK,CAAC,WAAW,CAC1E,CAAC,MAAM,EAAE,EAAE;QACT,QAAQ,CAAC,CAAC,YAA8B,EAAE,EAAE;YAC1C,IAAI,YAAY,CAAC,MAAM,KAAK,SAAS,EAAE;gBACrC,OAAO;oBACL,GAAG,YAAY;oBACf,MAAM,EACJ,OAAO,MAAM,KAAK,UAAU;wBAC1B,CAAC,CAAC,oFAAoF;4BACpF,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC;wBAC7B,CAAC,CAAC,MAAM;iBACb,CAAA;aACF;iBAAM;gBACL,OAAO,YAAY,CAAA;aACpB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,aAAa,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEnD,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import * as React from 'react'\nimport useIsMounted from './useIsMounted'\nimport useLoadDataEffect from './useLoadDataEffect'\n\nexport type LoadDataState<T> =\n  | {\n      status: 'SUCCESS'\n      /** Your data. */\n      result: T\n    }\n  | {\n      status: 'ERROR'\n      /** A JavaScript `Error` object. */\n      error: Error\n    }\n  | {\n      status: 'LOADING'\n    }\n\n/**\n * This function is a react hook for managing the state involved with loading\n * data.\n *\n * ## Example\n *\n * ```js\n * import { useLoadDataState } from '@oneblink/apps-react'\n * const fetchData = async () => {\n *   const response = await fetch(`https://some-website.com/api?data=data`)\n *\n *   if (!response.ok) {\n *     const text = await response.text()\n *     throw new Error(text)\n *   }\n *\n *   return await response.json()\n * }\n *\n * const MyComponent = () => {\n *   const [state, refresh, setResult] = useLoadDataState(fetchData)\n *\n *   switch (state.status) {\n *     case 'LOADING':\n *       return <Loading />\n *     case 'ERROR':\n *       return <Error message={state.error} />\n *     case 'SUCCESS':\n *     // RENDER UI\n *   }\n * }\n *\n * export default MyComponent\n * ```\n *\n * @typeParam T The type of the data returned by your `onLoad` function\n * @param onLoad The function that fetches your data. Should be a Promise that\n *   returns your data\n * @returns\n * @group Hooks\n */\nexport default function useLoadDataState<T>(\n  onLoad: (abortSignal: AbortSignal) => Promise<T>,\n): [\n  state: LoadDataState<T>,\n  handleRefresh: () => void,\n  setResult: React.Dispatch<React.SetStateAction<T>>,\n] {\n  const isMounted = useIsMounted()\n  const [state, setState] = React.useState<LoadDataState<T>>({\n    status: 'LOADING',\n  })\n\n  const handleLoad = React.useCallback(\n    async (abortSignal: AbortSignal) => {\n      setState({\n        status: 'LOADING',\n      })\n      try {\n        const result = await onLoad(abortSignal)\n        if (isMounted.current && !abortSignal.aborted) {\n          setState({\n            status: 'SUCCESS',\n            result,\n          })\n        }\n      } catch (err) {\n        if (isMounted.current && !abortSignal.aborted) {\n          setState({\n            status: 'ERROR',\n            error: err as Error,\n          })\n        }\n      }\n    },\n    [isMounted, onLoad],\n  )\n\n  const setResult: React.Dispatch<React.SetStateAction<T>> = React.useCallback(\n    (setter) => {\n      setState((currentState: LoadDataState<T>) => {\n        if (currentState.status === 'SUCCESS') {\n          return {\n            ...currentState,\n            result:\n              typeof setter === 'function'\n                ? // @ts-expect-error Typescript cannot tell between a generic type (T) and a function\n                  setter(currentState.result)\n                : setter,\n          }\n        } else {\n          return currentState\n        }\n      })\n    },\n    [],\n  )\n\n  const handleRefresh = useLoadDataEffect(handleLoad)\n\n  return [state, handleRefresh, setResult]\n}\n"]}
+{"version":3,"file":"useLoadDataState.js","sourceRoot":"","sources":["../../src/hooks/useLoadDataState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAiBnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,MAAgD;IAMhD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAmB;QACzD,MAAM,EAAE,SAAS;KAClB,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,KAAK,EAAE,WAAwB,EAAE,EAAE;QACjC,QAAQ,CAAC;YACP,MAAM,EAAE,SAAS;SAClB,CAAC,CAAA;QACF,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;YACxC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC9C,QAAQ,CAAC;oBACP,MAAM,EAAE,SAAS;oBACjB,MAAM;iBACP,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC9C,QAAQ,CAAC;oBACP,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,GAAY;iBACpB,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,MAAM,CAAC,CACpB,CAAA;IAED,MAAM,SAAS,GAA4C,KAAK,CAAC,WAAW,CAC1E,CAAC,MAAM,EAAE,EAAE;QACT,QAAQ,CAAC,CAAC,YAA8B,EAAE,EAAE;YAC1C,IAAI,YAAY,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;gBACtC,OAAO;oBACL,GAAG,YAAY;oBACf,MAAM,EACJ,OAAO,MAAM,KAAK,UAAU;wBAC1B,CAAC,CAAC,oFAAoF;4BACpF,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC;wBAC7B,CAAC,CAAC,MAAM;iBACb,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,YAAY,CAAA;YACrB,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,aAAa,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEnD,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import * as React from 'react'\nimport useIsMounted from './useIsMounted'\nimport useLoadDataEffect from './useLoadDataEffect'\n\nexport type LoadDataState<T> =\n  | {\n      status: 'SUCCESS'\n      /** Your data. */\n      result: T\n    }\n  | {\n      status: 'ERROR'\n      /** A JavaScript `Error` object. */\n      error: Error\n    }\n  | {\n      status: 'LOADING'\n    }\n\n/**\n * This function is a react hook for managing the state involved with loading\n * data.\n *\n * ## Example\n *\n * ```js\n * import { useLoadDataState } from '@oneblink/apps-react'\n * const fetchData = async () => {\n *   const response = await fetch(`https://some-website.com/api?data=data`)\n *\n *   if (!response.ok) {\n *     const text = await response.text()\n *     throw new Error(text)\n *   }\n *\n *   return await response.json()\n * }\n *\n * const MyComponent = () => {\n *   const [state, refresh, setResult] = useLoadDataState(fetchData)\n *\n *   switch (state.status) {\n *     case 'LOADING':\n *       return <Loading />\n *     case 'ERROR':\n *       return <Error message={state.error} />\n *     case 'SUCCESS':\n *     // RENDER UI\n *   }\n * }\n *\n * export default MyComponent\n * ```\n *\n * @typeParam T The type of the data returned by your `onLoad` function\n * @param onLoad The function that fetches your data. Should be a Promise that\n *   returns your data\n * @returns\n * @group Hooks\n */\nexport default function useLoadDataState<T>(\n  onLoad: (abortSignal: AbortSignal) => Promise<T>,\n): [\n  state: LoadDataState<T>,\n  handleRefresh: () => void,\n  setResult: React.Dispatch<React.SetStateAction<T>>,\n] {\n  const isMounted = useIsMounted()\n  const [state, setState] = React.useState<LoadDataState<T>>({\n    status: 'LOADING',\n  })\n\n  const handleLoad = React.useCallback(\n    async (abortSignal: AbortSignal) => {\n      setState({\n        status: 'LOADING',\n      })\n      try {\n        const result = await onLoad(abortSignal)\n        if (isMounted.current && !abortSignal.aborted) {\n          setState({\n            status: 'SUCCESS',\n            result,\n          })\n        }\n      } catch (err) {\n        if (isMounted.current && !abortSignal.aborted) {\n          setState({\n            status: 'ERROR',\n            error: err as Error,\n          })\n        }\n      }\n    },\n    [isMounted, onLoad],\n  )\n\n  const setResult: React.Dispatch<React.SetStateAction<T>> = React.useCallback(\n    (setter) => {\n      setState((currentState: LoadDataState<T>) => {\n        if (currentState.status === 'SUCCESS') {\n          return {\n            ...currentState,\n            result:\n              typeof setter === 'function'\n                ? // @ts-expect-error Typescript cannot tell between a generic type (T) and a function\n                  setter(currentState.result)\n                : setter,\n          }\n        } else {\n          return currentState\n        }\n      })\n    },\n    [],\n  )\n\n  const handleRefresh = useLoadDataEffect(handleLoad)\n\n  return [state, handleRefresh, setResult]\n}\n"]}

package/dist/hooks/useLogin.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLogin.js","sourceRoot":"","sources":["../../src/hooks/useLogin.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { authService, Sentry } from '@oneblink/apps'\n\nimport useIsMounted from './useIsMounted'\nimport useBooleanState from './useBooleanState'\n\n/**\n * This function is a react hook to help writing your own login screen.\n *\n * ## Example\n *\n * ```jsx\n * import * as React from 'react'\n * import { useHistory } from 'react-router-dom'\n * import { useLogin } from '@oneblink/apps-react'\n *\n * function App() {\n *   const history = useHistory()\n *\n *   const [username, setUsername] = React.useState('')\n *   const [password, setPassword] = React.useState('')\n *   const [newPasswordConfirmed, setNewPasswordConfirmed] = React.useState('')\n *   const [newPassword, setNewPassword] = React.useState('')\n *   const [code, setCode] = React.useState('')\n *\n *   const onLogin = React.useCallback(() => {\n *     history.push('/')\n *   }, [history])\n *\n *   const {\n *     // Login\n *     loginWithGoogle,\n *     loginWithUsernamePassword,\n *     isLoggingIn,\n *     // Reset Temp Password\n *     isPasswordTemporary,\n *     isResettingTemporaryPassword,\n *     resetTemporaryPassword,\n *     // MFA Password\n *     isMfaCodeRequired,\n *     isSubmittingMfaCode,\n *     submitMfaCode,\n *     // Login Errors\n *     loginError,\n *     clearLoginError,\n *     // Showing Forgot Password\n *     isShowingForgotPassword,\n *     showForgotPassword,\n *     hideForgotPassword,\n *     // Sending Forgot Password Code\n *     isSendingForgotPasswordCode,\n *     sendForgotPasswordCode,\n *     // Resetting Forgotten Password\n *     hasSentForgotPasswordCode,\n *     isResettingForgottenPassword,\n *     resetForgottenPassword,\n *     // Forgot Password Errors\n *     forgotPasswordError,\n *     clearForgotPasswordError,\n *     // Validation\n *     usernameValidation,\n *     passwordValidation,\n *     codeValidation,\n *     newPasswordValidation,\n *     newPasswordConfirmedValidation,\n *   } = useLogin({\n *     username,\n *     password,\n *     newPassword,\n *     newPasswordConfirmed,\n *     code,\n *     onLogin,\n *   })\n *\n *   if (hasSentForgotPasswordCode) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           resetForgottenPassword()\n *         }}\n *       >\n *         <p>We have sent you a password reset code via email. Enter it below to reset your password.</p>\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Code\"\n *           value={code}\n *           onChange={(e) => setCode(e.target.value)}\n *         />\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"New Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPassword(e.target.value)}\n *         />\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Confirm Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPasswordConfirmed(e.target.value)}\n *         />\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isResettingForgottenPassword || codeValidation.isInvalid || newPasswordValidation.isInvalid || newPasswordConfirmedValidation.isInvalid}\n *         >\n *           Change Password\n *         </button>\n *\n *         <p>Password Requirements</p>\n *         <p>Contains a lowercase letter: {validation.hasLowercaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains an upper case letter: {validation.hasUpperCaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains a number: {validation.hasNumber ? 'Yes' : 'No'}</p>\n *         <p>Contains a special character: {validation.hasSpecialCharacter ? 'Yes' : 'No'}</p>\n *         <p>Contains at least 8 characters: {validation.hasMinLength ? 'Yes' : 'No'}</p>\n *\n *         {forgotPasswordError && (\n *           <p>{forgotPasswordError.message}</p>\n *           <button type=\"button\" onClick={clearForgotPasswordError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   if (isShowingForgotPassword) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           sendForgotPasswordCode()\n *         }}\n *       >\n *         <p>Enter your email address and we will send you a code to reset your password.</p>\n *\n *         <input\n *           type=\"email\"\n *           placeholder=\"Email Address\"\n *           value={username}\n *           onChange={(e) => setUsername(e.target.value)}\n *         />\n *\n *         <p>\n *           <a onClick={hideForgotPassword}>Remembered your password?</a>\n *         </p>\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isSendingForgotPasswordCode || usernameValidation.isInvalid}\n *         >\n *           Reset Password\n *         </button>\n *\n *         {forgotPasswordError && (\n *           <p>{forgotPasswordError.message}</p>\n *           <button type=\"button\" onClick={clearForgotPasswordError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   if (isPasswordTemporary) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           resetTemporaryPassword()\n *         }}\n *       >\n *         <p>The password you entered was only temporary and must be reset for security purposes. Please enter your new password below to continue.</p>\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"New Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPassword(e.target.value)}\n *         />\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Confirm Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPasswordConfirmed(e.target.value)}\n *         />\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isResettingTemporaryPassword || newPasswordValidation.isInvalid || newPasswordConfirmedValidation.isInvalid}\n *         >\n *           Change Password &amp; Sign In\n *         </button>\n *\n *         <p>Password Requirements</p>\n *         <p>Contains a lowercase letter: {validation.hasLowercaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains an upper case letter: {validation.hasUpperCaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains a number: {validation.hasNumber ? 'Yes' : 'No'}</p>\n *         <p>Contains a special character: {validation.hasSpecialCharacter ? 'Yes' : 'No'}</p>\n *         <p>Contains at least 8 characters: {validation.hasMinLength ? 'Yes' : 'No'}</p>\n *\n *         {loginError && (\n *           <p>{loginError.message}</p>\n *           <button type=\"button\" onClick={clearLoginError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   if (isMfaCodeRequired) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           submitMfaCode()\n *         }}\n *       >\n *         <p>Enter the 6-digit code found in your authenticator app.</p>\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Code\"\n *           value={code}\n *           onChange={(e) => setCode(e.target.value)}\n *         />\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isSubmittingMfaCode || codeValidation.isInvalid}\n *         >\n *           Sign In\n *         </button>\n *\n *         {loginError && (\n *           <p>{loginError.message}</p>\n *           <button type=\"button\" onClick={clearLoginError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   return (\n *     <form\n *       onSubmit={(e) => {\n *         e.preventDefault()\n *         loginWithUsernamePassword()\n *       }}\n *     >\n *       <p>Sign in with your email address and password.</p>\n *       <input\n *         type=\"email\"\n *         placeholder=\"Email Address\"\n *         value={username}\n *         onChange={(e) => setUsername(e.target.value)}\n *       />\n *\n *       <input\n *         type=\"password\"\n *         placeholder=\"New Password\"\n *         value={newPassword}\n *         onChange={(e) => setNewPassword(e.target.value)}\n *       />\n *\n *       <p>\n *         <a onClick={showForgotPassword}>Forgot your password?</a>\n *       </p>\n *\n *       <button\n *         type=\"submit\"\n *         disabled={isLoggingIn || usernameValidation.isInvalid || passwordValidation.isInvalid}\n *       >\n *         {children}\n *       </button>\n *\n *       <p>or</p>\n *\n *       <button\n *         type=\"button\"\n *         onClick={loginWithGoogle}\n *       >\n *         <img\n *           alt=\"Google\"\n *           src=\"google-sign-in.png\"\n *         />\n *         <span>Sign in with Google</span>\n *       </button>\n *\n *       {loginError && (\n *         <p>{loginError.message}</p>\n *         <button type=\"button\" onClick={clearLoginError}>Clear Error</button>\n *       )}\n *     </form>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param options\n * @returns\n * @group Hooks\n */\nexport default function useLogin({\n  username,\n  password,\n  newPassword,\n  newPasswordConfirmed,\n  code,\n  formsAppId,\n}: {\n  /** The email address entered by the user. */\n  username: string\n  /** The password entered by the user. */\n  password: string\n  /** The new password entered by the user if changing their password. */\n  newPassword: string\n  /**\n   * The new password repeated by the user if changing their password to ensure\n   * they do type it in wrong.\n   */\n  newPasswordConfirmed: string\n  /**\n   * The code sent to the user after requesting a password reset by starting the\n   * \"forgot password\" process.\n   */\n  code: string\n  /** The identifier for the current forms app */\n  formsAppId?: number\n}): UseLoginValue {\n  const isMounted = useIsMounted()\n\n  // Validation\n  const usernameValidation = React.useMemo(() => {\n    return {\n      isInvalid: !username.trim(),\n    }\n  }, [username])\n\n  const passwordValidation = React.useMemo(() => {\n    return {\n      isInvalid: !password.trim(),\n    }\n  }, [password])\n\n  const codeValidation = React.useMemo(() => {\n    return {\n      isInvalid: !code.trim(),\n    }\n  }, [code])\n\n  const newPasswordValidation = React.useMemo(() => {\n    const validation = {\n      hasLowercaseLetter: /[a-z]+/.test(newPassword),\n      hasUpperCaseLetter: /[A-Z]+/.test(newPassword),\n      hasNumber: /\\d+/.test(newPassword),\n      hasSpecialCharacter: /[\\^$*.[\\]{}()?|\\-\"!@#%&/,><':;|_~`]+/.test(\n        newPassword,\n      ),\n      hasMinLength: newPassword.length >= 8,\n      isInvalid: true,\n    }\n    validation.isInvalid =\n      !validation.hasLowercaseLetter ||\n      !validation.hasUpperCaseLetter ||\n      !validation.hasNumber ||\n      !validation.hasSpecialCharacter ||\n      !validation.hasMinLength\n    return validation\n  }, [newPassword])\n\n  const newPasswordConfirmedValidation = React.useMemo(() => {\n    return {\n      isInvalid: newPassword !== newPasswordConfirmed,\n    }\n  }, [newPassword, newPasswordConfirmed])\n\n  // Login, Reset Password, MFA\n  const [\n    {\n      isResettingTemporaryPassword,\n      isLoggingIn,\n      loginError,\n      loginAttemptResponse,\n      isSubmittingMfaCode,\n    },\n    setLoginState,\n  ] = React.useState<{\n    isResettingTemporaryPassword: boolean\n    isLoggingIn: boolean\n    loginError: null | Error\n    loginAttemptResponse: authService.LoginAttemptResponse | undefined\n    isSubmittingMfaCode: boolean\n  }>({\n    isResettingTemporaryPassword: false,\n    isLoggingIn: false,\n    loginError: null,\n    loginAttemptResponse: undefined,\n    isSubmittingMfaCode: false,\n  })\n  const clearLoginError = React.useCallback(\n    () =>\n      setLoginState((current) => ({\n        ...current,\n        loginError: null,\n      })),\n    [],\n  )\n  const loginWithUsernamePassword = React.useCallback(async () => {\n    if (usernameValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please enter a valid email address'),\n      }))\n      return\n    }\n    if (passwordValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please enter a valid password'),\n      }))\n      return\n    }\n\n    setLoginState((currentState) => ({\n      ...currentState,\n      isLoggingIn: true,\n      loginError: null,\n    }))\n\n    try {\n      const newLoginAttemptResponse = await authService.loginUsernamePassword(\n        username,\n        password,\n      )\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isLoggingIn: false,\n          loginAttemptResponse: newLoginAttemptResponse,\n        }))\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isLoggingIn: false,\n          loginError: error as Error,\n        }))\n      }\n    }\n  }, [\n    isMounted,\n    password,\n    passwordValidation.isInvalid,\n    username,\n    usernameValidation.isInvalid,\n  ])\n\n  const resetTemporaryPassword = React.useCallback(async () => {\n    const resetTemporaryPasswordCallback =\n      loginAttemptResponse?.resetPasswordCallback\n    if (!resetTemporaryPasswordCallback) {\n      return\n    }\n\n    if (newPasswordValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please enter a valid password'),\n      }))\n      return\n    }\n\n    if (newPasswordConfirmedValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please confirm your new password'),\n      }))\n      return\n    }\n\n    setLoginState((current) => ({\n      ...current,\n      isResettingPassword: true,\n      loginError: null,\n    }))\n\n    try {\n      const resetPasswordResponse =\n        await resetTemporaryPasswordCallback(newPassword)\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isResettingTemporaryPassword: false,\n          loginAttemptResponse: resetPasswordResponse,\n        }))\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setLoginState((current) => ({\n          ...current,\n          isResettingPassword: false,\n          loginError: error as Error,\n        }))\n      }\n    }\n  }, [\n    isMounted,\n    loginAttemptResponse?.resetPasswordCallback,\n    newPassword,\n    newPasswordConfirmedValidation.isInvalid,\n    newPasswordValidation.isInvalid,\n  ])\n\n  const submitMfaCode = React.useCallback(async () => {\n    const mfaCodeCallback = loginAttemptResponse?.mfaCodeCallback\n    if (!mfaCodeCallback) {\n      return\n    }\n\n    setLoginState((current) => ({\n      ...current,\n      isSubmittingMfaCode: true,\n      loginError: null,\n    }))\n\n    try {\n      const mfaResponse = await mfaCodeCallback(code)\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isSubmittingMfaCode: false,\n          loginAttemptResponse: mfaResponse,\n        }))\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setLoginState((current) => ({\n          ...current,\n          isSubmittingMfaCode: false,\n          loginError: error as Error,\n        }))\n      }\n    }\n  }, [code, isMounted, loginAttemptResponse?.mfaCodeCallback])\n\n  // Forgot Password\n  const [isShowingForgotPassword, showForgotPassword, hideForgotPassword] =\n    useBooleanState(false)\n  const [\n    {\n      resetForgottenPasswordCallback,\n      isSendingForgotPasswordCode,\n      isResettingForgottenPassword,\n      forgotPasswordError,\n    },\n    setForgotPasswordState,\n  ] = React.useState<{\n    isSendingForgotPasswordCode: boolean\n    forgotPasswordError: null | Error\n    resetForgottenPasswordCallback:\n      | null\n      | ((code: string, newPassword: string) => void)\n    isResettingForgottenPassword: boolean\n  }>({\n    isSendingForgotPasswordCode: false,\n    forgotPasswordError: null,\n    resetForgottenPasswordCallback: null,\n    isResettingForgottenPassword: false,\n  })\n  const clearForgotPasswordError = React.useCallback(\n    () =>\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: null,\n      })),\n    [],\n  )\n  const sendForgotPasswordCode = React.useCallback(async () => {\n    if (usernameValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error('Please enter a valid email address'),\n      }))\n      return\n    }\n\n    setForgotPasswordState({\n      isSendingForgotPasswordCode: true,\n      resetForgottenPasswordCallback: null,\n      forgotPasswordError: null,\n      isResettingForgottenPassword: false,\n    })\n\n    try {\n      const newResetForgottenPasswordCallback =\n        await authService.forgotPassword(username, formsAppId)\n      if (isMounted.current) {\n        setForgotPasswordState({\n          isSendingForgotPasswordCode: false,\n          resetForgottenPasswordCallback: newResetForgottenPasswordCallback,\n          forgotPasswordError: null,\n          isResettingForgottenPassword: false,\n        })\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setForgotPasswordState({\n          isSendingForgotPasswordCode: false,\n          resetForgottenPasswordCallback: null,\n          forgotPasswordError: error as Error,\n          isResettingForgottenPassword: false,\n        })\n      }\n    }\n  }, [isMounted, username, usernameValidation.isInvalid, formsAppId])\n\n  const resetForgottenPassword = React.useCallback(async () => {\n    if (!resetForgottenPasswordCallback) {\n      return\n    }\n\n    if (codeValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error(\n          'Please enter the code that was sent to your email address',\n        ),\n      }))\n    }\n    if (newPasswordValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error('Please enter a valid password'),\n      }))\n      return\n    }\n    if (newPasswordConfirmedValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error('Please confirm your new password'),\n      }))\n      return\n    }\n\n    setForgotPasswordState((current) => ({\n      ...current,\n      isChangingPassword: true,\n      forgotPasswordError: null,\n    }))\n\n    try {\n      await resetForgottenPasswordCallback(code, newPassword)\n      if (isMounted.current) {\n        setForgotPasswordState({\n          isSendingForgotPasswordCode: false,\n          resetForgottenPasswordCallback: null,\n          forgotPasswordError: null,\n          isResettingForgottenPassword: false,\n        })\n        hideForgotPassword()\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setForgotPasswordState((current) => ({\n          ...current,\n          isChangingPassword: false,\n          forgotPasswordError: error as Error,\n        }))\n      }\n    }\n  }, [\n    resetForgottenPasswordCallback,\n    codeValidation.isInvalid,\n    newPasswordValidation.isInvalid,\n    newPasswordConfirmedValidation.isInvalid,\n    code,\n    newPassword,\n    isMounted,\n    hideForgotPassword,\n  ])\n\n  const loginWithGoogle = React.useCallback(() => {\n    authService.loginHostedUI('Google')\n  }, [])\n\n  return {\n    // Login\n    /** Open redirect user to the Google sign in */\n    loginWithGoogle,\n    loginWithUsernamePassword,\n    isLoggingIn,\n    loginError,\n    clearLoginError,\n    // Reset Temp Password\n    isPasswordTemporary: !!loginAttemptResponse?.resetPasswordCallback,\n    isResettingTemporaryPassword,\n    resetTemporaryPassword,\n    // MFA Code\n    isMfaCodeRequired: !!loginAttemptResponse?.mfaCodeCallback,\n    isSubmittingMfaCode,\n    submitMfaCode,\n    // Showing Forgot Password\n    isShowingForgotPassword,\n    showForgotPassword,\n    hideForgotPassword,\n    forgotPasswordError,\n    clearForgotPasswordError,\n    // Sending Forgot Password Code\n    isSendingForgotPasswordCode,\n    sendForgotPasswordCode,\n    // Resetting Forgotten Password\n    hasSentForgotPasswordCode: !!resetForgottenPasswordCallback,\n    isResettingForgottenPassword,\n    resetForgottenPassword,\n    // Validation\n    usernameValidation,\n    passwordValidation,\n    codeValidation,\n    newPasswordValidation,\n    newPasswordConfirmedValidation,\n  }\n}\n\nexport interface UseLoginValue {\n  /** Open redirect user to the Google sign-in page. */\n  loginWithGoogle: () => void\n  /**\n   * Attempt to use the `username` and `password` arguments to create a session.\n   * Will call `onLogin()` if successful, otherwise will set `loginError`.\n   */\n  loginWithUsernamePassword: () => void\n  /** `true` while processing `loginWithUsernamePassword()`. */\n  isLoggingIn: boolean\n  /**\n   * `true` if the user logged in using a temporary password. Prompt the user\n   * for a new password and call `resetTemporaryPassword()`.\n   */\n  isPasswordTemporary: boolean\n  /**\n   * Attempt to use `newPassword` and `newPasswordConfirmed` arguments to reset\n   * the user's password and create a session. Will call `onLogin()` if\n   * successful, otherwise will set `loginError`.\n   */\n  resetTemporaryPassword: () => void\n  /**\n   * Set if an error occurs while processing `loginWithUsernamePassword()` or\n   * `resetTemporaryPassword()`.\n   */\n  loginError: Error | null\n  /** Set `loginError` back to `null`. */\n  clearLoginError: () => void\n  /** `true` while processing `resetTemporaryPassword()`. */\n  isResettingTemporaryPassword: boolean\n  /** `true` when showing the forgot password flow. */\n  isShowingForgotPassword: boolean\n  /** Set `isShowingForgotPassword` to `true`. */\n  showForgotPassword: () => void\n  /** Set `isShowingForgotPassword` to `false`. */\n  hideForgotPassword: () => void\n  /**\n   * Attempt to use the `username` argument to start the forgot password\n   * process. This will send the user an email with a code to enter. A failed\n   * request will set `forgotPasswordError`.\n   */\n  sendForgotPasswordCode: () => void\n  /** `true` while processing `sendForgotPasswordCode()`. */\n  isSendingForgotPasswordCode: boolean\n  /** `true` if the forgot password code has been successfully sent to the user. */\n  hasSentForgotPasswordCode: boolean\n  /**\n   * Attempt to use the `code`, `newPassword`, and `newPasswordConfirmed`\n   * arguments to reset the user's password. A failed request will set\n   * `forgotPasswordError`.\n   */\n  resetForgottenPassword: () => void\n  /** `true` while processing `resetForgottenPassword()`. */\n  isResettingForgottenPassword: boolean\n  /**\n   * Set if an error occurs while processing `sendForgotPasswordCode()` or\n   * `resetForgottenPassword()`.\n   */\n  forgotPasswordError: Error | null\n  /** Set `forgotPasswordError` back to `null`. */\n  clearForgotPasswordError: () => void\n  usernameValidation: {\n    /** `true` if the `username` argument is invalid. */\n    isInvalid: boolean\n  }\n  passwordValidation: {\n    /** `true` if the `password` argument is invalid. */\n    isInvalid: boolean\n  }\n  codeValidation: {\n    /** `true` if the `code` argument is invalid. */\n    isInvalid: boolean\n  }\n  newPasswordValidation: {\n    /** `true` if the `newPassword` argument is invalid. */\n    isInvalid: boolean\n    /**\n     * `true` if the `newPassword` argument has a lowercase letter (required to\n     * be valid).\n     */\n    hasLowercaseLetter: boolean\n    /**\n     * `true` if the `newPassword` argument has an uppercase letter (required to\n     * be valid).\n     */\n    hasUpperCaseLetter: boolean\n    /** `true` if the `newPassword` argument has a number (required to be valid). */\n    hasNumber: boolean\n    /**\n     * `true` if the `newPassword` argument has a special character (required to\n     * be valid).\n     */\n    hasSpecialCharacter: boolean\n    /**\n     * `true` if the `newPassword` argument has at least the minimum number of\n     * characters (required to be valid).\n     */\n    hasMinLength: boolean\n  }\n  newPasswordConfirmedValidation: {\n    /**\n     * `true` if the `newPasswordConfirmed` argument is invalid (must match the\n     * `newPassword` argument).\n     */\n    isInvalid: boolean\n  }\n  /**\n   * `true` if the user logged in using MFA and a code is required to finish the\n   * login attempt. Prompt the user for a code and call `submitMfaCode()`.\n   */\n  isMfaCodeRequired: boolean\n  /** `true` while processing `submitMfaCode()`. */\n  isSubmittingMfaCode: boolean\n  /**\n   * Attempt to use `code` argument to submit the MFA code and create a session.\n   * Will call `onLogin()` if successful, otherwise will set `loginError`.\n   */\n  submitMfaCode: () => void\n}\n"]}
+{"version":3,"file":"useLogin.js","sourceRoot":"","sources":["../../src/hooks/useLogin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0SG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,IAAI,EACJ,UAAU,GAoBX;IACC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,aAAa;IACb,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC5C,OAAO;YACL,SAAS,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE;SAC5B,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC5C,OAAO;YACL,SAAS,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE;SAC5B,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO;YACL,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;SACxB,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,UAAU,GAAG;YACjB,kBAAkB,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;YAC9C,kBAAkB,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;YAC9C,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;YAClC,mBAAmB,EAAE,sCAAsC,CAAC,IAAI,CAC9D,WAAW,CACZ;YACD,YAAY,EAAE,WAAW,CAAC,MAAM,IAAI,CAAC;YACrC,SAAS,EAAE,IAAI;SAChB,CAAA;QACD,UAAU,CAAC,SAAS;YAClB,CAAC,UAAU,CAAC,kBAAkB;gBAC9B,CAAC,UAAU,CAAC,kBAAkB;gBAC9B,CAAC,UAAU,CAAC,SAAS;gBACrB,CAAC,UAAU,CAAC,mBAAmB;gBAC/B,CAAC,UAAU,CAAC,YAAY,CAAA;QAC1B,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,8BAA8B,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxD,OAAO;YACL,SAAS,EAAE,WAAW,KAAK,oBAAoB;SAChD,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAEvC,6BAA6B;IAC7B,MAAM,CACJ,EACE,4BAA4B,EAC5B,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,mBAAmB,GACpB,EACD,aAAa,EACd,GAAG,KAAK,CAAC,QAAQ,CAMf;QACD,4BAA4B,EAAE,KAAK;QACnC,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,IAAI;QAChB,oBAAoB,EAAE,SAAS;QAC/B,mBAAmB,EAAE,KAAK;KAC3B,CAAC,CAAA;IACF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,GAAG,EAAE,CACH,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC1B,GAAG,OAAO;QACV,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC,EACL,EAAE,CACH,CAAA;IACD,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC7D,IAAI,kBAAkB,CAAC,SAAS,EAAE,CAAC;YACjC,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBAC1B,GAAG,OAAO;gBACV,UAAU,EAAE,IAAI,KAAK,CAAC,oCAAoC,CAAC;aAC5D,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QACD,IAAI,kBAAkB,CAAC,SAAS,EAAE,CAAC;YACjC,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBAC1B,GAAG,OAAO;gBACV,UAAU,EAAE,IAAI,KAAK,CAAC,+BAA+B,CAAC;aACvD,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QAED,aAAa,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YAC/B,GAAG,YAAY;YACf,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAA;QAEH,IAAI,CAAC;YACH,MAAM,uBAAuB,GAAG,MAAM,WAAW,CAAC,qBAAqB,CACrE,QAAQ,EACR,QAAQ,CACT,CAAA;YACD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC/B,GAAG,YAAY;oBACf,WAAW,EAAE,KAAK;oBAClB,oBAAoB,EAAE,uBAAuB;iBAC9C,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAC9B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC/B,GAAG,YAAY;oBACf,WAAW,EAAE,KAAK;oBAClB,UAAU,EAAE,KAAc;iBAC3B,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;IACH,CAAC,EAAE;QACD,SAAS;QACT,QAAQ;QACR,kBAAkB,CAAC,SAAS;QAC5B,QAAQ;QACR,kBAAkB,CAAC,SAAS;KAC7B,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1D,MAAM,8BAA8B,GAClC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,qBAAqB,CAAA;QAC7C,IAAI,CAAC,8BAA8B,EAAE,CAAC;YACpC,OAAM;QACR,CAAC;QAED,IAAI,qBAAqB,CAAC,SAAS,EAAE,CAAC;YACpC,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBAC1B,GAAG,OAAO;gBACV,UAAU,EAAE,IAAI,KAAK,CAAC,+BAA+B,CAAC;aACvD,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QAED,IAAI,8BAA8B,CAAC,SAAS,EAAE,CAAC;YAC7C,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBAC1B,GAAG,OAAO;gBACV,UAAU,EAAE,IAAI,KAAK,CAAC,kCAAkC,CAAC;aAC1D,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QAED,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC1B,GAAG,OAAO;YACV,mBAAmB,EAAE,IAAI;YACzB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAA;QAEH,IAAI,CAAC;YACH,MAAM,qBAAqB,GACzB,MAAM,8BAA8B,CAAC,WAAW,CAAC,CAAA;YACnD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC/B,GAAG,YAAY;oBACf,4BAA4B,EAAE,KAAK;oBACnC,oBAAoB,EAAE,qBAAqB;iBAC5C,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAC9B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;oBAC1B,GAAG,OAAO;oBACV,mBAAmB,EAAE,KAAK;oBAC1B,UAAU,EAAE,KAAc;iBAC3B,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;IACH,CAAC,EAAE;QACD,SAAS;QACT,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,qBAAqB;QAC3C,WAAW;QACX,8BAA8B,CAAC,SAAS;QACxC,qBAAqB,CAAC,SAAS;KAChC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACjD,MAAM,eAAe,GAAG,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,eAAe,CAAA;QAC7D,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAM;QACR,CAAC;QAED,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC1B,GAAG,OAAO;YACV,mBAAmB,EAAE,IAAI;YACzB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAA;QAEH,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,CAAA;YAC/C,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC/B,GAAG,YAAY;oBACf,mBAAmB,EAAE,KAAK;oBAC1B,oBAAoB,EAAE,WAAW;iBAClC,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAC9B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;oBAC1B,GAAG,OAAO;oBACV,mBAAmB,EAAE,KAAK;oBAC1B,UAAU,EAAE,KAAc;iBAC3B,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,eAAe,CAAC,CAAC,CAAA;IAE5D,kBAAkB;IAClB,MAAM,CAAC,uBAAuB,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,GACrE,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,MAAM,CACJ,EACE,8BAA8B,EAC9B,2BAA2B,EAC3B,4BAA4B,EAC5B,mBAAmB,GACpB,EACD,sBAAsB,EACvB,GAAG,KAAK,CAAC,QAAQ,CAOf;QACD,2BAA2B,EAAE,KAAK;QAClC,mBAAmB,EAAE,IAAI;QACzB,8BAA8B,EAAE,IAAI;QACpC,4BAA4B,EAAE,KAAK;KACpC,CAAC,CAAA;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,GAAG,EAAE,CACH,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACnC,GAAG,OAAO;QACV,mBAAmB,EAAE,IAAI;KAC1B,CAAC,CAAC,EACL,EAAE,CACH,CAAA;IACD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1D,IAAI,kBAAkB,CAAC,SAAS,EAAE,CAAC;YACjC,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,OAAO;gBACV,mBAAmB,EAAE,IAAI,KAAK,CAAC,oCAAoC,CAAC;aACrE,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QAED,sBAAsB,CAAC;YACrB,2BAA2B,EAAE,IAAI;YACjC,8BAA8B,EAAE,IAAI;YACpC,mBAAmB,EAAE,IAAI;YACzB,4BAA4B,EAAE,KAAK;SACpC,CAAC,CAAA;QAEF,IAAI,CAAC;YACH,MAAM,iCAAiC,GACrC,MAAM,WAAW,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;YACxD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,sBAAsB,CAAC;oBACrB,2BAA2B,EAAE,KAAK;oBAClC,8BAA8B,EAAE,iCAAiC;oBACjE,mBAAmB,EAAE,IAAI;oBACzB,4BAA4B,EAAE,KAAK;iBACpC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAC9B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,sBAAsB,CAAC;oBACrB,2BAA2B,EAAE,KAAK;oBAClC,8BAA8B,EAAE,IAAI;oBACpC,mBAAmB,EAAE,KAAc;oBACnC,4BAA4B,EAAE,KAAK;iBACpC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,kBAAkB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAEnE,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1D,IAAI,CAAC,8BAA8B,EAAE,CAAC;YACpC,OAAM;QACR,CAAC;QAED,IAAI,cAAc,CAAC,SAAS,EAAE,CAAC;YAC7B,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,OAAO;gBACV,mBAAmB,EAAE,IAAI,KAAK,CAC5B,2DAA2D,CAC5D;aACF,CAAC,CAAC,CAAA;QACL,CAAC;QACD,IAAI,qBAAqB,CAAC,SAAS,EAAE,CAAC;YACpC,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,OAAO;gBACV,mBAAmB,EAAE,IAAI,KAAK,CAAC,+BAA+B,CAAC;aAChE,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QACD,IAAI,8BAA8B,CAAC,SAAS,EAAE,CAAC;YAC7C,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,OAAO;gBACV,mBAAmB,EAAE,IAAI,KAAK,CAAC,kCAAkC,CAAC;aACnE,CAAC,CAAC,CAAA;YACH,OAAM;QACR,CAAC;QAED,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,OAAO;YACV,kBAAkB,EAAE,IAAI;YACxB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,CAAC,CAAA;QAEH,IAAI,CAAC;YACH,MAAM,8BAA8B,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACvD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,sBAAsB,CAAC;oBACrB,2BAA2B,EAAE,KAAK;oBAClC,8BAA8B,EAAE,IAAI;oBACpC,mBAAmB,EAAE,IAAI;oBACzB,4BAA4B,EAAE,KAAK;iBACpC,CAAC,CAAA;gBACF,kBAAkB,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAC9B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,sBAAsB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;oBACnC,GAAG,OAAO;oBACV,kBAAkB,EAAE,KAAK;oBACzB,mBAAmB,EAAE,KAAc;iBACpC,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;IACH,CAAC,EAAE;QACD,8BAA8B;QAC9B,cAAc,CAAC,SAAS;QACxB,qBAAqB,CAAC,SAAS;QAC/B,8BAA8B,CAAC,SAAS;QACxC,IAAI;QACJ,WAAW;QACX,SAAS;QACT,kBAAkB;KACnB,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACrC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,QAAQ;QACR,+CAA+C;QAC/C,eAAe;QACf,yBAAyB;QACzB,WAAW;QACX,UAAU;QACV,eAAe;QACf,sBAAsB;QACtB,mBAAmB,EAAE,CAAC,CAAC,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,qBAAqB,CAAA;QAClE,4BAA4B;QAC5B,sBAAsB;QACtB,WAAW;QACX,iBAAiB,EAAE,CAAC,CAAC,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,eAAe,CAAA;QAC1D,mBAAmB;QACnB,aAAa;QACb,0BAA0B;QAC1B,uBAAuB;QACvB,kBAAkB;QAClB,kBAAkB;QAClB,mBAAmB;QACnB,wBAAwB;QACxB,+BAA+B;QAC/B,2BAA2B;QAC3B,sBAAsB;QACtB,+BAA+B;QAC/B,yBAAyB,EAAE,CAAC,CAAC,8BAA8B;QAC3D,4BAA4B;QAC5B,sBAAsB;QACtB,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,cAAc;QACd,qBAAqB;QACrB,8BAA8B;KAC/B,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { authService, Sentry } from '@oneblink/apps'\n\nimport useIsMounted from './useIsMounted'\nimport useBooleanState from './useBooleanState'\n\n/**\n * This function is a react hook to help writing your own login screen.\n *\n * ## Example\n *\n * ```jsx\n * import * as React from 'react'\n * import { useHistory } from 'react-router-dom'\n * import { useLogin } from '@oneblink/apps-react'\n *\n * function App() {\n *   const history = useHistory()\n *\n *   const [username, setUsername] = React.useState('')\n *   const [password, setPassword] = React.useState('')\n *   const [newPasswordConfirmed, setNewPasswordConfirmed] = React.useState('')\n *   const [newPassword, setNewPassword] = React.useState('')\n *   const [code, setCode] = React.useState('')\n *\n *   const onLogin = React.useCallback(() => {\n *     history.push('/')\n *   }, [history])\n *\n *   const {\n *     // Login\n *     loginWithGoogle,\n *     loginWithUsernamePassword,\n *     isLoggingIn,\n *     // Reset Temp Password\n *     isPasswordTemporary,\n *     isResettingTemporaryPassword,\n *     resetTemporaryPassword,\n *     // MFA Password\n *     isMfaCodeRequired,\n *     isSubmittingMfaCode,\n *     submitMfaCode,\n *     // Login Errors\n *     loginError,\n *     clearLoginError,\n *     // Showing Forgot Password\n *     isShowingForgotPassword,\n *     showForgotPassword,\n *     hideForgotPassword,\n *     // Sending Forgot Password Code\n *     isSendingForgotPasswordCode,\n *     sendForgotPasswordCode,\n *     // Resetting Forgotten Password\n *     hasSentForgotPasswordCode,\n *     isResettingForgottenPassword,\n *     resetForgottenPassword,\n *     // Forgot Password Errors\n *     forgotPasswordError,\n *     clearForgotPasswordError,\n *     // Validation\n *     usernameValidation,\n *     passwordValidation,\n *     codeValidation,\n *     newPasswordValidation,\n *     newPasswordConfirmedValidation,\n *   } = useLogin({\n *     username,\n *     password,\n *     newPassword,\n *     newPasswordConfirmed,\n *     code,\n *     onLogin,\n *   })\n *\n *   if (hasSentForgotPasswordCode) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           resetForgottenPassword()\n *         }}\n *       >\n *         <p>We have sent you a password reset code via email. Enter it below to reset your password.</p>\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Code\"\n *           value={code}\n *           onChange={(e) => setCode(e.target.value)}\n *         />\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"New Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPassword(e.target.value)}\n *         />\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Confirm Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPasswordConfirmed(e.target.value)}\n *         />\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isResettingForgottenPassword || codeValidation.isInvalid || newPasswordValidation.isInvalid || newPasswordConfirmedValidation.isInvalid}\n *         >\n *           Change Password\n *         </button>\n *\n *         <p>Password Requirements</p>\n *         <p>Contains a lowercase letter: {validation.hasLowercaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains an upper case letter: {validation.hasUpperCaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains a number: {validation.hasNumber ? 'Yes' : 'No'}</p>\n *         <p>Contains a special character: {validation.hasSpecialCharacter ? 'Yes' : 'No'}</p>\n *         <p>Contains at least 8 characters: {validation.hasMinLength ? 'Yes' : 'No'}</p>\n *\n *         {forgotPasswordError && (\n *           <p>{forgotPasswordError.message}</p>\n *           <button type=\"button\" onClick={clearForgotPasswordError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   if (isShowingForgotPassword) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           sendForgotPasswordCode()\n *         }}\n *       >\n *         <p>Enter your email address and we will send you a code to reset your password.</p>\n *\n *         <input\n *           type=\"email\"\n *           placeholder=\"Email Address\"\n *           value={username}\n *           onChange={(e) => setUsername(e.target.value)}\n *         />\n *\n *         <p>\n *           <a onClick={hideForgotPassword}>Remembered your password?</a>\n *         </p>\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isSendingForgotPasswordCode || usernameValidation.isInvalid}\n *         >\n *           Reset Password\n *         </button>\n *\n *         {forgotPasswordError && (\n *           <p>{forgotPasswordError.message}</p>\n *           <button type=\"button\" onClick={clearForgotPasswordError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   if (isPasswordTemporary) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           resetTemporaryPassword()\n *         }}\n *       >\n *         <p>The password you entered was only temporary and must be reset for security purposes. Please enter your new password below to continue.</p>\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"New Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPassword(e.target.value)}\n *         />\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Confirm Password\"\n *           value={newPassword}\n *           onChange={(e) => setNewPasswordConfirmed(e.target.value)}\n *         />\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isResettingTemporaryPassword || newPasswordValidation.isInvalid || newPasswordConfirmedValidation.isInvalid}\n *         >\n *           Change Password &amp; Sign In\n *         </button>\n *\n *         <p>Password Requirements</p>\n *         <p>Contains a lowercase letter: {validation.hasLowercaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains an upper case letter: {validation.hasUpperCaseLetter ? 'Yes' : 'No'}</p>\n *         <p>Contains a number: {validation.hasNumber ? 'Yes' : 'No'}</p>\n *         <p>Contains a special character: {validation.hasSpecialCharacter ? 'Yes' : 'No'}</p>\n *         <p>Contains at least 8 characters: {validation.hasMinLength ? 'Yes' : 'No'}</p>\n *\n *         {loginError && (\n *           <p>{loginError.message}</p>\n *           <button type=\"button\" onClick={clearLoginError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   if (isMfaCodeRequired) {\n *     return (\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault()\n *           submitMfaCode()\n *         }}\n *       >\n *         <p>Enter the 6-digit code found in your authenticator app.</p>\n *\n *         <input\n *           type=\"password\"\n *           placeholder=\"Code\"\n *           value={code}\n *           onChange={(e) => setCode(e.target.value)}\n *         />\n *\n *         <button\n *           type=\"submit\"\n *           disabled={isSubmittingMfaCode || codeValidation.isInvalid}\n *         >\n *           Sign In\n *         </button>\n *\n *         {loginError && (\n *           <p>{loginError.message}</p>\n *           <button type=\"button\" onClick={clearLoginError}>Clear Error</button>\n *         )}\n *       </form>\n *     )\n *   }\n *\n *   return (\n *     <form\n *       onSubmit={(e) => {\n *         e.preventDefault()\n *         loginWithUsernamePassword()\n *       }}\n *     >\n *       <p>Sign in with your email address and password.</p>\n *       <input\n *         type=\"email\"\n *         placeholder=\"Email Address\"\n *         value={username}\n *         onChange={(e) => setUsername(e.target.value)}\n *       />\n *\n *       <input\n *         type=\"password\"\n *         placeholder=\"New Password\"\n *         value={newPassword}\n *         onChange={(e) => setNewPassword(e.target.value)}\n *       />\n *\n *       <p>\n *         <a onClick={showForgotPassword}>Forgot your password?</a>\n *       </p>\n *\n *       <button\n *         type=\"submit\"\n *         disabled={isLoggingIn || usernameValidation.isInvalid || passwordValidation.isInvalid}\n *       >\n *         {children}\n *       </button>\n *\n *       <p>or</p>\n *\n *       <button\n *         type=\"button\"\n *         onClick={loginWithGoogle}\n *       >\n *         <img\n *           alt=\"Google\"\n *           src=\"google-sign-in.png\"\n *         />\n *         <span>Sign in with Google</span>\n *       </button>\n *\n *       {loginError && (\n *         <p>{loginError.message}</p>\n *         <button type=\"button\" onClick={clearLoginError}>Clear Error</button>\n *       )}\n *     </form>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param options\n * @returns\n * @group Hooks\n */\nexport default function useLogin({\n  username,\n  password,\n  newPassword,\n  newPasswordConfirmed,\n  code,\n  formsAppId,\n}: {\n  /** The email address entered by the user. */\n  username: string\n  /** The password entered by the user. */\n  password: string\n  /** The new password entered by the user if changing their password. */\n  newPassword: string\n  /**\n   * The new password repeated by the user if changing their password to ensure\n   * they do type it in wrong.\n   */\n  newPasswordConfirmed: string\n  /**\n   * The code sent to the user after requesting a password reset by starting the\n   * \"forgot password\" process.\n   */\n  code: string\n  /** The identifier for the current forms app */\n  formsAppId?: number\n}): UseLoginValue {\n  const isMounted = useIsMounted()\n\n  // Validation\n  const usernameValidation = React.useMemo(() => {\n    return {\n      isInvalid: !username.trim(),\n    }\n  }, [username])\n\n  const passwordValidation = React.useMemo(() => {\n    return {\n      isInvalid: !password.trim(),\n    }\n  }, [password])\n\n  const codeValidation = React.useMemo(() => {\n    return {\n      isInvalid: !code.trim(),\n    }\n  }, [code])\n\n  const newPasswordValidation = React.useMemo(() => {\n    const validation = {\n      hasLowercaseLetter: /[a-z]+/.test(newPassword),\n      hasUpperCaseLetter: /[A-Z]+/.test(newPassword),\n      hasNumber: /\\d+/.test(newPassword),\n      hasSpecialCharacter: /[\\^$*.[\\]{}()?|\\-\"!@#%&/,><':;|_~`]+/.test(\n        newPassword,\n      ),\n      hasMinLength: newPassword.length >= 8,\n      isInvalid: true,\n    }\n    validation.isInvalid =\n      !validation.hasLowercaseLetter ||\n      !validation.hasUpperCaseLetter ||\n      !validation.hasNumber ||\n      !validation.hasSpecialCharacter ||\n      !validation.hasMinLength\n    return validation\n  }, [newPassword])\n\n  const newPasswordConfirmedValidation = React.useMemo(() => {\n    return {\n      isInvalid: newPassword !== newPasswordConfirmed,\n    }\n  }, [newPassword, newPasswordConfirmed])\n\n  // Login, Reset Password, MFA\n  const [\n    {\n      isResettingTemporaryPassword,\n      isLoggingIn,\n      loginError,\n      loginAttemptResponse,\n      isSubmittingMfaCode,\n    },\n    setLoginState,\n  ] = React.useState<{\n    isResettingTemporaryPassword: boolean\n    isLoggingIn: boolean\n    loginError: null | Error\n    loginAttemptResponse: authService.LoginAttemptResponse | undefined\n    isSubmittingMfaCode: boolean\n  }>({\n    isResettingTemporaryPassword: false,\n    isLoggingIn: false,\n    loginError: null,\n    loginAttemptResponse: undefined,\n    isSubmittingMfaCode: false,\n  })\n  const clearLoginError = React.useCallback(\n    () =>\n      setLoginState((current) => ({\n        ...current,\n        loginError: null,\n      })),\n    [],\n  )\n  const loginWithUsernamePassword = React.useCallback(async () => {\n    if (usernameValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please enter a valid email address'),\n      }))\n      return\n    }\n    if (passwordValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please enter a valid password'),\n      }))\n      return\n    }\n\n    setLoginState((currentState) => ({\n      ...currentState,\n      isLoggingIn: true,\n      loginError: null,\n    }))\n\n    try {\n      const newLoginAttemptResponse = await authService.loginUsernamePassword(\n        username,\n        password,\n      )\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isLoggingIn: false,\n          loginAttemptResponse: newLoginAttemptResponse,\n        }))\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isLoggingIn: false,\n          loginError: error as Error,\n        }))\n      }\n    }\n  }, [\n    isMounted,\n    password,\n    passwordValidation.isInvalid,\n    username,\n    usernameValidation.isInvalid,\n  ])\n\n  const resetTemporaryPassword = React.useCallback(async () => {\n    const resetTemporaryPasswordCallback =\n      loginAttemptResponse?.resetPasswordCallback\n    if (!resetTemporaryPasswordCallback) {\n      return\n    }\n\n    if (newPasswordValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please enter a valid password'),\n      }))\n      return\n    }\n\n    if (newPasswordConfirmedValidation.isInvalid) {\n      setLoginState((current) => ({\n        ...current,\n        loginError: new Error('Please confirm your new password'),\n      }))\n      return\n    }\n\n    setLoginState((current) => ({\n      ...current,\n      isResettingPassword: true,\n      loginError: null,\n    }))\n\n    try {\n      const resetPasswordResponse =\n        await resetTemporaryPasswordCallback(newPassword)\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isResettingTemporaryPassword: false,\n          loginAttemptResponse: resetPasswordResponse,\n        }))\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setLoginState((current) => ({\n          ...current,\n          isResettingPassword: false,\n          loginError: error as Error,\n        }))\n      }\n    }\n  }, [\n    isMounted,\n    loginAttemptResponse?.resetPasswordCallback,\n    newPassword,\n    newPasswordConfirmedValidation.isInvalid,\n    newPasswordValidation.isInvalid,\n  ])\n\n  const submitMfaCode = React.useCallback(async () => {\n    const mfaCodeCallback = loginAttemptResponse?.mfaCodeCallback\n    if (!mfaCodeCallback) {\n      return\n    }\n\n    setLoginState((current) => ({\n      ...current,\n      isSubmittingMfaCode: true,\n      loginError: null,\n    }))\n\n    try {\n      const mfaResponse = await mfaCodeCallback(code)\n      if (isMounted.current) {\n        setLoginState((currentState) => ({\n          ...currentState,\n          isSubmittingMfaCode: false,\n          loginAttemptResponse: mfaResponse,\n        }))\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setLoginState((current) => ({\n          ...current,\n          isSubmittingMfaCode: false,\n          loginError: error as Error,\n        }))\n      }\n    }\n  }, [code, isMounted, loginAttemptResponse?.mfaCodeCallback])\n\n  // Forgot Password\n  const [isShowingForgotPassword, showForgotPassword, hideForgotPassword] =\n    useBooleanState(false)\n  const [\n    {\n      resetForgottenPasswordCallback,\n      isSendingForgotPasswordCode,\n      isResettingForgottenPassword,\n      forgotPasswordError,\n    },\n    setForgotPasswordState,\n  ] = React.useState<{\n    isSendingForgotPasswordCode: boolean\n    forgotPasswordError: null | Error\n    resetForgottenPasswordCallback:\n      | null\n      | ((code: string, newPassword: string) => void)\n    isResettingForgottenPassword: boolean\n  }>({\n    isSendingForgotPasswordCode: false,\n    forgotPasswordError: null,\n    resetForgottenPasswordCallback: null,\n    isResettingForgottenPassword: false,\n  })\n  const clearForgotPasswordError = React.useCallback(\n    () =>\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: null,\n      })),\n    [],\n  )\n  const sendForgotPasswordCode = React.useCallback(async () => {\n    if (usernameValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error('Please enter a valid email address'),\n      }))\n      return\n    }\n\n    setForgotPasswordState({\n      isSendingForgotPasswordCode: true,\n      resetForgottenPasswordCallback: null,\n      forgotPasswordError: null,\n      isResettingForgottenPassword: false,\n    })\n\n    try {\n      const newResetForgottenPasswordCallback =\n        await authService.forgotPassword(username, formsAppId)\n      if (isMounted.current) {\n        setForgotPasswordState({\n          isSendingForgotPasswordCode: false,\n          resetForgottenPasswordCallback: newResetForgottenPasswordCallback,\n          forgotPasswordError: null,\n          isResettingForgottenPassword: false,\n        })\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setForgotPasswordState({\n          isSendingForgotPasswordCode: false,\n          resetForgottenPasswordCallback: null,\n          forgotPasswordError: error as Error,\n          isResettingForgottenPassword: false,\n        })\n      }\n    }\n  }, [isMounted, username, usernameValidation.isInvalid, formsAppId])\n\n  const resetForgottenPassword = React.useCallback(async () => {\n    if (!resetForgottenPasswordCallback) {\n      return\n    }\n\n    if (codeValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error(\n          'Please enter the code that was sent to your email address',\n        ),\n      }))\n    }\n    if (newPasswordValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error('Please enter a valid password'),\n      }))\n      return\n    }\n    if (newPasswordConfirmedValidation.isInvalid) {\n      setForgotPasswordState((current) => ({\n        ...current,\n        forgotPasswordError: new Error('Please confirm your new password'),\n      }))\n      return\n    }\n\n    setForgotPasswordState((current) => ({\n      ...current,\n      isChangingPassword: true,\n      forgotPasswordError: null,\n    }))\n\n    try {\n      await resetForgottenPasswordCallback(code, newPassword)\n      if (isMounted.current) {\n        setForgotPasswordState({\n          isSendingForgotPasswordCode: false,\n          resetForgottenPasswordCallback: null,\n          forgotPasswordError: null,\n          isResettingForgottenPassword: false,\n        })\n        hideForgotPassword()\n      }\n    } catch (error) {\n      Sentry.captureException(error)\n      if (isMounted.current) {\n        setForgotPasswordState((current) => ({\n          ...current,\n          isChangingPassword: false,\n          forgotPasswordError: error as Error,\n        }))\n      }\n    }\n  }, [\n    resetForgottenPasswordCallback,\n    codeValidation.isInvalid,\n    newPasswordValidation.isInvalid,\n    newPasswordConfirmedValidation.isInvalid,\n    code,\n    newPassword,\n    isMounted,\n    hideForgotPassword,\n  ])\n\n  const loginWithGoogle = React.useCallback(() => {\n    authService.loginHostedUI('Google')\n  }, [])\n\n  return {\n    // Login\n    /** Open redirect user to the Google sign in */\n    loginWithGoogle,\n    loginWithUsernamePassword,\n    isLoggingIn,\n    loginError,\n    clearLoginError,\n    // Reset Temp Password\n    isPasswordTemporary: !!loginAttemptResponse?.resetPasswordCallback,\n    isResettingTemporaryPassword,\n    resetTemporaryPassword,\n    // MFA Code\n    isMfaCodeRequired: !!loginAttemptResponse?.mfaCodeCallback,\n    isSubmittingMfaCode,\n    submitMfaCode,\n    // Showing Forgot Password\n    isShowingForgotPassword,\n    showForgotPassword,\n    hideForgotPassword,\n    forgotPasswordError,\n    clearForgotPasswordError,\n    // Sending Forgot Password Code\n    isSendingForgotPasswordCode,\n    sendForgotPasswordCode,\n    // Resetting Forgotten Password\n    hasSentForgotPasswordCode: !!resetForgottenPasswordCallback,\n    isResettingForgottenPassword,\n    resetForgottenPassword,\n    // Validation\n    usernameValidation,\n    passwordValidation,\n    codeValidation,\n    newPasswordValidation,\n    newPasswordConfirmedValidation,\n  }\n}\n\nexport interface UseLoginValue {\n  /** Open redirect user to the Google sign-in page. */\n  loginWithGoogle: () => void\n  /**\n   * Attempt to use the `username` and `password` arguments to create a session.\n   * Will call `onLogin()` if successful, otherwise will set `loginError`.\n   */\n  loginWithUsernamePassword: () => void\n  /** `true` while processing `loginWithUsernamePassword()`. */\n  isLoggingIn: boolean\n  /**\n   * `true` if the user logged in using a temporary password. Prompt the user\n   * for a new password and call `resetTemporaryPassword()`.\n   */\n  isPasswordTemporary: boolean\n  /**\n   * Attempt to use `newPassword` and `newPasswordConfirmed` arguments to reset\n   * the user's password and create a session. Will call `onLogin()` if\n   * successful, otherwise will set `loginError`.\n   */\n  resetTemporaryPassword: () => void\n  /**\n   * Set if an error occurs while processing `loginWithUsernamePassword()` or\n   * `resetTemporaryPassword()`.\n   */\n  loginError: Error | null\n  /** Set `loginError` back to `null`. */\n  clearLoginError: () => void\n  /** `true` while processing `resetTemporaryPassword()`. */\n  isResettingTemporaryPassword: boolean\n  /** `true` when showing the forgot password flow. */\n  isShowingForgotPassword: boolean\n  /** Set `isShowingForgotPassword` to `true`. */\n  showForgotPassword: () => void\n  /** Set `isShowingForgotPassword` to `false`. */\n  hideForgotPassword: () => void\n  /**\n   * Attempt to use the `username` argument to start the forgot password\n   * process. This will send the user an email with a code to enter. A failed\n   * request will set `forgotPasswordError`.\n   */\n  sendForgotPasswordCode: () => void\n  /** `true` while processing `sendForgotPasswordCode()`. */\n  isSendingForgotPasswordCode: boolean\n  /** `true` if the forgot password code has been successfully sent to the user. */\n  hasSentForgotPasswordCode: boolean\n  /**\n   * Attempt to use the `code`, `newPassword`, and `newPasswordConfirmed`\n   * arguments to reset the user's password. A failed request will set\n   * `forgotPasswordError`.\n   */\n  resetForgottenPassword: () => void\n  /** `true` while processing `resetForgottenPassword()`. */\n  isResettingForgottenPassword: boolean\n  /**\n   * Set if an error occurs while processing `sendForgotPasswordCode()` or\n   * `resetForgottenPassword()`.\n   */\n  forgotPasswordError: Error | null\n  /** Set `forgotPasswordError` back to `null`. */\n  clearForgotPasswordError: () => void\n  usernameValidation: {\n    /** `true` if the `username` argument is invalid. */\n    isInvalid: boolean\n  }\n  passwordValidation: {\n    /** `true` if the `password` argument is invalid. */\n    isInvalid: boolean\n  }\n  codeValidation: {\n    /** `true` if the `code` argument is invalid. */\n    isInvalid: boolean\n  }\n  newPasswordValidation: {\n    /** `true` if the `newPassword` argument is invalid. */\n    isInvalid: boolean\n    /**\n     * `true` if the `newPassword` argument has a lowercase letter (required to\n     * be valid).\n     */\n    hasLowercaseLetter: boolean\n    /**\n     * `true` if the `newPassword` argument has an uppercase letter (required to\n     * be valid).\n     */\n    hasUpperCaseLetter: boolean\n    /** `true` if the `newPassword` argument has a number (required to be valid). */\n    hasNumber: boolean\n    /**\n     * `true` if the `newPassword` argument has a special character (required to\n     * be valid).\n     */\n    hasSpecialCharacter: boolean\n    /**\n     * `true` if the `newPassword` argument has at least the minimum number of\n     * characters (required to be valid).\n     */\n    hasMinLength: boolean\n  }\n  newPasswordConfirmedValidation: {\n    /**\n     * `true` if the `newPasswordConfirmed` argument is invalid (must match the\n     * `newPassword` argument).\n     */\n    isInvalid: boolean\n  }\n  /**\n   * `true` if the user logged in using MFA and a code is required to finish the\n   * login attempt. Prompt the user for a code and call `submitMfaCode()`.\n   */\n  isMfaCodeRequired: boolean\n  /** `true` while processing `submitMfaCode()`. */\n  isSubmittingMfaCode: boolean\n  /**\n   * Attempt to use `code` argument to submit the MFA code and create a session.\n   * Will call `onLogin()` if successful, otherwise will set `loginError`.\n   */\n  submitMfaCode: () => void\n}\n"]}

package/dist/hooks/useLookupNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLookupNotification.js","sourceRoot":"","sources":["../../src/hooks/useLookupNotification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;IAChB,uBAAuB,EAAE,KAAK;IAC9B,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS;IAC/B,WAAW,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GACpC,KAAK,CAAC,aAAa,CAAiC,cAAc,CAAC,CAAA;AAErE,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAc;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAE1E,qEAAqE;IACrE,mEAAmE;IACnE,qEAAqE;IACrE,kEAAkE;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,0EAA0E;IAC1E,yEAAyE;IACzE,qBAAqB;IACrB,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAA;IAErE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,KAAK,CAAC,EAAE;YACrB,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,IAAI,eAAe,EAAE,CAAA;QAClD,QAAQ,CAAC;YACP,QAAQ,EAAE,KAAK;YACf,eAAe,EAAE,kBAAkB,CAAC,OAAO;YAC3C,qBAAqB,EAAE,KAAK;SAC7B,CAAC,CAAA;QACF,uDAAuD;QACvD,uDAAuD;QACvD,2DAA2D;QAC3D,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAA;QAClD,IAAI,eAAe,EAAE;YACnB,OAAO,GAAG,EAAE;gBACV,eAAe,CAAC,KAAK,EAAE,CAAA;YACzB,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAExB,OAAO;QACL,GAAG,KAAK;QACR,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;YAC/B,cAAc,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAA;QAChE,CAAC,EAAE,EAAE,CAAC;KACP,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\n\nexport type LookupNotificationContextValue = {\n  isLookup: boolean\n  isDisabled: boolean\n  isLoading: boolean\n  allowLookupOnEmptyValue: boolean\n  onLookup: (options: {\n    newValue: unknown\n    abortController: AbortController\n    continueLookupOnAbort: boolean\n  }) => Promise<void>\n  isLookingUp: boolean\n}\n\nconst defaultContext = {\n  isLookup: false,\n  isDisabled: false,\n  isLoading: false,\n  allowLookupOnEmptyValue: false,\n  onLookup: async () => undefined,\n  isLookingUp: false,\n}\n\nexport const LookupNotificationContext =\n  React.createContext<LookupNotificationContextValue>(defaultContext)\n\nexport default function useLookupNotification(value: unknown) {\n  const { onLookup, ...state } = React.useContext(LookupNotificationContext)\n\n  // We use a number to trigger the lookup function so that we can have\n  // the effect below run every time the onLookup function is called.\n  // We need it in an useEffect so that we can pass an abort controller\n  // and have it aborted if the user clicks the lookup button again.\n  const [lookupCount, setLookupCount] = React.useState(0)\n\n  // We use a ref here to keep the abort controller outside of the useEffect\n  // below. This way we can abort the lookup if the value changes while the\n  // lookup is running.\n  const abortControllerRef = React.useRef<AbortController | null>(null)\n\n  React.useEffect(() => {\n    if (lookupCount === 0) {\n      return\n    }\n    abortControllerRef.current = new AbortController()\n    onLookup({\n      newValue: value,\n      abortController: abortControllerRef.current,\n      continueLookupOnAbort: false,\n    })\n    // Wants to use \"onLookup\" and \"value\" as dependencies,\n    // however, these will change on any change made on any\n    // element. Checking if \"lookupCount\" has changed is enough\n    // to trigger a lookup when the correct dependencies change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lookupCount])\n\n  React.useEffect(() => {\n    const abortController = abortControllerRef.current\n    if (abortController) {\n      return () => {\n        abortController.abort()\n      }\n    }\n  }, [value, lookupCount])\n\n  return {\n    ...state,\n    onLookup: React.useCallback(() => {\n      setLookupCount((currentLookupCount) => currentLookupCount + 1)\n    }, []),\n  }\n}\n"]}
+{"version":3,"file":"useLookupNotification.js","sourceRoot":"","sources":["../../src/hooks/useLookupNotification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;IAChB,uBAAuB,EAAE,KAAK;IAC9B,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS;IAC/B,WAAW,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GACpC,KAAK,CAAC,aAAa,CAAiC,cAAc,CAAC,CAAA;AAErE,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAc;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAE1E,qEAAqE;IACrE,mEAAmE;IACnE,qEAAqE;IACrE,kEAAkE;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,0EAA0E;IAC1E,yEAAyE;IACzE,qBAAqB;IACrB,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAA;IAErE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;YACtB,OAAM;QACR,CAAC;QACD,kBAAkB,CAAC,OAAO,GAAG,IAAI,eAAe,EAAE,CAAA;QAClD,QAAQ,CAAC;YACP,QAAQ,EAAE,KAAK;YACf,eAAe,EAAE,kBAAkB,CAAC,OAAO;YAC3C,qBAAqB,EAAE,KAAK;SAC7B,CAAC,CAAA;QACF,uDAAuD;QACvD,uDAAuD;QACvD,2DAA2D;QAC3D,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAA;QAClD,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,GAAG,EAAE;gBACV,eAAe,CAAC,KAAK,EAAE,CAAA;YACzB,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAExB,OAAO;QACL,GAAG,KAAK;QACR,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;YAC/B,cAAc,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAA;QAChE,CAAC,EAAE,EAAE,CAAC;KACP,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\n\nexport type LookupNotificationContextValue = {\n  isLookup: boolean\n  isDisabled: boolean\n  isLoading: boolean\n  allowLookupOnEmptyValue: boolean\n  onLookup: (options: {\n    newValue: unknown\n    abortController: AbortController\n    continueLookupOnAbort: boolean\n  }) => Promise<void>\n  isLookingUp: boolean\n}\n\nconst defaultContext = {\n  isLookup: false,\n  isDisabled: false,\n  isLoading: false,\n  allowLookupOnEmptyValue: false,\n  onLookup: async () => undefined,\n  isLookingUp: false,\n}\n\nexport const LookupNotificationContext =\n  React.createContext<LookupNotificationContextValue>(defaultContext)\n\nexport default function useLookupNotification(value: unknown) {\n  const { onLookup, ...state } = React.useContext(LookupNotificationContext)\n\n  // We use a number to trigger the lookup function so that we can have\n  // the effect below run every time the onLookup function is called.\n  // We need it in an useEffect so that we can pass an abort controller\n  // and have it aborted if the user clicks the lookup button again.\n  const [lookupCount, setLookupCount] = React.useState(0)\n\n  // We use a ref here to keep the abort controller outside of the useEffect\n  // below. This way we can abort the lookup if the value changes while the\n  // lookup is running.\n  const abortControllerRef = React.useRef<AbortController | null>(null)\n\n  React.useEffect(() => {\n    if (lookupCount === 0) {\n      return\n    }\n    abortControllerRef.current = new AbortController()\n    onLookup({\n      newValue: value,\n      abortController: abortControllerRef.current,\n      continueLookupOnAbort: false,\n    })\n    // Wants to use \"onLookup\" and \"value\" as dependencies,\n    // however, these will change on any change made on any\n    // element. Checking if \"lookupCount\" has changed is enough\n    // to trigger a lookup when the correct dependencies change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lookupCount])\n\n  React.useEffect(() => {\n    const abortController = abortControllerRef.current\n    if (abortController) {\n      return () => {\n        abortController.abort()\n      }\n    }\n  }, [value, lookupCount])\n\n  return {\n    ...state,\n    onLookup: React.useCallback(() => {\n      setLookupCount((currentLookupCount) => currentLookupCount + 1)\n    }, []),\n  }\n}\n"]}

package/dist/hooks/useLookups.d.ts

@@ -1,5 +1,5 @@
 import { FormTypes, SubmissionTypes } from '@oneblink/types';
 import { SetFormSubmission } from '../types/form';
 export default function useLookups(formId: number, setFormSubmission: SetFormSubmission): {
-    handlePagesLookupResult: (element: FormTypes.LookupFormElement, elementLookupData: FormTypes.PageElement[], dataLookupResult?: SubmissionTypes.S3SubmissionData['submission']) => void;
+    handlePagesLookupResult: (element: FormTypes.LookupFormElement, elementLookupData: FormTypes.PageElement[], dataLookupResult?: SubmissionTypes.S3SubmissionData["submission"]) => void;
 };

package/dist/hooks/useLookups.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLookups.js","sourceRoot":"","sources":["../../src/hooks/useLookups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAExD,OAAO,mBAAmB,MAAM,mCAAmC,CAAA;AAInE,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAc,EACd,iBAAoC;IAEpC,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAC/C,CACE,OAAoC,EACpC,iBAA0C,EAC1C,gBAAiE,EACjE,EAAE;QACF,MAAM,eAAe,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACpD,GAAG,CAAC;YACJ,mBAAmB,EAAE,OAAO,CAAC,EAAE;SAChC,CAAC,CAAC,CAAA;QACH,iBAAiB,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC1C,MAAM,UAAU,GAAmB;gBACjC,GAAG,qBAAqB,CAAC,UAAU;gBACnC,WAAW,EAAE,IAAI;aAClB,CAAA;YACD,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,WAAW,EAAE;gBACjD,UAAU,CAAC,QAAQ,GAAG;oBACpB;wBACE,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAE;wBACrB,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,QAAQ;wBACf,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,QAAQ;wBACnD,iBAAiB,EAAE,KAAK;wBACxB,sCAAsC,EAAE,KAAK;qBAC9C;oBACD,GAAG,eAAe;iBACnB,CAAA;aACF;iBAAM;gBACL,MAAM,WAAW,GACf,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CACjD,CAAC,WAAkC,EAAE,EAAE;oBACrC,IAAI,WAAW,CAAC,IAAI,KAAK,MAAM,EAAE;wBAC/B,OAAO,mBAAmB,CAAC,eAAe,CACxC,WAAW,CAAC,QAAQ,EACpB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAC7B,CAAA;qBACF;gBACH,CAAC,CACF,CAAA;gBACH,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;oBACtB,OAAO,qBAAqB,CAAA;iBAC7B;gBACD,UAAU,CAAC,QAAQ;oBACjB,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAC9C,CACE,mBAA4C,EAC5C,WAAkC,EAClC,KAAa,EACb,EAAE;wBACF,uFAAuF;wBACvF,IAAI,WAAW,CAAC,mBAAmB,KAAK,OAAO,CAAC,EAAE,EAAE;4BAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;yBACtC;wBACD,IAAI,KAAK,KAAK,WAAW,EAAE;4BACzB,mBAAmB,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAA;yBAC7C;wBACD,OAAO,mBAAmB,CAAA;oBAC5B,CAAC,EACD,EAAE,CACH,CAAA;aACJ;YAED,MAAM,UAAU,GAAG,mBAAmB,CAAC,UAAU,CAAC,QAAQ,EAAE;gBAC1D,GAAG,qBAAqB,CAAC,UAAU;gBACnC,GAAG,gBAAgB;aACpB,CAAC,CAAA;YACF,OAAO;gBACL,UAAU;gBACV,UAAU;gBACV,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;gBAC5D,eAAe,EAAE;oBACf,GAAG,qBAAqB,CAAC,eAAe;oBACxC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI;iBACrB;aACF,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAA;IAED,OAAO;QACL,uBAAuB;KACxB,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { formElementsService } from '@oneblink/sdk-core'\n\nimport generateDefaultData from '../services/generate-default-data'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { SetFormSubmission } from '../types/form'\n\nexport default function useLookups(\n  formId: number,\n  setFormSubmission: SetFormSubmission,\n) {\n  const handlePagesLookupResult = React.useCallback(\n    (\n      element: FormTypes.LookupFormElement,\n      elementLookupData: FormTypes.PageElement[],\n      dataLookupResult?: SubmissionTypes.S3SubmissionData['submission'],\n    ) => {\n      const newPageElements = elementLookupData.map((e) => ({\n        ...e,\n        injectedByElementId: element.id,\n      }))\n      setFormSubmission((currentFormSubmission) => {\n        const definition: FormTypes.Form = {\n          ...currentFormSubmission.definition,\n          isMultiPage: true,\n        }\n        if (!currentFormSubmission.definition.isMultiPage) {\n          definition.elements = [\n            {\n              id: formId.toString(),\n              type: 'page',\n              label: 'Page 1',\n              elements: currentFormSubmission.definition.elements,\n              conditionallyShow: false,\n              requiresAllConditionallyShowPredicates: false,\n            },\n            ...newPageElements,\n          ]\n        } else {\n          const indexOfPage =\n            currentFormSubmission.definition.elements.findIndex(\n              (pageElement: FormTypes.FormElement) => {\n                if (pageElement.type === 'page') {\n                  return formElementsService.findFormElement(\n                    pageElement.elements,\n                    (el) => el.id === element.id,\n                  )\n                }\n              },\n            )\n          if (indexOfPage === -1) {\n            return currentFormSubmission\n          }\n          definition.elements =\n            currentFormSubmission.definition.elements.reduce(\n              (\n                partialPageElements: FormTypes.FormElement[],\n                pageElement: FormTypes.FormElement,\n                index: number,\n              ) => {\n                // @ts-expect-error Sorry typescript, we need to add a property you don't approve of :(\n                if (pageElement.injectedByElementId !== element.id) {\n                  partialPageElements.push(pageElement)\n                }\n                if (index === indexOfPage) {\n                  partialPageElements.push(...newPageElements)\n                }\n                return partialPageElements\n              },\n              [],\n            )\n        }\n\n        const submission = generateDefaultData(definition.elements, {\n          ...currentFormSubmission.submission,\n          ...dataLookupResult,\n        })\n        return {\n          submission,\n          definition,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: {\n            ...currentFormSubmission.executedLookups,\n            [element.name]: true,\n          },\n        }\n      })\n    },\n    [formId, setFormSubmission],\n  )\n\n  return {\n    handlePagesLookupResult,\n  }\n}\n"]}
+{"version":3,"file":"useLookups.js","sourceRoot":"","sources":["../../src/hooks/useLookups.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { formElementsService } from '@oneblink/sdk-core'\n\nimport generateDefaultData from '../services/generate-default-data'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { SetFormSubmission } from '../types/form'\n\nexport default function useLookups(\n  formId: number,\n  setFormSubmission: SetFormSubmission,\n) {\n  const handlePagesLookupResult = React.useCallback(\n    (\n      element: FormTypes.LookupFormElement,\n      elementLookupData: FormTypes.PageElement[],\n      dataLookupResult?: SubmissionTypes.S3SubmissionData['submission'],\n    ) => {\n      const newPageElements = elementLookupData.map((e) => ({\n        ...e,\n        injectedByElementId: element.id,\n      }))\n      setFormSubmission((currentFormSubmission) => {\n        const definition: FormTypes.Form = {\n          ...currentFormSubmission.definition,\n          isMultiPage: true,\n        }\n        if (!currentFormSubmission.definition.isMultiPage) {\n          definition.elements = [\n            {\n              id: formId.toString(),\n              type: 'page',\n              label: 'Page 1',\n              elements: currentFormSubmission.definition.elements,\n              conditionallyShow: false,\n              requiresAllConditionallyShowPredicates: false,\n            },\n            ...newPageElements,\n          ]\n        } else {\n          const indexOfPage =\n            currentFormSubmission.definition.elements.findIndex(\n              (pageElement: FormTypes.FormElement) => {\n                if (pageElement.type === 'page') {\n                  return formElementsService.findFormElement(\n                    pageElement.elements,\n                    (el) => el.id === element.id,\n                  )\n                }\n              },\n            )\n          if (indexOfPage === -1) {\n            return currentFormSubmission\n          }\n          definition.elements =\n            currentFormSubmission.definition.elements.reduce(\n              (\n                partialPageElements: FormTypes.FormElement[],\n                pageElement: FormTypes.FormElement,\n                index: number,\n              ) => {\n                // @ts-expect-error Sorry typescript, we need to add a property you don't approve of :(\n                if (pageElement.injectedByElementId !== element.id) {\n                  partialPageElements.push(pageElement)\n                }\n                if (index === indexOfPage) {\n                  partialPageElements.push(...newPageElements)\n                }\n                return partialPageElements\n              },\n              [],\n            )\n        }\n\n        const submission = generateDefaultData(definition.elements, {\n          ...currentFormSubmission.submission,\n          ...dataLookupResult,\n        })\n        return {\n          submission,\n          definition,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: {\n            ...currentFormSubmission.executedLookups,\n            [element.name]: true,\n          },\n        }\n      })\n    },\n    [formId, setFormSubmission],\n  )\n\n  return {\n    handlePagesLookupResult,\n  }\n}\n"]}

package/dist/hooks/useOneBlinkFormContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type OneBlinkFormContainerContextValue = HTMLElement | null;
 export declare const OneBlinkFormContainerContext: import("react").Context<OneBlinkFormContainerContextValue>;
 export default function useOneBlinkFormContainer(): OneBlinkFormContainerContextValue;

package/dist/hooks/usePages.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pages.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pages])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        const stepItemHTMLElement = document.getElementById(\n          `steps-navigation-step-${pageId}`,\n        )\n        if (stepItemHTMLElement) {\n          window.requestAnimationFrame(() => {\n            stepItemHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        //blur prev/next buttons after they've been clicked\n        const activeElement = document?.activeElement as HTMLElement\n        activeElement.blur()\n      }\n    },\n    [closeStepsNavigation, currentPageId, isShowingMultiplePages],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\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  }\n}\n"]}
+{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pages.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pages])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        const stepItemHTMLElement = document.getElementById(\n          `steps-navigation-step-${pageId}`,\n        )\n        if (stepItemHTMLElement) {\n          window.requestAnimationFrame(() => {\n            stepItemHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        //blur prev/next buttons after they've been clicked\n        const activeElement = document?.activeElement as HTMLElement\n        activeElement.blur()\n      }\n    },\n    [closeStepsNavigation, currentPageId, isShowingMultiplePages],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\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  }\n}\n"]}

package/dist/hooks/usePendingSubmissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePendingSubmissions.js","sourceRoot":"","sources":["../../src/hooks/usePendingSubmissions.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { submissionService } from '@oneblink/apps'\nimport useBooleanState from './useBooleanState'\nimport useIsMounted from './useIsMounted'\nimport useIsOffline from './useIsOffline'\n\n/** The value returned from `usePendingSubmissions()` hook */\nexport type PendingSubmissionsContextValue = {\n  /** `true` if the pending submissions are currently loading */\n  isLoading: boolean\n  /** An Error object if loading pending submissions fails */\n  loadError: Error | null\n  /**\n   * The submissions that were submitted offline and can be processed when back\n   * online\n   */\n  pendingSubmissions: submissionService.PendingFormSubmission[]\n  /** `true` submissions that where submitted offline are being processed */\n  isProcessingPendingQueue: boolean\n  /** A function to trigger processing of the pending queue */\n  processPendingQueue: () => unknown\n  /**\n   * A function to trigger loading of the submissions that were submitted\n   * offline\n   */\n  reloadPendingSubmissions: () => unknown\n  /** A function to remove a submission from the pending submissions */\n  deletePendingSubmission: (pendingTimestamp: string) => unknown\n  /** `true` if a submission being processed fails */\n  isShowingFailedNotification: boolean\n  /** A function to hide the notification when a submission fails to process */\n  hideFailedNotification: () => unknown\n  /** `true` if a submission being processed completes successfully. */\n  isShowingSuccessNotification: boolean\n  /**\n   * A function to hide the notification after a submission completed\n   * successfully\n   */\n  hideSuccessNotification: () => unknown\n}\n\nconst defaultState = {\n  isLoading: false,\n  loadError: null,\n  pendingSubmissions: [],\n}\n\nconst PendingSubmissionsContext = React.createContext<\n  PendingSubmissionsContextValue | undefined\n>(undefined)\n\n/**\n * React Component that provides the context for the `usePendingSubmissions()`\n * hook to be used by components further down your component tree. **It should\n * only be included in your component tree once and ideally at the root of the\n * application.**\n *\n * #### Example\n *\n * ```jsx\n * import * as React from 'react'\n * import {\n *   PendingSubmissionsContextProvider,\n *   usePendingSubmissions,\n * } from '@oneblink/apps-react'\n *\n * function Component() {\n *   const pendingSubmissionsContext = usePendingSubmissions()\n *   // use pending submissions here\n * }\n *\n * function App() {\n *   return (\n *     <PendingSubmissionsContextProvider\n *       isPendingQueueEnabled\n *       successNotificationTimeoutMs={3000}\n *     >\n *       <Component />\n *     </PendingSubmissionsContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport function PendingSubmissionsContextProvider({\n  isPendingQueueEnabled,\n  successNotificationTimeoutMs = 5000,\n  children,\n}: {\n  /**\n   * `true` if pending queue is enabled, otherwise `false`. Can be used prevent\n   * offline submissions from being processed.\n   */\n  isPendingQueueEnabled: boolean\n  /**\n   * When a submission is processed successfully the\n   * `isShowingSuccessNotification` will be temporarily set to `true`, it will\n   * be set back to `false` after 5 seconds. This prop will allow you to\n   * customise how long to wait before hiding the notification with a\n   * milliseconds value.\n   */\n  successNotificationTimeoutMs?: number\n  /** Your application components */\n  children: React.ReactNode\n}) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n\n  // Using a number as state so we can reset the timer used to close\n  // the snack bar each time a pending queue item is processed\n  const [submittedNotificationCount, setSubmittedNotificationCount] =\n    React.useState(0)\n  const hideSuccessNotification = React.useCallback(() => {\n    setSubmittedNotificationCount(0)\n  }, [])\n  const [\n    isShowingFailedNotification,\n    showFailedNotification,\n    hideFailedNotification,\n  ] = useBooleanState(false)\n  const [isProcessingPendingQueue, setIsProcessingPendingQueue] =\n    React.useState(false)\n  const [state, setState] = React.useState<{\n    isLoading: boolean\n    loadError: Error | null\n    pendingSubmissions: submissionService.PendingFormSubmission[]\n  }>(defaultState)\n\n  const processPendingQueue = React.useCallback(async () => {\n    if (isMounted.current) {\n      setIsProcessingPendingQueue(true)\n    }\n\n    await submissionService.processPendingQueue({\n      shouldRunExternalIdGeneration: true,\n      shouldRunServerValidation: true,\n    })\n\n    if (isMounted.current) {\n      setIsProcessingPendingQueue(false)\n    }\n  }, [isMounted])\n\n  const reloadPendingSubmissions = React.useCallback(async () => {\n    if (isMounted.current) {\n      setState((currentState) => ({\n        isLoading: true,\n        loadError: null,\n        pendingSubmissions: currentState.pendingSubmissions,\n      }))\n    }\n    let newError = null\n    let newPendingSubmissions: submissionService.PendingFormSubmission[] = []\n\n    try {\n      newPendingSubmissions =\n        await submissionService.getPendingQueueSubmissions()\n    } catch (error) {\n      newError = error as Error\n    }\n\n    if (isMounted.current) {\n      setState({\n        isLoading: false,\n        loadError: newError,\n        pendingSubmissions: newPendingSubmissions,\n      })\n    }\n  }, [isMounted])\n\n  React.useEffect(() => {\n    if (!isPendingQueueEnabled) {\n      return\n    }\n    reloadPendingSubmissions()\n    return submissionService.registerPendingQueueListener(\n      (pendingSubmissions, action) => {\n        switch (action) {\n          case 'SUBMIT_SUCCEEDED': {\n            setSubmittedNotificationCount((current) => current + 1)\n            break\n          }\n          case 'SUBMIT_FAILED': {\n            showFailedNotification()\n            break\n          }\n          case 'SUBMIT_STARTED': {\n            hideFailedNotification()\n            break\n          }\n          // EDIT_CANCELLED is here for when beginnning edit offline and then hitting cancel while online\n          // among other use cases\n          case 'ADDITION':\n          case 'EDIT_CANCELLED': {\n            processPendingQueue()\n            break\n          }\n        }\n        setState({\n          isLoading: false,\n          pendingSubmissions,\n          loadError: null,\n        })\n      },\n    )\n  }, [\n    hideFailedNotification,\n    isPendingQueueEnabled,\n    processPendingQueue,\n    reloadPendingSubmissions,\n    showFailedNotification,\n  ])\n\n  React.useEffect(() => {\n    if (!isOffline) {\n      processPendingQueue()\n    }\n  }, [isOffline, processPendingQueue])\n\n  React.useEffect(() => {\n    if (submittedNotificationCount > 0) {\n      const timeoutId = setTimeout(() => {\n        hideSuccessNotification()\n      }, successNotificationTimeoutMs)\n      return () => {\n        clearTimeout(timeoutId)\n      }\n    }\n  }, [\n    hideSuccessNotification,\n    submittedNotificationCount,\n    successNotificationTimeoutMs,\n  ])\n\n  const value = React.useMemo<PendingSubmissionsContextValue>(\n    () => ({\n      ...state,\n      isShowingFailedNotification,\n      hideFailedNotification,\n      isProcessingPendingQueue,\n      processPendingQueue,\n      reloadPendingSubmissions,\n      deletePendingSubmission: submissionService.deletePendingQueueSubmission,\n      isShowingSuccessNotification: submittedNotificationCount > 0,\n      hideSuccessNotification,\n    }),\n    [\n      state,\n      isShowingFailedNotification,\n      hideFailedNotification,\n      isProcessingPendingQueue,\n      processPendingQueue,\n      reloadPendingSubmissions,\n      submittedNotificationCount,\n      hideSuccessNotification,\n    ],\n  )\n\n  return (\n    <PendingSubmissionsContext.Provider value={value}>\n      {children}\n    </PendingSubmissionsContext.Provider>\n  )\n}\n\n/**\n * React hook to get the context value for Pending Submissions. Will throw an\n * Error if used outside of the `<PendingSubmissionsContextProvider />`\n * component.\n *\n * @returns\n * @group Hooks\n */\nexport default function usePendingSubmissions(): PendingSubmissionsContextValue {\n  const value = React.useContext(PendingSubmissionsContext)\n  if (!value) {\n    throw new Error(\n      `\"usePendingSubmissions\" hook was used outside of the \"<PendingSubmissionsContextProvider />\" component's children.`,\n    )\n  }\n  return value\n}\n"]}
+{"version":3,"file":"usePendingSubmissions.js","sourceRoot":"","sources":["../../src/hooks/usePendingSubmissions.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { submissionService } from '@oneblink/apps'\nimport useBooleanState from './useBooleanState'\nimport useIsMounted from './useIsMounted'\nimport useIsOffline from './useIsOffline'\n\n/** The value returned from `usePendingSubmissions()` hook */\nexport type PendingSubmissionsContextValue = {\n  /** `true` if the pending submissions are currently loading */\n  isLoading: boolean\n  /** An Error object if loading pending submissions fails */\n  loadError: Error | null\n  /**\n   * The submissions that were submitted offline and can be processed when back\n   * online\n   */\n  pendingSubmissions: submissionService.PendingFormSubmission[]\n  /** `true` submissions that where submitted offline are being processed */\n  isProcessingPendingQueue: boolean\n  /** A function to trigger processing of the pending queue */\n  processPendingQueue: () => unknown\n  /**\n   * A function to trigger loading of the submissions that were submitted\n   * offline\n   */\n  reloadPendingSubmissions: () => unknown\n  /** A function to remove a submission from the pending submissions */\n  deletePendingSubmission: (pendingTimestamp: string) => unknown\n  /** `true` if a submission being processed fails */\n  isShowingFailedNotification: boolean\n  /** A function to hide the notification when a submission fails to process */\n  hideFailedNotification: () => unknown\n  /** `true` if a submission being processed completes successfully. */\n  isShowingSuccessNotification: boolean\n  /**\n   * A function to hide the notification after a submission completed\n   * successfully\n   */\n  hideSuccessNotification: () => unknown\n}\n\nconst defaultState = {\n  isLoading: false,\n  loadError: null,\n  pendingSubmissions: [],\n}\n\nconst PendingSubmissionsContext = React.createContext<\n  PendingSubmissionsContextValue | undefined\n>(undefined)\n\n/**\n * React Component that provides the context for the `usePendingSubmissions()`\n * hook to be used by components further down your component tree. **It should\n * only be included in your component tree once and ideally at the root of the\n * application.**\n *\n * #### Example\n *\n * ```jsx\n * import * as React from 'react'\n * import {\n *   PendingSubmissionsContextProvider,\n *   usePendingSubmissions,\n * } from '@oneblink/apps-react'\n *\n * function Component() {\n *   const pendingSubmissionsContext = usePendingSubmissions()\n *   // use pending submissions here\n * }\n *\n * function App() {\n *   return (\n *     <PendingSubmissionsContextProvider\n *       isPendingQueueEnabled\n *       successNotificationTimeoutMs={3000}\n *     >\n *       <Component />\n *     </PendingSubmissionsContextProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport function PendingSubmissionsContextProvider({\n  isPendingQueueEnabled,\n  successNotificationTimeoutMs = 5000,\n  children,\n}: {\n  /**\n   * `true` if pending queue is enabled, otherwise `false`. Can be used prevent\n   * offline submissions from being processed.\n   */\n  isPendingQueueEnabled: boolean\n  /**\n   * When a submission is processed successfully the\n   * `isShowingSuccessNotification` will be temporarily set to `true`, it will\n   * be set back to `false` after 5 seconds. This prop will allow you to\n   * customise how long to wait before hiding the notification with a\n   * milliseconds value.\n   */\n  successNotificationTimeoutMs?: number\n  /** Your application components */\n  children: React.ReactNode\n}) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n\n  // Using a number as state so we can reset the timer used to close\n  // the snack bar each time a pending queue item is processed\n  const [submittedNotificationCount, setSubmittedNotificationCount] =\n    React.useState(0)\n  const hideSuccessNotification = React.useCallback(() => {\n    setSubmittedNotificationCount(0)\n  }, [])\n  const [\n    isShowingFailedNotification,\n    showFailedNotification,\n    hideFailedNotification,\n  ] = useBooleanState(false)\n  const [isProcessingPendingQueue, setIsProcessingPendingQueue] =\n    React.useState(false)\n  const [state, setState] = React.useState<{\n    isLoading: boolean\n    loadError: Error | null\n    pendingSubmissions: submissionService.PendingFormSubmission[]\n  }>(defaultState)\n\n  const processPendingQueue = React.useCallback(async () => {\n    if (isMounted.current) {\n      setIsProcessingPendingQueue(true)\n    }\n\n    await submissionService.processPendingQueue({\n      shouldRunExternalIdGeneration: true,\n      shouldRunServerValidation: true,\n    })\n\n    if (isMounted.current) {\n      setIsProcessingPendingQueue(false)\n    }\n  }, [isMounted])\n\n  const reloadPendingSubmissions = React.useCallback(async () => {\n    if (isMounted.current) {\n      setState((currentState) => ({\n        isLoading: true,\n        loadError: null,\n        pendingSubmissions: currentState.pendingSubmissions,\n      }))\n    }\n    let newError = null\n    let newPendingSubmissions: submissionService.PendingFormSubmission[] = []\n\n    try {\n      newPendingSubmissions =\n        await submissionService.getPendingQueueSubmissions()\n    } catch (error) {\n      newError = error as Error\n    }\n\n    if (isMounted.current) {\n      setState({\n        isLoading: false,\n        loadError: newError,\n        pendingSubmissions: newPendingSubmissions,\n      })\n    }\n  }, [isMounted])\n\n  React.useEffect(() => {\n    if (!isPendingQueueEnabled) {\n      return\n    }\n    reloadPendingSubmissions()\n    return submissionService.registerPendingQueueListener(\n      (pendingSubmissions, action) => {\n        switch (action) {\n          case 'SUBMIT_SUCCEEDED': {\n            setSubmittedNotificationCount((current) => current + 1)\n            break\n          }\n          case 'SUBMIT_FAILED': {\n            showFailedNotification()\n            break\n          }\n          case 'SUBMIT_STARTED': {\n            hideFailedNotification()\n            break\n          }\n          // EDIT_CANCELLED is here for when beginnning edit offline and then hitting cancel while online\n          // among other use cases\n          case 'ADDITION':\n          case 'EDIT_CANCELLED': {\n            processPendingQueue()\n            break\n          }\n        }\n        setState({\n          isLoading: false,\n          pendingSubmissions,\n          loadError: null,\n        })\n      },\n    )\n  }, [\n    hideFailedNotification,\n    isPendingQueueEnabled,\n    processPendingQueue,\n    reloadPendingSubmissions,\n    showFailedNotification,\n  ])\n\n  React.useEffect(() => {\n    if (!isOffline) {\n      processPendingQueue()\n    }\n  }, [isOffline, processPendingQueue])\n\n  React.useEffect(() => {\n    if (submittedNotificationCount > 0) {\n      const timeoutId = setTimeout(() => {\n        hideSuccessNotification()\n      }, successNotificationTimeoutMs)\n      return () => {\n        clearTimeout(timeoutId)\n      }\n    }\n  }, [\n    hideSuccessNotification,\n    submittedNotificationCount,\n    successNotificationTimeoutMs,\n  ])\n\n  const value = React.useMemo<PendingSubmissionsContextValue>(\n    () => ({\n      ...state,\n      isShowingFailedNotification,\n      hideFailedNotification,\n      isProcessingPendingQueue,\n      processPendingQueue,\n      reloadPendingSubmissions,\n      deletePendingSubmission: submissionService.deletePendingQueueSubmission,\n      isShowingSuccessNotification: submittedNotificationCount > 0,\n      hideSuccessNotification,\n    }),\n    [\n      state,\n      isShowingFailedNotification,\n      hideFailedNotification,\n      isProcessingPendingQueue,\n      processPendingQueue,\n      reloadPendingSubmissions,\n      submittedNotificationCount,\n      hideSuccessNotification,\n    ],\n  )\n\n  return (\n    <PendingSubmissionsContext.Provider value={value}>\n      {children}\n    </PendingSubmissionsContext.Provider>\n  )\n}\n\n/**\n * React hook to get the context value for Pending Submissions. Will throw an\n * Error if used outside of the `<PendingSubmissionsContextProvider />`\n * component.\n *\n * @returns\n * @group Hooks\n */\nexport default function usePendingSubmissions(): PendingSubmissionsContextValue {\n  const value = React.useContext(PendingSubmissionsContext)\n  if (!value) {\n    throw new Error(\n      `\"usePendingSubmissions\" hook was used outside of the \"<PendingSubmissionsContextProvider />\" component's children.`,\n    )\n  }\n  return value\n}\n"]}