@oneblink/apps-react 8.14.0-beta.2 → 9.0.0-beta.1

package/dist/hooks/useIsOffline.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { offlineService } from '@oneblink/apps';
 import useBooleanState from '../hooks/useBooleanState';
@@ -54,7 +55,7 @@ export function IsOfflineContextProvider({ children, }) {
     const [isOffline, goOffline, goOnline] = useBooleanState(defaultValue);
     useNetworkChangeEffect('online', goOnline);
     useNetworkChangeEffect('offline', goOffline);
-    return (React.createElement(IsOfflineContext.Provider, { value: isOffline }, children));
+    return (_jsx(IsOfflineContext.Provider, { value: isOffline, children: children }));
 }
 /**
  * This function is a react hook for determining whether an application is in an

package/dist/hooks/useIsOffline.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsOffline.js","sourceRoot":"","sources":["../../src/hooks/useIsOffline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,eAAe,MAAM,0BAA0B,CAAA;AAEtD,MAAM,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,CAAA;AAE/C,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAU,YAAY,CAAC,CAAA;AAEnE;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,IAA0B,EAC1B,QAAuB,EACvB,EAAE;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,sDAAsD;QACtD,sDAAsD;QACtD,qBAAqB;QACrB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAA;QAClD,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QAExC,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QAC7C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;AACtB,CAAC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,GAGT;IACC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtE,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1C,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE5C,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IACxC,QAAQ,CACiB,CAC7B,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;AAC3C,CAAC","sourcesContent":["import * as React from 'react'\n\nimport { offlineService } from '@oneblink/apps'\nimport useBooleanState from '../hooks/useBooleanState'\n\nconst defaultValue = offlineService.isOffline()\n\nconst IsOfflineContext = React.createContext<boolean>(defaultValue)\n\n/**\n * @param type\n * @param listener\n * @group Hooks\n */\nexport const useNetworkChangeEffect = (\n  type: 'online' | 'offline',\n  listener: () => unknown,\n) => {\n  React.useEffect(() => {\n    // Stupid cordova seems to require that offline/online\n    // listeners are set on the document and browsers seem\n    // to require window.\n    const element = window.cordova ? document : window\n    element.addEventListener(type, listener)\n\n    return () => {\n      element.removeEventListener(type, listener)\n    }\n  }, [type, listener])\n}\n\n/**\n * IsOfflineContextProvider is a React Component that provides the `isOffline`\n * state for components further down your component tree to consume. It should\n * be used to wrap the components requiring the state.\n *\n * - **This component is required in your component tree to be able to consume the\n *   [`useIsOffline`](./useIsOffline.html) hook.**\n *\n * ### Usage\n *\n * ```jsx\n * import { IsOfflineContextProvider } from '@oneblink/apps-react'\n *\n * const TopLevelComponent = () => {\n *   return (\n *     <IsOfflineContextProvider>\n *       <div>\n *         <ComponentThatRequiresOfflineState />\n *       </div>\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * export default TopLevelComponent\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport function IsOfflineContextProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const [isOffline, goOffline, goOnline] = useBooleanState(defaultValue)\n\n  useNetworkChangeEffect('online', goOnline)\n  useNetworkChangeEffect('offline', goOffline)\n\n  return (\n    <IsOfflineContext.Provider value={isOffline}>\n      {children}\n    </IsOfflineContext.Provider>\n  )\n}\n\n/**\n * This function is a react hook for determining whether an application is in an\n * offline state.\n *\n * - **This component requires\n *   [`<IsOfflineContextProvider/>`](./IsOfflineContextProvider.html) to be\n *   present in your component tree.**\n *\n * ## Example\n *\n * ```js\n * import { useIsOffline } from '@oneblink/apps-react'\n *\n * const isOffline = useIsOffline()\n * ```\n *\n * @returns\n * @group Hooks\n */\nexport default function useIsOffline() {\n  return React.useContext(IsOfflineContext)\n}\n"]}
+{"version":3,"file":"useIsOffline.js","sourceRoot":"","sources":["../../src/hooks/useIsOffline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,eAAe,MAAM,0BAA0B,CAAA;AAEtD,MAAM,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,CAAA;AAE/C,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAU,YAAY,CAAC,CAAA;AAEnE;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,IAA0B,EAC1B,QAAuB,EACvB,EAAE;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,sDAAsD;QACtD,sDAAsD;QACtD,qBAAqB;QACrB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAA;QAClD,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QAExC,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QAC7C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;AACtB,CAAC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,GAGT;IACC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtE,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1C,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE5C,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACxC,QAAQ,GACiB,CAC7B,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;AAC3C,CAAC","sourcesContent":["import * as React from 'react'\n\nimport { offlineService } from '@oneblink/apps'\nimport useBooleanState from '../hooks/useBooleanState'\n\nconst defaultValue = offlineService.isOffline()\n\nconst IsOfflineContext = React.createContext<boolean>(defaultValue)\n\n/**\n * @param type\n * @param listener\n * @group Hooks\n */\nexport const useNetworkChangeEffect = (\n  type: 'online' | 'offline',\n  listener: () => unknown,\n) => {\n  React.useEffect(() => {\n    // Stupid cordova seems to require that offline/online\n    // listeners are set on the document and browsers seem\n    // to require window.\n    const element = window.cordova ? document : window\n    element.addEventListener(type, listener)\n\n    return () => {\n      element.removeEventListener(type, listener)\n    }\n  }, [type, listener])\n}\n\n/**\n * IsOfflineContextProvider is a React Component that provides the `isOffline`\n * state for components further down your component tree to consume. It should\n * be used to wrap the components requiring the state.\n *\n * - **This component is required in your component tree to be able to consume the\n *   [`useIsOffline`](./useIsOffline.html) hook.**\n *\n * ### Usage\n *\n * ```jsx\n * import { IsOfflineContextProvider } from '@oneblink/apps-react'\n *\n * const TopLevelComponent = () => {\n *   return (\n *     <IsOfflineContextProvider>\n *       <div>\n *         <ComponentThatRequiresOfflineState />\n *       </div>\n *     </IsOfflineContextProvider>\n *   )\n * }\n *\n * export default TopLevelComponent\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport function IsOfflineContextProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const [isOffline, goOffline, goOnline] = useBooleanState(defaultValue)\n\n  useNetworkChangeEffect('online', goOnline)\n  useNetworkChangeEffect('offline', goOffline)\n\n  return (\n    <IsOfflineContext.Provider value={isOffline}>\n      {children}\n    </IsOfflineContext.Provider>\n  )\n}\n\n/**\n * This function is a react hook for determining whether an application is in an\n * offline state.\n *\n * - **This component requires\n *   [`<IsOfflineContextProvider/>`](./IsOfflineContextProvider.html) to be\n *   present in your component tree.**\n *\n * ## Example\n *\n * ```js\n * import { useIsOffline } from '@oneblink/apps-react'\n *\n * const isOffline = useIsOffline()\n * ```\n *\n * @returns\n * @group Hooks\n */\nexport default function useIsOffline() {\n  return React.useContext(IsOfflineContext)\n}\n"]}

package/dist/hooks/useIsPageVisible.d.ts

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

package/dist/hooks/useIsPageVisible.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 const IsPageVisibleContext = React.createContext(false);
 export function IsPageVisibleProvider({ isPageVisible, children }) {
-    return (React.createElement(IsPageVisibleContext.Provider, { value: isPageVisible }, children));
+    return (_jsx(IsPageVisibleContext.Provider, { value: isPageVisible, children: children }));
 }
 export default function useIsPageVisible() {
     return React.useContext(IsPageVisibleContext);

package/dist/hooks/useIsPageVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsPageVisible.js","sourceRoot":"","sources":["../../src/hooks/useIsPageVisible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,oBAAoB,GACxB,KAAK,CAAC,aAAa,CAA4B,KAAK,CAAC,CAAA;AAEvD,MAAM,UAAU,qBAAqB,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAS;IACtE,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAChD,QAAQ,CACqB,CACjC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA;AAC/C,CAAC","sourcesContent":["import * as React from 'react'\n\ntype IsPageVisibleContextValue = boolean\n\ntype Props = {\n  isPageVisible: IsPageVisibleContextValue\n  children: React.ReactNode\n}\n\nconst IsPageVisibleContext =\n  React.createContext<IsPageVisibleContextValue>(false)\n\nexport function IsPageVisibleProvider({ isPageVisible, children }: Props) {\n  return (\n    <IsPageVisibleContext.Provider value={isPageVisible}>\n      {children}\n    </IsPageVisibleContext.Provider>\n  )\n}\n\nexport default function useIsPageVisible() {\n  return React.useContext(IsPageVisibleContext)\n}\n"]}
+{"version":3,"file":"useIsPageVisible.js","sourceRoot":"","sources":["../../src/hooks/useIsPageVisible.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,oBAAoB,GACxB,KAAK,CAAC,aAAa,CAA4B,KAAK,CAAC,CAAA;AAEvD,MAAM,UAAU,qBAAqB,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAS;IACtE,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAChD,QAAQ,GACqB,CACjC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA;AAC/C,CAAC","sourcesContent":["import * as React from 'react'\n\ntype IsPageVisibleContextValue = boolean\n\ntype Props = {\n  isPageVisible: IsPageVisibleContextValue\n  children: React.ReactNode\n}\n\nconst IsPageVisibleContext =\n  React.createContext<IsPageVisibleContextValue>(false)\n\nexport function IsPageVisibleProvider({ isPageVisible, children }: Props) {\n  return (\n    <IsPageVisibleContext.Provider value={isPageVisible}>\n      {children}\n    </IsPageVisibleContext.Provider>\n  )\n}\n\nexport default function useIsPageVisible() {\n  return React.useContext(IsPageVisibleContext)\n}\n"]}

package/dist/hooks/useMfa.d.ts

@@ -63,7 +63,7 @@ export declare const MfaContext: React.Context<MfaState & {
 export declare function MfaProvider({ children, isExternalIdentityProviderUser, }: {
     children: React.ReactNode;
     isExternalIdentityProviderUser: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default function useMfa(): MfaState & {
     beginMfaSetup: () => void;
     cancelMfaSetup: () => void;

package/dist/hooks/useMfa.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { authService } from '@oneblink/apps';
 export const MfaContext = React.createContext({
@@ -180,7 +181,7 @@ export function MfaProvider({ children, isExternalIdentityProviderUser, }) {
         cancelDisablingMfa,
         completeDisablingMfa,
     ]);
-    return React.createElement(MfaContext.Provider, { value: value }, children);
+    return _jsx(MfaContext.Provider, { value: value, children: children });
 }
 export default function useMfa() {
     return React.useContext(MfaContext);

package/dist/hooks/useMfa.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMfa.js","sourceRoot":"","sources":["../../src/hooks/useMfa.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { authService } from '@oneblink/apps'\n\ntype MfaState = {\n  isExternalIdentityProviderUser: boolean\n  isLoading: boolean\n  isMfaEnabled: boolean\n  loadingError?: Error\n  isSettingUpMfa: boolean\n  isDisablingMfa: boolean\n  setupError?: Error\n  mfaSetup?: Awaited<ReturnType<typeof authService.setupMfa>>\n}\n\nexport const MfaContext = React.createContext<\n  MfaState & {\n    beginMfaSetup: () => void\n    cancelMfaSetup: () => void\n    completeMfaSetup: () => void\n    beginDisablingMfa: () => void\n    cancelDisablingMfa: () => void\n    completeDisablingMfa: () => void\n    clearMfaSetupError: () => void\n    loadMfa: () => void\n  }\n>({\n  isExternalIdentityProviderUser: false,\n  isLoading: true,\n  isMfaEnabled: false,\n  isSettingUpMfa: false,\n  isDisablingMfa: false,\n  beginMfaSetup: () => {},\n  cancelMfaSetup: () => {},\n  completeMfaSetup: () => {},\n  beginDisablingMfa: () => {},\n  cancelDisablingMfa: () => {},\n  completeDisablingMfa: () => {},\n  clearMfaSetupError: () => {},\n  loadMfa: () => {},\n})\n\n/**\n * React Component that provides the context for the\n * `useUserMeetsMfaRequirement()` hook and `<MultiFactorAuthentication />`\n * component, to be used by components further down your component tree. **It\n * should only be included in your component tree once and ideally at the root\n * of the application.**\n *\n * #### Example\n *\n * ```js\n * import * as React from 'react'\n * import {\n *   MfaProvider,\n *   useUserMeetsMfaRequirement,\n * } from '@oneblink/apps-react'\n *\n * function Component() {\n *   const { isLoading, userMeetsMfaRequirement } =\n *     useUserMeetsMfaRequirement(true)\n *   // use MFA Requirement details here\n * }\n *\n * function App() {\n *   return (\n *     <MfaProvider isExternalIdentityProviderUser={false}>\n *       <Component />\n *     </MfaProvider>\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 MfaProvider({\n  children,\n  isExternalIdentityProviderUser,\n}: {\n  children: React.ReactNode\n  isExternalIdentityProviderUser: boolean\n}) {\n  const [state, setState] = React.useState<MfaState>({\n    isExternalIdentityProviderUser,\n    isLoading: !isExternalIdentityProviderUser,\n    isMfaEnabled: false,\n    isSettingUpMfa: false,\n    isDisablingMfa: false,\n  })\n\n  const loadMfa = React.useCallback(async (abortSignal?: AbortSignal) => {\n    setState((currentState) => ({\n      ...currentState,\n      isLoading: true,\n      isMfaEnabled: false,\n      loadingError: undefined,\n    }))\n    try {\n      const newIsMfaEnabled = await authService.checkIsMfaEnabled()\n      if (!abortSignal?.aborted) {\n        setState((currentState) => ({\n          ...currentState,\n          isLoading: false,\n          isMfaEnabled: newIsMfaEnabled,\n        }))\n      }\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isLoading: false,\n        loadingError: error as Error,\n      }))\n    }\n  }, [])\n\n  const clearMfaSetupError = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      setupError: undefined,\n    }))\n  }, [])\n\n  const cancelMfaSetup = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      mfaSetup: undefined,\n    }))\n  }, [])\n\n  const completeMfaSetup = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isMfaEnabled: true,\n      mfaSetup: undefined,\n    }))\n  }, [])\n\n  const beginMfaSetup = React.useCallback(async () => {\n    setState((currentState) => ({\n      ...currentState,\n      isSettingUpMfa: true,\n      mfaSetup: undefined,\n      setupError: undefined,\n    }))\n    try {\n      const newMfaSetup = await authService.setupMfa()\n      setState((currentState) => ({\n        ...currentState,\n        isSettingUpMfa: false,\n        mfaSetup: newMfaSetup,\n      }))\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isSettingUpMfa: false,\n        setupError: error as Error,\n      }))\n    }\n  }, [])\n\n  const beginDisablingMfa = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isDisablingMfa: true,\n    }))\n  }, [])\n\n  const cancelDisablingMfa = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isDisablingMfa: false,\n    }))\n  }, [])\n\n  const completeDisablingMfa = React.useCallback(async () => {\n    await authService.disableMfa()\n    setState((currentState) => ({\n      ...currentState,\n      isDisablingMfa: false,\n      isMfaEnabled: false,\n    }))\n  }, [])\n\n  React.useEffect(() => {\n    if (isExternalIdentityProviderUser) {\n      return\n    }\n\n    loadMfa()\n\n    return () => {}\n  }, [isExternalIdentityProviderUser, loadMfa])\n\n  const value = React.useMemo(() => {\n    return {\n      ...state,\n      clearMfaSetupError,\n      loadMfa,\n      beginMfaSetup,\n      cancelMfaSetup,\n      completeMfaSetup,\n      beginDisablingMfa,\n      cancelDisablingMfa,\n      completeDisablingMfa,\n    }\n  }, [\n    state,\n    clearMfaSetupError,\n    loadMfa,\n    beginMfaSetup,\n    cancelMfaSetup,\n    completeMfaSetup,\n    beginDisablingMfa,\n    cancelDisablingMfa,\n    completeDisablingMfa,\n  ])\n\n  return <MfaContext.Provider value={value}>{children}</MfaContext.Provider>\n}\n\nexport default function useMfa() {\n  return React.useContext(MfaContext)\n}\n\n/**\n * React hook to check if the logged in user meets the MFA requirement of your\n * application. Will throw an Error if used outside of the `<MfaProvider />`\n * component.\n *\n * Example\n *\n * ```js\n * import { useUserMeetsMfaRequirement } from '@oneblink/apps-react'\n *\n * const isMfaRequired = true\n *\n * function Component() {\n *   const userMeetsMfaRequirement =\n *     useUserMeetsMfaRequirement(isMfaRequired)\n * }\n * ```\n *\n * @returns\n * @group Hooks\n */\nexport function useUserMeetsMfaRequirement(isMfaRequired: boolean) {\n  const context = React.useContext(MfaContext)\n\n  if (!context) {\n    throw new Error(\n      `\"useUserMeetsMfaRequirement\" hook was used outside of the \"<MfaProvider />\" component's children.`,\n    )\n  }\n\n  const { isMfaEnabled, isExternalIdentityProviderUser } = context\n  if (!isMfaRequired || isExternalIdentityProviderUser) {\n    return true\n  }\n  return isMfaEnabled\n}\n"]}
+{"version":3,"file":"useMfa.js","sourceRoot":"","sources":["../../src/hooks/useMfa.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { authService } from '@oneblink/apps'\n\ntype MfaState = {\n  isExternalIdentityProviderUser: boolean\n  isLoading: boolean\n  isMfaEnabled: boolean\n  loadingError?: Error\n  isSettingUpMfa: boolean\n  isDisablingMfa: boolean\n  setupError?: Error\n  mfaSetup?: Awaited<ReturnType<typeof authService.setupMfa>>\n}\n\nexport const MfaContext = React.createContext<\n  MfaState & {\n    beginMfaSetup: () => void\n    cancelMfaSetup: () => void\n    completeMfaSetup: () => void\n    beginDisablingMfa: () => void\n    cancelDisablingMfa: () => void\n    completeDisablingMfa: () => void\n    clearMfaSetupError: () => void\n    loadMfa: () => void\n  }\n>({\n  isExternalIdentityProviderUser: false,\n  isLoading: true,\n  isMfaEnabled: false,\n  isSettingUpMfa: false,\n  isDisablingMfa: false,\n  beginMfaSetup: () => {},\n  cancelMfaSetup: () => {},\n  completeMfaSetup: () => {},\n  beginDisablingMfa: () => {},\n  cancelDisablingMfa: () => {},\n  completeDisablingMfa: () => {},\n  clearMfaSetupError: () => {},\n  loadMfa: () => {},\n})\n\n/**\n * React Component that provides the context for the\n * `useUserMeetsMfaRequirement()` hook and `<MultiFactorAuthentication />`\n * component, to be used by components further down your component tree. **It\n * should only be included in your component tree once and ideally at the root\n * of the application.**\n *\n * #### Example\n *\n * ```js\n * import * as React from 'react'\n * import {\n *   MfaProvider,\n *   useUserMeetsMfaRequirement,\n * } from '@oneblink/apps-react'\n *\n * function Component() {\n *   const { isLoading, userMeetsMfaRequirement } =\n *     useUserMeetsMfaRequirement(true)\n *   // use MFA Requirement details here\n * }\n *\n * function App() {\n *   return (\n *     <MfaProvider isExternalIdentityProviderUser={false}>\n *       <Component />\n *     </MfaProvider>\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 MfaProvider({\n  children,\n  isExternalIdentityProviderUser,\n}: {\n  children: React.ReactNode\n  isExternalIdentityProviderUser: boolean\n}) {\n  const [state, setState] = React.useState<MfaState>({\n    isExternalIdentityProviderUser,\n    isLoading: !isExternalIdentityProviderUser,\n    isMfaEnabled: false,\n    isSettingUpMfa: false,\n    isDisablingMfa: false,\n  })\n\n  const loadMfa = React.useCallback(async (abortSignal?: AbortSignal) => {\n    setState((currentState) => ({\n      ...currentState,\n      isLoading: true,\n      isMfaEnabled: false,\n      loadingError: undefined,\n    }))\n    try {\n      const newIsMfaEnabled = await authService.checkIsMfaEnabled()\n      if (!abortSignal?.aborted) {\n        setState((currentState) => ({\n          ...currentState,\n          isLoading: false,\n          isMfaEnabled: newIsMfaEnabled,\n        }))\n      }\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isLoading: false,\n        loadingError: error as Error,\n      }))\n    }\n  }, [])\n\n  const clearMfaSetupError = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      setupError: undefined,\n    }))\n  }, [])\n\n  const cancelMfaSetup = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      mfaSetup: undefined,\n    }))\n  }, [])\n\n  const completeMfaSetup = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isMfaEnabled: true,\n      mfaSetup: undefined,\n    }))\n  }, [])\n\n  const beginMfaSetup = React.useCallback(async () => {\n    setState((currentState) => ({\n      ...currentState,\n      isSettingUpMfa: true,\n      mfaSetup: undefined,\n      setupError: undefined,\n    }))\n    try {\n      const newMfaSetup = await authService.setupMfa()\n      setState((currentState) => ({\n        ...currentState,\n        isSettingUpMfa: false,\n        mfaSetup: newMfaSetup,\n      }))\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isSettingUpMfa: false,\n        setupError: error as Error,\n      }))\n    }\n  }, [])\n\n  const beginDisablingMfa = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isDisablingMfa: true,\n    }))\n  }, [])\n\n  const cancelDisablingMfa = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isDisablingMfa: false,\n    }))\n  }, [])\n\n  const completeDisablingMfa = React.useCallback(async () => {\n    await authService.disableMfa()\n    setState((currentState) => ({\n      ...currentState,\n      isDisablingMfa: false,\n      isMfaEnabled: false,\n    }))\n  }, [])\n\n  React.useEffect(() => {\n    if (isExternalIdentityProviderUser) {\n      return\n    }\n\n    loadMfa()\n\n    return () => {}\n  }, [isExternalIdentityProviderUser, loadMfa])\n\n  const value = React.useMemo(() => {\n    return {\n      ...state,\n      clearMfaSetupError,\n      loadMfa,\n      beginMfaSetup,\n      cancelMfaSetup,\n      completeMfaSetup,\n      beginDisablingMfa,\n      cancelDisablingMfa,\n      completeDisablingMfa,\n    }\n  }, [\n    state,\n    clearMfaSetupError,\n    loadMfa,\n    beginMfaSetup,\n    cancelMfaSetup,\n    completeMfaSetup,\n    beginDisablingMfa,\n    cancelDisablingMfa,\n    completeDisablingMfa,\n  ])\n\n  return <MfaContext.Provider value={value}>{children}</MfaContext.Provider>\n}\n\nexport default function useMfa() {\n  return React.useContext(MfaContext)\n}\n\n/**\n * React hook to check if the logged in user meets the MFA requirement of your\n * application. Will throw an Error if used outside of the `<MfaProvider />`\n * component.\n *\n * Example\n *\n * ```js\n * import { useUserMeetsMfaRequirement } from '@oneblink/apps-react'\n *\n * const isMfaRequired = true\n *\n * function Component() {\n *   const userMeetsMfaRequirement =\n *     useUserMeetsMfaRequirement(isMfaRequired)\n * }\n * ```\n *\n * @returns\n * @group Hooks\n */\nexport function useUserMeetsMfaRequirement(isMfaRequired: boolean) {\n  const context = React.useContext(MfaContext)\n\n  if (!context) {\n    throw new Error(\n      `\"useUserMeetsMfaRequirement\" hook was used outside of the \"<MfaProvider />\" component's children.`,\n    )\n  }\n\n  const { isMfaEnabled, isExternalIdentityProviderUser } = context\n  if (!isMfaRequired || isExternalIdentityProviderUser) {\n    return true\n  }\n  return isMfaEnabled\n}\n"]}

package/dist/hooks/usePages.d.ts

@@ -22,5 +22,5 @@ export default function usePages({ pages, formElementsValidation, formElementsCo
     setPageId: (pageId: string) => void;
     goToPreviousPage: () => void;
     goToNextPage: () => void;
-    scrollToTopOfPageHTMLElementRef: React.RefObject<HTMLDivElement>;
+    scrollToTopOfPageHTMLElementRef: React.RefObject<HTMLDivElement | null>;
 };

package/dist/hooks/usePendingSubmissions.d.ts

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

package/dist/hooks/usePendingSubmissions.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { submissionService } from '@oneblink/apps';
 import useBooleanState from './useBooleanState';
@@ -178,7 +179,7 @@ export function PendingSubmissionsContextProvider({ isPendingQueueEnabled, succe
         submittedNotificationCount,
         hideSuccessNotification,
     ]);
-    return (React.createElement(PendingSubmissionsContext.Provider, { value: value }, children));
+    return (_jsx(PendingSubmissionsContext.Provider, { value: value, children: children }));
 }
 /**
  * React hook to get the context value for Pending Submissions. Will throw an

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"]}

package/dist/hooks/useReCAPTCHAProps.d.ts

@@ -3,7 +3,7 @@ import ReCAPTCHA, { ReCAPTCHAProps } from 'react-google-recaptcha';
 import { CaptchaType } from '../typedoc';
 export default function useReCAPTCHAProps({ captchaSiteKey, captchaRef, captchaType, onCaptchaChange, }: {
     captchaSiteKey: string | undefined;
-    captchaRef: RefObject<ReCAPTCHA>;
+    captchaRef: RefObject<ReCAPTCHA | null>;
     captchaType: CaptchaType | undefined;
     onCaptchaChange: (token: string | null) => void;
 }): ReCAPTCHAProps;

package/dist/hooks/useReCAPTCHAProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReCAPTCHAProps.js","sourceRoot":"","sources":["../../src/hooks/useReCAPTCHAProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,MAAM,OAAO,CAAA;AAI1C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,GAMhB;IACC,MAAM,cAAc,GAAmB,OAAO,CAAC,GAAG,EAAE;QAClD,MAAM,SAAS,GAAG;YAChB,OAAO,EAAE,cAAc,IAAI,EAAE;YAC7B,SAAS,EAAE,kCAAkC;YAC7C,GAAG,EAAE,UAAU;SAChB,CAAA;QACD,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,WAAW;gBACd,OAAO;oBACL,GAAG,SAAS;oBACZ,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,QAAQ;iBAChB,CAAA;YACH,KAAK,UAAU,CAAC;YAChB,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO;oBACL,GAAG,SAAS;oBACZ,QAAQ,EAAE,eAAe;iBAC1B,CAAA;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9D,OAAO,cAAc,CAAA;AACvB,CAAC","sourcesContent":["import { useMemo, RefObject } from 'react'\nimport ReCAPTCHA, { ReCAPTCHAProps } from 'react-google-recaptcha'\nimport { CaptchaType } from '../typedoc'\n\nexport default function useReCAPTCHAProps({\n  captchaSiteKey,\n  captchaRef,\n  captchaType,\n  onCaptchaChange,\n}: {\n  captchaSiteKey: string | undefined\n  captchaRef: RefObject<ReCAPTCHA>\n  captchaType: CaptchaType | undefined\n  onCaptchaChange: (token: string | null) => void\n}) {\n  const recaptchaProps: ReCAPTCHAProps = useMemo(() => {\n    const baseProps = {\n      sitekey: captchaSiteKey || '',\n      className: 'ob-input cypress-captcha-control',\n      ref: captchaRef,\n    }\n    switch (captchaType) {\n      case 'INVISIBLE':\n        return {\n          ...baseProps,\n          size: 'invisible',\n          badge: 'inline',\n        }\n      case 'CHECKBOX':\n      default: {\n        return {\n          ...baseProps,\n          onChange: onCaptchaChange,\n        }\n      }\n    }\n  }, [captchaSiteKey, captchaType, captchaRef, onCaptchaChange])\n\n  return recaptchaProps\n}\n"]}
+{"version":3,"file":"useReCAPTCHAProps.js","sourceRoot":"","sources":["../../src/hooks/useReCAPTCHAProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,MAAM,OAAO,CAAA;AAI1C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,GAMhB;IACC,MAAM,cAAc,GAAmB,OAAO,CAAC,GAAG,EAAE;QAClD,MAAM,SAAS,GAAG;YAChB,OAAO,EAAE,cAAc,IAAI,EAAE;YAC7B,SAAS,EAAE,kCAAkC;YAC7C,GAAG,EAAE,UAAU;SAChB,CAAA;QACD,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,WAAW;gBACd,OAAO;oBACL,GAAG,SAAS;oBACZ,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,QAAQ;iBAChB,CAAA;YACH,KAAK,UAAU,CAAC;YAChB,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO;oBACL,GAAG,SAAS;oBACZ,QAAQ,EAAE,eAAe;iBAC1B,CAAA;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9D,OAAO,cAAc,CAAA;AACvB,CAAC","sourcesContent":["import { useMemo, RefObject } from 'react'\nimport ReCAPTCHA, { ReCAPTCHAProps } from 'react-google-recaptcha'\nimport { CaptchaType } from '../typedoc'\n\nexport default function useReCAPTCHAProps({\n  captchaSiteKey,\n  captchaRef,\n  captchaType,\n  onCaptchaChange,\n}: {\n  captchaSiteKey: string | undefined\n  captchaRef: RefObject<ReCAPTCHA | null>\n  captchaType: CaptchaType | undefined\n  onCaptchaChange: (token: string | null) => void\n}) {\n  const recaptchaProps: ReCAPTCHAProps = useMemo(() => {\n    const baseProps = {\n      sitekey: captchaSiteKey || '',\n      className: 'ob-input cypress-captcha-control',\n      ref: captchaRef,\n    }\n    switch (captchaType) {\n      case 'INVISIBLE':\n        return {\n          ...baseProps,\n          size: 'invisible',\n          badge: 'inline',\n        }\n      case 'CHECKBOX':\n      default: {\n        return {\n          ...baseProps,\n          onChange: onCaptchaChange,\n        }\n      }\n    }\n  }, [captchaSiteKey, captchaType, captchaRef, onCaptchaChange])\n\n  return recaptchaProps\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "8.14.0-beta.2",
+  "version": "9.0.0-beta.1",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
@@ -11,8 +11,10 @@
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@nylas/react": "^1.3.1",
-    "@oneblink/sdk-core": "^8.10.0-beta.1",
-    "@react-google-maps/api": "2.19.2",
+    "@oneblink/sdk-core": "^8.11.1-beta.4",
+    "@react-google-maps/api": "^2.20.8",
+    "@react-input/mask": "^2.0.4",
+    "@tanstack/react-table": "^8.21.3",
     "blueimp-load-image": "^5.16.0",
     "bulma": "^0.9.4",
     "bulma-slider": "2.0.4",
@@ -30,24 +32,21 @@
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
     "morph-expressions": "^1.1.1",
-    "qrcode.react": "^4.1.0",
+    "qrcode.react": "^4.2.0",
     "query-string": "^8.1.0",
     "react-google-recaptcha": "^3.1.0",
     "react-image-crop": "^11.0.10",
-    "react-input-mask": "^2.0.4",
-    "react-signature-canvas": "^1.0.6",
-    "react-table": "^7.8.0",
+    "react-signature-canvas": "^1.1.0-alpha.2",
     "sanitize-html": "^2.11.0",
-    "use-resize-observer": "^9.1.0",
+    "usehooks-ts": "^3.1.1",
     "uuid": "^9.0.1",
     "xml2js": "^0.6.2"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.23.9",
     "@microsoft/eslint-plugin-sdl": "^0.2.2",
-    "@mui/lab": "^5.0.0-alpha.152",
-    "@mui/material": "^5.15.6",
-    "@mui/x-date-pickers": "^6.20.2",
+    "@mui/material": "^7.3.6",
+    "@mui/x-date-pickers": "^8.22.1",
     "@oneblink/apps": "^23.7.0-beta.1",
     "@oneblink/release-cli": "^3.4.0-beta.1",
     "@oneblink/types": "github:oneblink/types",
@@ -58,18 +57,16 @@
     "@types/lodash.clonedeep": "^4.5.9",
     "@types/lodash.debounce": "^4.0.9",
     "@types/lodash.throttle": "^4.1.9",
-    "@types/react": "^17.0.73",
+    "@types/react": "^19.2.7",
     "@types/react-google-recaptcha": "^2.1.9",
-    "@types/react-input-mask": "^3.0.5",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-signature-canvas": "^1.0.5",
-    "@types/react-table": "^7.7.19",
     "@types/sanitize-html": "^2.9.5",
     "@types/ua-parser-js": "^0.7.39",
     "@types/uuid": "^9.0.8",
     "@types/xml2js": "^0.4.14",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@typescript-eslint/eslint-plugin": "^8.51.0",
+    "@typescript-eslint/parser": "^8.51.0",
     "copyfiles": "^2.4.1",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
@@ -80,13 +77,13 @@
     "jsdom": "^27.2.0",
     "prettier": "^3.2.4",
     "prettier-plugin-jsdoc": "^1.3.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-router-dom": "^5.3.4",
     "sass": "^1.70.0",
     "tsc-watch": "^6.0.4",
-    "typedoc": "^0.26.9",
-    "typescript": "^5.6.3",
+    "typedoc": "^0.28.15",
+    "typescript": "^5.9.3",
     "vitest": "^4.0.9"
   },
   "directories": {
@@ -104,12 +101,11 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@mui/lab": "^5.0.0 || ^5.0.0-alpha.152",
-    "@mui/material": "^5.6.1",
-    "@mui/x-date-pickers": "^6.20.2",
+    "@mui/material": "^7.3.6",
+    "@mui/x-date-pickers": "^8.22.1",
     "@oneblink/apps": "*",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-router-dom": "^5.2.0"
   },
   "publishConfig": {