@oneblink/apps-react 5.7.0 → 5.8.0-beta.1

package/dist/form-elements/FormElementEmail.d.ts

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementEmail({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementEmail>;
 export default _default;

package/dist/form-elements/FormElementFiles.d.ts

@@ -10,6 +10,6 @@ declare function FormElementFiles({ id, element, value, onChange, validationMess
     onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>;
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
-} & IsDirtyProps): JSX.Element;
+} & IsDirtyProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
 export default _default;

package/dist/form-elements/FormElementFiles.js

@@ -36,7 +36,7 @@ function FormElementFiles({ id, element, value, onChange, validationMessage, dis
                     }),
                     !element.readOnly &&
                         (!element.maxEntries ||
-                            attachments.length < element.maxEntries) && (React.createElement("div", { className: "column is-one-quarter" },
+                            attachments.length < element.maxEntries) && (React.createElement("div", { className: "column is-one-quarter-ob" },
                         React.createElement("button", { type: "button", className: "button ob-files__add-new-button", onClick: handleAdd },
                             React.createElement("i", { className: "material-icons icon-x-large" }, "add")))))),
             isDisplayingValidationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementFiles.js","sourceRoot":"","sources":["../../src/form-elements/FormElementFiles.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport FormElementFile from './FormElementFile'\nimport useAttachments from '../hooks/attachments/useAttachments'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../services/form-validation'\nimport { attachmentsService } from '@oneblink/apps'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\nimport { LookupNotificationContext } from '../hooks/useLookupNotification'\n\nexport function stringifyAttachments(\n  value: attachmentsService.Attachment[] | undefined,\n): string {\n  if (value?.every((attachment) => !attachment.type)) {\n    return JSON.stringify(value)\n  }\n  return ''\n}\n\nfunction FormElementFiles({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  isDirty,\n  setIsDirty,\n}: {\n  id: string\n  element: FormTypes.FilesElement\n  value?: attachmentsService.Attachment[]\n  onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps) {\n  const { addAttachments, removeAttachment, changeAttachment } = useAttachments(\n    element,\n    onChange,\n    setIsDirty,\n  )\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleAdd = React.useCallback(() => {\n    if (!inputRef.current) return\n    // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED\n    inputRef.current.value = ''\n    inputRef.current.click()\n  }, [])\n\n  const attachments = value || []\n\n  const { isLookingUp } = React.useContext(LookupNotificationContext)\n  const isDisplayingValidationMessage =\n    (isDirty || displayValidationMessage) && !!validationMessage && !isLookingUp\n\n  return (\n    <div className=\"cypress-files-element\">\n      <FormElementLabelContainer\n        className=\"ob-files\"\n        element={element}\n        id={id}\n        required={!!element.minEntries}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          name={element.name}\n          id={id}\n          className=\"file-input ob-input\"\n          multiple={element.maxEntries !== 1}\n          disabled={element.readOnly}\n          onChange={(event) =>\n            addAttachments(\n              event.target.files ? Array.from(event.target.files) : [],\n            )\n          }\n        />\n        <div className=\"control cypress-files-control\">\n          <div className=\"columns is-multiline\">\n            {attachments.map((attachment, index) => {\n              return (\n                <FormElementFile\n                  key={attachment.type ? attachment._id : attachment.id}\n                  element={element}\n                  onRemove={removeAttachment}\n                  file={attachment}\n                  onChange={changeAttachment}\n                  disableUpload={\n                    (!!element.maxEntries &&\n                      attachments.length > element.maxEntries) ||\n                    !checkFileNameIsValid(element, attachment.fileName) ||\n                    !checkFileNameExtensionIsValid(element, attachment.fileName)\n                  }\n                  index={index}\n                />\n              )\n            })}\n            {!element.readOnly &&\n              (!element.maxEntries ||\n                attachments.length < element.maxEntries) && (\n                <div className=\"column is-one-quarter\">\n                  <button\n                    type=\"button\"\n                    className=\"button ob-files__add-new-button\"\n                    onClick={handleAdd}\n                  >\n                    <i className=\"material-icons icon-x-large\">add</i>\n                  </button>\n                </div>\n              )}\n          </div>\n        </div>\n\n        {isDisplayingValidationMessage && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementFiles)\n"]}
+{"version":3,"file":"FormElementFiles.js","sourceRoot":"","sources":["../../src/form-elements/FormElementFiles.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport FormElementFile from './FormElementFile'\nimport useAttachments from '../hooks/attachments/useAttachments'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../services/form-validation'\nimport { attachmentsService } from '@oneblink/apps'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\nimport { LookupNotificationContext } from '../hooks/useLookupNotification'\n\nexport function stringifyAttachments(\n  value: attachmentsService.Attachment[] | undefined,\n): string {\n  if (value?.every((attachment) => !attachment.type)) {\n    return JSON.stringify(value)\n  }\n  return ''\n}\n\nfunction FormElementFiles({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  isDirty,\n  setIsDirty,\n}: {\n  id: string\n  element: FormTypes.FilesElement\n  value?: attachmentsService.Attachment[]\n  onChange: FormElementValueChangeHandler<attachmentsService.Attachment[]>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps) {\n  const { addAttachments, removeAttachment, changeAttachment } = useAttachments(\n    element,\n    onChange,\n    setIsDirty,\n  )\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleAdd = React.useCallback(() => {\n    if (!inputRef.current) return\n    // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED\n    inputRef.current.value = ''\n    inputRef.current.click()\n  }, [])\n\n  const attachments = value || []\n\n  const { isLookingUp } = React.useContext(LookupNotificationContext)\n  const isDisplayingValidationMessage =\n    (isDirty || displayValidationMessage) && !!validationMessage && !isLookingUp\n\n  return (\n    <div className=\"cypress-files-element\">\n      <FormElementLabelContainer\n        className=\"ob-files\"\n        element={element}\n        id={id}\n        required={!!element.minEntries}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          name={element.name}\n          id={id}\n          className=\"file-input ob-input\"\n          multiple={element.maxEntries !== 1}\n          disabled={element.readOnly}\n          onChange={(event) =>\n            addAttachments(\n              event.target.files ? Array.from(event.target.files) : [],\n            )\n          }\n        />\n        <div className=\"control cypress-files-control\">\n          <div className=\"columns is-multiline\">\n            {attachments.map((attachment, index) => {\n              return (\n                <FormElementFile\n                  key={attachment.type ? attachment._id : attachment.id}\n                  element={element}\n                  onRemove={removeAttachment}\n                  file={attachment}\n                  onChange={changeAttachment}\n                  disableUpload={\n                    (!!element.maxEntries &&\n                      attachments.length > element.maxEntries) ||\n                    !checkFileNameIsValid(element, attachment.fileName) ||\n                    !checkFileNameExtensionIsValid(element, attachment.fileName)\n                  }\n                  index={index}\n                />\n              )\n            })}\n            {!element.readOnly &&\n              (!element.maxEntries ||\n                attachments.length < element.maxEntries) && (\n                <div className=\"column is-one-quarter-ob\">\n                  <button\n                    type=\"button\"\n                    className=\"button ob-files__add-new-button\"\n                    onClick={handleAdd}\n                  >\n                    <i className=\"material-icons icon-x-large\">add</i>\n                  </button>\n                </div>\n              )}\n          </div>\n        </div>\n\n        {isDisplayingValidationMessage && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementFiles)\n"]}

package/dist/form-elements/FormElementForm.d.ts

@@ -13,6 +13,6 @@ export type Props = {
     formElementConditionallyShown: FormElementConditionallyShown | undefined;
     onUpdateFormElements: UpdateFormElementsHandler;
 };
-declare function FormElementForm({ formId, element, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, onUpdateFormElements, }: Props): JSX.Element;
+declare function FormElementForm({ formId, element, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, onUpdateFormElements, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementForm>;
 export default _default;

package/dist/form-elements/FormElementFreshdeskDependentField.d.ts

@@ -3,6 +3,6 @@ import { FormTypes } from '@oneblink/types';
 import { Props } from './FormElementForm';
 declare function FormElementFreshdeskDependentField({ element, onUpdateFormElements, ...props }: Omit<Props, 'element'> & {
     element: FormTypes.FreshdeskDependentFieldElement;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementFreshdeskDependentField>;
 export default _default;

package/dist/form-elements/FormElementGeoscapeAddress.d.ts

@@ -10,6 +10,6 @@ type Props = {
     validationMessage: string | undefined;
     onChange: FormElementValueChangeHandler<GeoscapeTypes.GeoscapeAddress>;
 } & IsDirtyProps;
-declare function FormElementGeoscapeAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementGeoscapeAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementGeoscapeAddress>;
 export default _default;

package/dist/form-elements/FormElementHTML.d.ts

@@ -3,6 +3,6 @@ import { FormTypes } from '@oneblink/types';
 type Props = {
     element: FormTypes.HtmlElement;
 };
-declare function FormElementHTML({ element }: Props): JSX.Element;
+declare function FormElementHTML({ element }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementHTML>;
 export default _default;

package/dist/form-elements/FormElementHeading.d.ts

@@ -3,6 +3,6 @@ import { FormTypes } from '@oneblink/types';
 type Props = {
     element: FormTypes.HeadingElement;
 };
-declare function FormElementHeading({ element }: Props): JSX.Element;
+declare function FormElementHeading({ element }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementHeading>;
 export default _default;

package/dist/form-elements/FormElementImage.d.ts

@@ -3,6 +3,6 @@ import { FormTypes } from '@oneblink/types';
 type Props = {
     element: FormTypes.ImageElement;
 };
-declare function FormElementImage({ element }: Props): JSX.Element;
+declare function FormElementImage({ element }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementImage>;
 export default _default;

package/dist/form-elements/FormElementLocation.d.ts

@@ -15,6 +15,6 @@ type Coords = {
     zoom?: number;
 };
 export declare const stringifyLocation: (location: Coords | undefined) => string | undefined;
-declare function FormElementLocation({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementLocation({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementLocation>;
 export default _default;

package/dist/form-elements/FormElementNumber.d.ts

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementNumber({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementNumber({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementNumber>;
 export default _default;

package/dist/form-elements/FormElementPointAddress.d.ts

@@ -10,6 +10,6 @@ type Props = {
     validationMessage: string | undefined;
     onChange: FormElementValueChangeHandler<PointTypes.PointAddress>;
 } & IsDirtyProps;
-declare function FormElementPointAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementPointAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementPointAddress>;
 export default _default;

package/dist/form-elements/FormElementRadio.d.ts

@@ -11,6 +11,6 @@ type Props = {
     conditionallyShownOptionsElement: FormElementConditionallyShownElement | undefined;
     onUpdateFormElements: UpdateFormElementsHandler;
 } & IsDirtyProps;
-declare function FormElementRadio({ id, element, value, onChange, conditionallyShownOptionsElement, validationMessage, displayValidationMessage, onUpdateFormElements, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementRadio({ id, element, value, onChange, conditionallyShownOptionsElement, validationMessage, displayValidationMessage, onUpdateFormElements, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementRadio>;
 export default _default;

package/dist/form-elements/FormElementRepeatableSet.d.ts

@@ -15,6 +15,6 @@ type Props = {
     onUpdateFormElements: UpdateFormElementsHandler;
 } & IsDirtyProps;
 export declare function useRepeatableSetIndexText(text: string): string;
-declare function FormElementRepeatableSet({ formId, element, value, formElementValidation, id, isEven, displayValidationMessage, formElementConditionallyShown, onChange, onLookup, onUpdateFormElements, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementRepeatableSet({ formId, element, value, formElementValidation, id, isEven, displayValidationMessage, formElementConditionallyShown, onChange, onLookup, onUpdateFormElements, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementRepeatableSet>;
 export default _default;

package/dist/form-elements/FormElementSection.d.ts

@@ -3,6 +3,6 @@ import { FormTypes } from '@oneblink/types';
 import { Props } from '../components/renderer/OneBlinkFormElements';
 declare function FormElementSection<T extends FormTypes._NestedElementsElement>({ element, onLookup, displayValidationMessages, onUpdateFormElements, ...props }: Omit<Props<T>, 'elements'> & {
     element: FormTypes.SectionElement;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementSection>;
 export default _default;

package/dist/form-elements/FormElementSelect.d.ts

@@ -11,6 +11,6 @@ type Props = {
     conditionallyShownOptionsElement: FormElementConditionallyShownElement | undefined;
     onUpdateFormElements: UpdateFormElementsHandler;
 } & IsDirtyProps;
-declare function FormElementSelect({ id, element, value, onChange, validationMessage, displayValidationMessage, conditionallyShownOptionsElement, onUpdateFormElements, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementSelect({ id, element, value, onChange, validationMessage, displayValidationMessage, conditionallyShownOptionsElement, onUpdateFormElements, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementSelect>;
 export default _default;

package/dist/form-elements/FormElementSignature.d.ts

@@ -11,6 +11,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementSignature({ id, element, value, onChange, validationMessage, displayValidationMessage, setIsDirty, isDirty, }: Props): JSX.Element;
+declare function FormElementSignature({ id, element, value, onChange, validationMessage, displayValidationMessage, setIsDirty, isDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementSignature>;
 export default _default;

package/dist/form-elements/FormElementSummary.d.ts

@@ -6,6 +6,6 @@ type Props = {
     onChange: FormElementValueChangeHandler;
     value: unknown;
 };
-declare function FormElementSummary({ element, onChange, value }: Props): JSX.Element;
+declare function FormElementSummary({ element, onChange, value }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementSummary>;
 export default _default;

package/dist/form-elements/FormElementTelephone.d.ts

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementTelephone({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementTelephone({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementTelephone>;
 export default _default;

package/dist/form-elements/FormElementText.d.ts

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementText({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementText({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementText>;
 export default _default;

package/dist/form-elements/FormElementTextarea.d.ts

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementTextarea({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementTextarea({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementTextarea>;
 export default _default;

package/dist/form-elements/FormElementTime.d.ts

@@ -9,6 +9,6 @@ type Props = {
     displayValidationMessage: boolean;
     validationMessage: string | undefined;
 } & IsDirtyProps;
-declare function FormElementTime({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): JSX.Element;
+declare function FormElementTime({ id, element, value, onChange, validationMessage, displayValidationMessage, isDirty, setIsDirty, }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementTime>;
 export default _default;

package/dist/hooks/attachments/useAttachmentBlobs.d.ts

@@ -14,6 +14,6 @@ type AttachmentBlobsContextValue = {
 type Props = {
     children: React.ReactNode;
 };
-export declare const AttachmentBlobsProvider: ({ children }: Props) => JSX.Element;
+export declare const AttachmentBlobsProvider: ({ children }: Props) => React.JSX.Element;
 declare const useAttachmentBlobs: () => AttachmentBlobsContextValue;
 export default useAttachmentBlobs;

package/dist/hooks/useAuth.d.ts

@@ -67,7 +67,7 @@ export declare function AuthContextProvider({ children, formsKeyToken, userToken
      * behalf of the user
      */
     userToken?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 /**
  * A React hook for containing state associated the current user. **This hook
  * requires [`<AuthContextProvider />`](./AuthContextProvider.html) to be

package/dist/hooks/useDrafts.d.ts

@@ -71,7 +71,7 @@ children, }: {
     formsAppId: number;
     isDraftsEnabled: boolean;
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 /**
  * React hook to get the context value for Drafts. Will throw an Error if used
  * outside of the `<DraftsContextProvider />` component.

package/dist/hooks/useDynamicOptionsLoaderState.d.ts

@@ -11,6 +11,6 @@ export declare const FormElementOptionsContext: React.Context<OptionsSetResult[]
 export declare const FreshdeskFieldsStateContext: React.Context<LoadDataState<FreshdeskTypes.FreshdeskField[]> | undefined>;
 export declare function FormElementOptionsContextProvider({ children, }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useLoadDynamicOptionsEffect(formElement: FormTypes.FormElementWithOptions, onUpdateFormElements: UpdateFormElementsHandler): void;
 export {};

package/dist/hooks/useFlatpickrGuid.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 type Props = {
     children: React.ReactNode;
 };
-export declare const FlatpickrGuidProvider: ({ children }: Props) => JSX.Element;
+export declare const FlatpickrGuidProvider: ({ children }: Props) => React.JSX.Element;
 export default function useFlatpickrGuidCallback(): string;
 export {};

package/dist/hooks/useFormElementLookups.d.ts

@@ -8,6 +8,6 @@ type FormElementLookupsContextValue = {
 };
 export declare function FormElementLookupsContextProvider({ children, }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export default function useFormElementLookups(): FormElementLookupsContextValue;
 export {};

package/dist/hooks/useFormSubmissionModelContext.d.ts

@@ -12,6 +12,6 @@ export declare function FormSubmissionModelContextProvider({ children, model, el
     elements: FormTypes.FormElement[];
     formElementsConditionallyShown: FormElementsConditionallyShown | undefined;
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export default function useFormSubmissionModel(): FormSubmissionModelContextValue;
 export declare function useFormSubmissionModelParent(): FormSubmissionModelContextValue;

package/dist/hooks/useIsHovering.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 declare const IsHoveringContext: React.Context<boolean>;
-export declare const IsHoveringProvider: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+export declare const IsHoveringProvider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare function useIsHovering(): boolean;
 export default IsHoveringContext;

package/dist/hooks/useIsOffline.d.ts

@@ -37,7 +37,7 @@ export declare const useNetworkChangeEffect: (type: 'online' | 'offline', listen
  */
 export declare function IsOfflineContextProvider({ children, }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 /**
  * This function is a react hook for determining whether an application is in an
  * offline state.

package/dist/hooks/useIsPageVisible.d.ts

@@ -4,6 +4,6 @@ type Props = {
     isPageVisible: IsPageVisibleContextValue;
     children: React.ReactNode;
 };
-export declare function IsPageVisibleProvider({ isPageVisible, children }: Props): JSX.Element;
+export declare function IsPageVisibleProvider({ isPageVisible, children }: Props): React.JSX.Element;
 export default function useIsPageVisible(): boolean;
 export {};

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}: {\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}): 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 = await resetTemporaryPasswordCallback(\n        newPassword,\n      )\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)\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])\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":"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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}: {\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}): 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)\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])\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/usePendingSubmissions.d.ts

@@ -91,7 +91,7 @@ export declare function PendingSubmissionsContextProvider({ isPendingQueueEnable
     successNotificationTimeoutMs?: number;
     /** Your application components */
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 /**
  * React hook to get the context value for Pending Submissions. Will throw an
  * Error if used outside of the `<PendingSubmissionsContextProvider />`

package/dist/styles/autocomplete.scss

@@ -9,7 +9,9 @@
     overflow-y: auto;
 
     a.dropdown-item {
-      transition: background-color 0.25s, color 0.25s;
+      transition:
+        background-color 0.25s,
+        color 0.25s;
     }
   }
 }

package/dist/styles/camera.scss

@@ -56,10 +56,18 @@
 }
 
 .ob-annotation__button-colour {
-  -webkit-transition: min-width 0.2s, height 0.2s;
-  -moz-transition: min-width 0.2s, height 0.2s;
-  -o-transition: min-width 0.2s, height 0.2s;
-  transition: min-width 0.2s, height 0.2s;
+  -webkit-transition:
+    min-width 0.2s,
+    height 0.2s;
+  -moz-transition:
+    min-width 0.2s,
+    height 0.2s;
+  -o-transition:
+    min-width 0.2s,
+    height 0.2s;
+  transition:
+    min-width 0.2s,
+    height 0.2s;
   outline: none;
   min-width: 50px;
   height: 50px;

package/dist/styles/compliance.scss

@@ -1,9 +1,9 @@
 .ob-compliance {
-  &.odd>.ob-compliance__container {
+  &.odd > .ob-compliance__container {
     background-color: $white;
   }
 
-  &.even>.ob-compliance__container {
+  &.even > .ob-compliance__container {
     background-color: $white-bis;
   }
 }

package/dist/styles/modal.scss

@@ -22,7 +22,7 @@
 
 .modal-card {
   box-shadow: $elevation-3;
-  border-radius: $radius-small;  
+  border-radius: $radius-small;
   outline: none;
 }