@trackunit/react-core-hooks 1.0.5 → 1.0.9

package/index.cjs.js

@@ -1,30 +1,11 @@
 'use strict';
 
-var React = require('react');
+var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var irisAppRuntimeCore = require('@trackunit/iris-app-runtime-core');
 var sharedUtils = require('@trackunit/shared-utils');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const AnalyticsContext = React.createContext(null);
+const AnalyticsContext = react.createContext(null);
 const AnalyticsContextProvider = AnalyticsContext.Provider; // easy import
 /**
  * Hook to get the analytics context.
@@ -43,12 +24,12 @@ const AnalyticsContextProvider = AnalyticsContext.Provider; // easy import
  * @see {@link IAnalyticsContext}
  */
 const useAnalytics = (events) => {
-    const context = React.useContext(AnalyticsContext);
+    const context = react.useContext(AnalyticsContext);
     if (!context) {
         throw new Error("useAnalytics must be used within an AnalyticsProvider");
     }
-    const logEvent = React.useMemo(() => logEventWithDescription(context.logEvent, events), [context.logEvent, events]);
-    return React.useMemo(() => {
+    const logEvent = react.useMemo(() => logEventWithDescription(context.logEvent, events), [context.logEvent, events]);
+    return react.useMemo(() => {
         return {
             ...context,
             logEvent,
@@ -58,8 +39,8 @@ const useAnalytics = (events) => {
 // Automatically append the description from the event type
 const logEventWithDescription = (logEvent, events) => {
     return (eventName, details, nameSupplement) => {
-        const event = events === null || events === void 0 ? void 0 : events[eventName];
-        const eventDescription = event === null || event === void 0 ? void 0 : event.description;
+        const event = events?.[eventName];
+        const eventDescription = event?.description;
         // Include description in the details object.
         const detailsWithDescription = {
             eventDescription,
@@ -74,7 +55,7 @@ const logEventWithDescription = (logEvent, events) => {
     };
 };
 
-const AssetSortingContext = React.createContext(null);
+const AssetSortingContext = react.createContext(null);
 /**
  * This is a provider for the AssetSortingContext.
  */
@@ -108,14 +89,14 @@ const AssetSortingProvider = AssetSortingContext.Provider;
  * @see {@link AssetSortingContextValue}
  */
 const useAssetSorting = () => {
-    const context = React.useContext(AssetSortingContext);
+    const context = react.useContext(AssetSortingContext);
     if (!context) {
         throw new Error("useAssetSorting must be used within a AssetSortingProvider");
     }
     return context;
 };
 
-const ConfirmationDialogContext = React__namespace.createContext(null);
+const ConfirmationDialogContext = react.createContext(null);
 /**
  * This is a provider for the ConfirmationDialogContext.
  */
@@ -124,14 +105,14 @@ const ConfirmationDialogProvider = (props) => (jsxRuntime.jsx(ConfirmationDialog
  * This is a hook to use the ConfirmationDialogContext.
  */
 const useConfirmationDialog = () => {
-    const confirmationDialogContext = React__namespace.useContext(ConfirmationDialogContext);
+    const confirmationDialogContext = react.useContext(ConfirmationDialogContext);
     if (!confirmationDialogContext) {
         throw new Error("useConfirmationDialog must be used within the ConfirmationDialogProvider");
     }
     return confirmationDialogContext;
 };
 
-const EnvironmentContext = React.createContext(null);
+const EnvironmentContext = react.createContext(null);
 /**
  * This is a provider for the EnvironmentContext.
  */
@@ -149,14 +130,14 @@ const EnvironmentContextProvider = (props) => {
  * @see (@link IEnvironmentContext)
  */
 const useEnvironment = () => {
-    const context = React.useContext(EnvironmentContext);
+    const context = react.useContext(EnvironmentContext);
     if (!context) {
         throw new Error("useEnvironment must be used within an EnvironmentContext");
     }
     return context;
 };
 
-const ErrorHandlingContext = React.createContext(null);
+const ErrorHandlingContext = react.createContext(null);
 const ErrorHandlingContextProvider = ErrorHandlingContext.Provider; // easy import
 /**
  * Hook to get the error handling context.
@@ -172,7 +153,7 @@ const ErrorHandlingContextProvider = ErrorHandlingContext.Provider; // easy impo
  * @see {@link ErrorHandlingContext}
  */
 const useErrorHandler = () => {
-    const context = React.useContext(ErrorHandlingContext);
+    const context = react.useContext(ErrorHandlingContext);
     if (!context) {
         throw new Error("useErrorHandler must be used within an ErrorHandlingContextProvider");
     }
@@ -198,7 +179,7 @@ const fetchAssetBlobUrl = async (fullUrl, headers) => {
     }
 };
 
-const FilterBarContext = React__namespace.createContext(null);
+const FilterBarContext = react.createContext(null);
 /**
  * This is a hook to use the FilterBarProvider.
  *
@@ -214,7 +195,7 @@ const FilterBarContext = React__namespace.createContext(null);
  * @see {@link IFilterBarContext}
  */
 const useFilterBarContext = () => {
-    const context = React__namespace.useContext(FilterBarContext);
+    const context = react.useContext(FilterBarContext);
     if (!context) {
         throw new Error("useFilterBar must be used within the FilterBarContext");
     }
@@ -225,7 +206,7 @@ const useFilterBarContext = () => {
  */
 const FilterBarProvider = (props) => jsxRuntime.jsx(FilterBarContext.Provider, { ...props });
 
-const TokenContext = React__namespace.createContext(null);
+const TokenContext = react.createContext(null);
 /**
  * This is a hook to use the TokenContext.
  *
@@ -236,7 +217,7 @@ const TokenContext = React__namespace.createContext(null);
  * @see {@link ITokenContext}
  */
 const useToken = () => {
-    const context = React__namespace.useContext(TokenContext);
+    const context = react.useContext(TokenContext);
     if (!context) {
         throw new Error("useToken must be used within the TokenContext");
     }
@@ -277,8 +258,8 @@ const base64ToBlob = (base64, contentType = "") => {
  */
 const useImageUploader = () => {
     const { token } = useToken();
-    const [loading, setLoading] = React.useState(false);
-    const uploadImage = React.useCallback(({ postUrl, base64Image, type, authorize, }) => {
+    const [loading, setLoading] = react.useState(false);
+    const uploadImage = react.useCallback(({ postUrl, base64Image, type, authorize, }) => {
         setLoading(true);
         return new Promise((resolve, reject) => {
             const formData = new FormData();
@@ -315,7 +296,7 @@ const useImageUploader = () => {
  */
 const useFeatureBranchQueryString = () => {
     const { publicUrl, buildVersion, isFeatureBranch } = useEnvironment();
-    const featureBranchQueryParam = React.useMemo(() => (!publicUrl || !isFeatureBranch ? "" : `?fb_url=${encodeURIComponent(publicUrl)}&fb_version=${buildVersion}`), [publicUrl, buildVersion, isFeatureBranch]);
+    const featureBranchQueryParam = react.useMemo(() => (!publicUrl || !isFeatureBranch ? "" : `?fb_url=${encodeURIComponent(publicUrl)}&fb_version=${buildVersion}`), [publicUrl, buildVersion, isFeatureBranch]);
     return { featureBranchQueryParam };
 };
 
@@ -335,7 +316,7 @@ const useIrisAppImage = () => {
     const { featureBranchQueryParam } = useFeatureBranchQueryString();
     const { token } = useToken();
     // Add Auth headers to all fetch requests
-    const headers = React.useMemo(() => ({
+    const headers = react.useMemo(() => ({
         ...tracingHeaders,
         "commit-number": `${tracingHeaders["commit-number"]}`,
         "Content-Type": "application/json",
@@ -346,7 +327,7 @@ const useIrisAppImage = () => {
      * If the APP is served from localhost or a Feature Branch, the URL will be part of the App Entry.
      * In that case, do not use this function, but use the url from the App Entry instead.
      */
-    const getAppUrl = React.useCallback(({ irisAppId, version }) => {
+    const getAppUrl = react.useCallback(({ irisAppId, version }) => {
         return `${irisAppSdkServerUrl}app/${irisAppId}@${version}/`;
     }, [irisAppSdkServerUrl]);
     /**
@@ -355,7 +336,7 @@ const useIrisAppImage = () => {
      * If the APP is served from localhost or a Feature Branch, the URLs will be part of the App Entry.
      * If the url does not exist in the App Entry, use the getIrisAppUrl function to get the URL.
      */
-    const getAppImage = React.useCallback(async ({ irisAppUrl, logoPath }) => {
+    const getAppImage = react.useCallback(async ({ irisAppUrl, logoPath }) => {
         if (!logoPath) {
             return null;
         }
@@ -369,7 +350,7 @@ const useIrisAppImage = () => {
     };
 };
 
-const OEMBrandingService = React.createContext(null);
+const OEMBrandingService = react.createContext(null);
 /**
  * This is a hook to use the OemBrandingContext.
  *
@@ -382,7 +363,7 @@ const OEMBrandingService = React.createContext(null);
  * @see {@link OemBrandingContext}
  */
 const useOemBrandingContext = () => {
-    const context = React.useContext(OEMBrandingService);
+    const context = react.useContext(OEMBrandingService);
     if (!context) {
         throw new Error("useOemBranding must be used within an OemBrandingContextProvider");
     }
@@ -395,7 +376,7 @@ const OemBrandingContextProvider = (props) => {
     return jsxRuntime.jsx(OEMBrandingService.Provider, { ...props });
 };
 
-const ModalDialogContext = React__namespace.createContext(null);
+const ModalDialogContext = react.createContext(null);
 /**
  * This is a provider for the ModalDialogContext.
  */
@@ -404,14 +385,14 @@ const ModalDialogContextProvider = (props) => (jsxRuntime.jsx(ModalDialogContext
  * This is a hook to use the useModalDialogContext.
  */
 const useModalDialogContext = () => {
-    const modalDialogContext = React__namespace.useContext(ModalDialogContext);
+    const modalDialogContext = react.useContext(ModalDialogContext);
     if (!modalDialogContext) {
         throw new Error("useModalDialogContext must be used within the ModalDialogContextProvider");
     }
     return modalDialogContext;
 };
 
-const NavigationContext = React.createContext(null);
+const NavigationContext = react.createContext(null);
 /**
  * This is a provider for the NavigationContext.
  */
@@ -427,7 +408,7 @@ const NavigationContextProvider = (props) => {
  * @see (@link INavigationContext)
  */
 const useNavigateInHost = () => {
-    const context = React.useContext(NavigationContext);
+    const context = react.useContext(NavigationContext);
     if (!context) {
         throw new Error("useNavigateInHost must be used within an NavigationContext");
     }
@@ -449,15 +430,15 @@ const useNavigateInHost = () => {
  * @see (@link INavigationContext)
  */
 const useHasAccessTo = (options) => {
-    const context = React.useContext(NavigationContext);
+    const context = react.useContext(NavigationContext);
     if (!context) {
         throw new Error("useHasAccessTo must be used within an NavigationContext");
     }
-    const [hasAccess, setHasAccess] = React.useState();
-    React.useEffect(() => {
+    const [hasAccess, setHasAccess] = react.useState();
+    react.useEffect(() => {
         async function checkAccess() {
             if (options.assetId) {
-                const doHaveAccess = await (context === null || context === void 0 ? void 0 : context.hasAccessTo(options));
+                const doHaveAccess = await context?.hasAccessTo(options);
                 setHasAccess(() => doHaveAccess);
             }
         }
@@ -483,10 +464,10 @@ const useHasAccessTo = (options) => {
  * }, [assetInfo, getAssetLocation]);
  */
 const useAssetRuntime = () => {
-    const [assetInfo, setAssetInfo] = React.useState();
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
+    const [assetInfo, setAssetInfo] = react.useState();
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
         const getAssetInfo = async () => {
             setLoading(true);
             try {
@@ -522,10 +503,10 @@ const useAssetRuntime = () => {
  * }, [customerInfo]);
  */
 const useCustomerRuntime = () => {
-    const [customerInfo, setCustomerInfo] = React.useState();
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
+    const [customerInfo, setCustomerInfo] = react.useState();
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
         const getCustomerInfo = async () => {
             setLoading(true);
             try {
@@ -561,10 +542,10 @@ const useCustomerRuntime = () => {
  * }, [getEventQuery, eventInfo]);
  */
 const useEventRuntime = () => {
-    const [eventInfo, setEventInfo] = React.useState();
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
+    const [eventInfo, setEventInfo] = react.useState();
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
         const getEventInfo = async () => {
             setLoading(true);
             try {
@@ -599,10 +580,10 @@ const useEventRuntime = () => {
  * }, [appName]);
  */
 const useIrisAppName = () => {
-    const [appName, setAppName] = React.useState();
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
+    const [appName, setAppName] = react.useState();
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
         const getAppName = async () => {
             setLoading(true);
             try {
@@ -636,10 +617,10 @@ const useIrisAppName = () => {
  * }, [irisAppId]);
  */
 const useIrisAppId = () => {
-    const [irisAppId, setIrisAppId] = React.useState();
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
+    const [irisAppId, setIrisAppId] = react.useState();
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
         const getAppName = async () => {
             setLoading(true);
             try {
@@ -676,10 +657,10 @@ const useIrisAppId = () => {
  * }, [getSiteAssets, siteInfo]);
  */
 const useSiteRuntime = () => {
-    const [siteInfo, setSiteInfo] = React.useState();
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
+    const [siteInfo, setSiteInfo] = react.useState();
+    const [loading, setLoading] = react.useState(true);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
         const getSiteInfo = async () => {
             setLoading(true);
             try {
@@ -697,7 +678,7 @@ const useSiteRuntime = () => {
     return { siteInfo, loading, error };
 };
 
-const UserSubscriptionContext = React__namespace.createContext(null);
+const UserSubscriptionContext = react.createContext(null);
 /**
  * This is a provider for the UserSubscriptionContext.
  */
@@ -716,14 +697,14 @@ const UserSubscriptionProvider = (props) => {
  * @see {@link IUserSubscriptionContext}
  */
 const useUserSubscription = () => {
-    const context = React__namespace.useContext(UserSubscriptionContext);
+    const context = react.useContext(UserSubscriptionContext);
     if (!context) {
         throw new Error("Cannot use useUserSubscription outside UserSubscriptionProvider");
     }
     return context;
 };
 
-const ToastContext = React__namespace.createContext(null);
+const ToastContext = react.createContext(null);
 /**
  * This is a provider for the ToastContext.
  */
@@ -746,7 +727,7 @@ const ToastProvider = (props) => jsxRuntime.jsx(ToastContext.Provider, { ...prop
  * @see {@link IToastContext}
  */
 const useToast = () => {
-    const toastContext = React__namespace.useContext(ToastContext);
+    const toastContext = react.useContext(ToastContext);
     if (!toastContext) {
         throw new Error("useToast must be used within the ToastProvider");
     }
@@ -763,8 +744,8 @@ const useToast = () => {
  * const [result, searchText, setSearchText] = useTextSearch(items, item => [item.name, item.description]);
  */
 function useTextSearch(items, props) {
-    const [searchText, setSearchText] = React.useState("");
-    const result = React.useMemo(() => {
+    const [searchText, setSearchText] = react.useState("");
+    const result = react.useMemo(() => {
         if (!searchText) {
             return items;
         }
@@ -773,7 +754,7 @@ function useTextSearch(items, props) {
     return [result, searchText, setSearchText];
 }
 
-const CurrentUserPreferenceContext = React.createContext(null);
+const CurrentUserPreferenceContext = react.createContext(null);
 /**
  *
  */
@@ -793,11 +774,11 @@ const CurrentUserPreferenceProvider = (props) => {
  * @see {@link IUserPreferencesContext}
  */
 const useCurrentUserLanguage = () => {
-    const context = React.useContext(CurrentUserPreferenceContext);
+    const context = react.useContext(CurrentUserPreferenceContext);
     if (!context) {
         throw new Error("useCurrentUserLanguage must be used within the CurrentUserPreferenceProvider");
     }
-    return React.useMemo(() => {
+    return react.useMemo(() => {
         // This is there to make sure that the language is set on the global object so Graphql can use it.
         global.language = context.language;
         return {
@@ -819,11 +800,11 @@ const useCurrentUserLanguage = () => {
  * @see {@link IUserPreferencesContext}
  */
 const useCurrentUserTimeZonePreference = () => {
-    const context = React.useContext(CurrentUserPreferenceContext);
+    const context = react.useContext(CurrentUserPreferenceContext);
     if (!context) {
         throw new Error("useCurrentUserTimeZone must be used within the CurrentUserPreferenceProvider");
     }
-    return React.useMemo(() => {
+    return react.useMemo(() => {
         return {
             timeZonePreference: context.timeZonePreference,
             setTimeZonePreference: context.setTimeZonePreference,
@@ -843,11 +824,11 @@ const useCurrentUserTimeZonePreference = () => {
  * @see {@link IUserPreferencesContext}
  */
 const useCurrentUserSystemOfMeasurement = () => {
-    const context = React.useContext(CurrentUserPreferenceContext);
+    const context = react.useContext(CurrentUserPreferenceContext);
     if (!context) {
         throw new Error("useCurrentUserSystemOfMeasurement must be used within the CurrentUserPreferenceProvider");
     }
-    return React.useMemo(() => {
+    return react.useMemo(() => {
         return {
             systemOfMeasurement: context.systemOfMeasurement || null,
             setSystemOfMeasurement: context.setSystemOfMeasurement,
@@ -855,7 +836,7 @@ const useCurrentUserSystemOfMeasurement = () => {
     }, [context.systemOfMeasurement, context.setSystemOfMeasurement]);
 };
 
-const CurrentUserContext = React.createContext(null);
+const CurrentUserContext = react.createContext(null);
 /**
  * This is a provider for the CurrentUserContext.
  */
@@ -877,7 +858,7 @@ const CurrentUserProvider = (props) => {
  * @see {@link ICurrentUserContext}
  */
 const useCurrentUser = () => {
-    const context = React__namespace.useContext(CurrentUserContext);
+    const context = react.useContext(CurrentUserContext);
     if (!context) {
         throw new Error("useCurrentUser must be used within the CurrentUserProvider");
     }
@@ -893,13 +874,13 @@ const useCurrentUser = () => {
 const validateState = ({ state, schema, onValidationFailed, onValidationSuccessful, defaultState, }) => {
     try {
         const parsedState = schema.parse(state);
-        onValidationSuccessful === null || onValidationSuccessful === void 0 ? void 0 : onValidationSuccessful(parsedState);
+        onValidationSuccessful?.(parsedState);
         return parsedState;
     }
     catch (error) {
         // eslint-disable-next-line no-console
         console.error("Failed to parse and validate the state from local storage.", error);
-        onValidationFailed === null || onValidationFailed === void 0 ? void 0 : onValidationFailed(error);
+        onValidationFailed?.(error);
         return defaultState;
     }
 };
@@ -931,8 +912,8 @@ const initLocalStorageState = ({ key, defaultState, schema, }) => {
   const previousColor = usePrevious(color);
  */
 const usePrevious = (value) => {
-    const ref = React.useRef();
-    React.useEffect(() => {
+    const ref = react.useRef();
+    react.useEffect(() => {
         ref.current = value;
     }, [value]);
     return ref.current;
@@ -961,7 +942,7 @@ const setLocalStorage = (key, value) => {
  */
 const useLocalStorageEffect = ({ key, state, defaultState, schema, onValidationFailed, onValidationSuccessful, }) => {
     const prevState = usePrevious(state);
-    React.useEffect(() => {
+    react.useEffect(() => {
         if (JSON.stringify(prevState) === JSON.stringify(state)) {
             return;
         }
@@ -974,11 +955,11 @@ const useLocalStorageEffect = ({ key, state, defaultState, schema, onValidationF
                     // eslint-disable-next-line no-console
                     console.error(`State validation failed. Resetting local storage to default state: ${defaultState}.`, error);
                     localStorage.removeItem(key);
-                    onValidationFailed === null || onValidationFailed === void 0 ? void 0 : onValidationFailed(error);
+                    onValidationFailed?.(error);
                 },
                 onValidationSuccessful: data => {
                     setLocalStorage(key, data);
-                    onValidationSuccessful === null || onValidationSuccessful === void 0 ? void 0 : onValidationSuccessful(data);
+                    onValidationSuccessful?.(data);
                 },
             });
         }
@@ -1000,7 +981,7 @@ const useLocalStorage = ({ key, defaultState, schema, onValidationFailed, onVali
     if (!key) {
         throw new Error("useLocalStorage key may not be falsy");
     }
-    const [state, setState] = React.useState(initLocalStorageState({ key, defaultState, schema }));
+    const [state, setState] = react.useState(initLocalStorageState({ key, defaultState, schema }));
     useLocalStorageEffect({
         key,
         state,
@@ -1027,7 +1008,7 @@ const useLocalStorageReducer = ({ key, defaultState, reducer, schema, onValidati
     if (!key) {
         throw new Error("useLocalStorage key may not be falsy");
     }
-    const [state, dispatch] = React.useReducer(reducer, defaultState, () => initLocalStorageState({ key, defaultState, schema }));
+    const [state, dispatch] = react.useReducer(reducer, defaultState, () => initLocalStorageState({ key, defaultState, schema }));
     useLocalStorageEffect({ key, state, defaultState, schema, onValidationFailed, onValidationSuccessful });
     return [state, dispatch];
 };

package/index.esm.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { createContext, useContext, useMemo, useState, useCallback, useEffect, useRef, useReducer } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { AssetRuntime, CustomerRuntime, EventRuntime, ParamsRuntime, SiteRuntime } from '@trackunit/iris-app-runtime-core';
@@ -38,8 +37,8 @@ const useAnalytics = (events) => {
 // Automatically append the description from the event type
 const logEventWithDescription = (logEvent, events) => {
     return (eventName, details, nameSupplement) => {
-        const event = events === null || events === void 0 ? void 0 : events[eventName];
-        const eventDescription = event === null || event === void 0 ? void 0 : event.description;
+        const event = events?.[eventName];
+        const eventDescription = event?.description;
         // Include description in the details object.
         const detailsWithDescription = {
             eventDescription,
@@ -95,7 +94,7 @@ const useAssetSorting = () => {
     return context;
 };
 
-const ConfirmationDialogContext = React.createContext(null);
+const ConfirmationDialogContext = createContext(null);
 /**
  * This is a provider for the ConfirmationDialogContext.
  */
@@ -104,7 +103,7 @@ const ConfirmationDialogProvider = (props) => (jsx(ConfirmationDialogContext.Pro
  * This is a hook to use the ConfirmationDialogContext.
  */
 const useConfirmationDialog = () => {
-    const confirmationDialogContext = React.useContext(ConfirmationDialogContext);
+    const confirmationDialogContext = useContext(ConfirmationDialogContext);
     if (!confirmationDialogContext) {
         throw new Error("useConfirmationDialog must be used within the ConfirmationDialogProvider");
     }
@@ -178,7 +177,7 @@ const fetchAssetBlobUrl = async (fullUrl, headers) => {
     }
 };
 
-const FilterBarContext = React.createContext(null);
+const FilterBarContext = createContext(null);
 /**
  * This is a hook to use the FilterBarProvider.
  *
@@ -194,7 +193,7 @@ const FilterBarContext = React.createContext(null);
  * @see {@link IFilterBarContext}
  */
 const useFilterBarContext = () => {
-    const context = React.useContext(FilterBarContext);
+    const context = useContext(FilterBarContext);
     if (!context) {
         throw new Error("useFilterBar must be used within the FilterBarContext");
     }
@@ -205,7 +204,7 @@ const useFilterBarContext = () => {
  */
 const FilterBarProvider = (props) => jsx(FilterBarContext.Provider, { ...props });
 
-const TokenContext = React.createContext(null);
+const TokenContext = createContext(null);
 /**
  * This is a hook to use the TokenContext.
  *
@@ -216,7 +215,7 @@ const TokenContext = React.createContext(null);
  * @see {@link ITokenContext}
  */
 const useToken = () => {
-    const context = React.useContext(TokenContext);
+    const context = useContext(TokenContext);
     if (!context) {
         throw new Error("useToken must be used within the TokenContext");
     }
@@ -375,7 +374,7 @@ const OemBrandingContextProvider = (props) => {
     return jsx(OEMBrandingService.Provider, { ...props });
 };
 
-const ModalDialogContext = React.createContext(null);
+const ModalDialogContext = createContext(null);
 /**
  * This is a provider for the ModalDialogContext.
  */
@@ -384,7 +383,7 @@ const ModalDialogContextProvider = (props) => (jsx(ModalDialogContext.Provider,
  * This is a hook to use the useModalDialogContext.
  */
 const useModalDialogContext = () => {
-    const modalDialogContext = React.useContext(ModalDialogContext);
+    const modalDialogContext = useContext(ModalDialogContext);
     if (!modalDialogContext) {
         throw new Error("useModalDialogContext must be used within the ModalDialogContextProvider");
     }
@@ -437,7 +436,7 @@ const useHasAccessTo = (options) => {
     useEffect(() => {
         async function checkAccess() {
             if (options.assetId) {
-                const doHaveAccess = await (context === null || context === void 0 ? void 0 : context.hasAccessTo(options));
+                const doHaveAccess = await context?.hasAccessTo(options);
                 setHasAccess(() => doHaveAccess);
             }
         }
@@ -677,7 +676,7 @@ const useSiteRuntime = () => {
     return { siteInfo, loading, error };
 };
 
-const UserSubscriptionContext = React.createContext(null);
+const UserSubscriptionContext = createContext(null);
 /**
  * This is a provider for the UserSubscriptionContext.
  */
@@ -696,14 +695,14 @@ const UserSubscriptionProvider = (props) => {
  * @see {@link IUserSubscriptionContext}
  */
 const useUserSubscription = () => {
-    const context = React.useContext(UserSubscriptionContext);
+    const context = useContext(UserSubscriptionContext);
     if (!context) {
         throw new Error("Cannot use useUserSubscription outside UserSubscriptionProvider");
     }
     return context;
 };
 
-const ToastContext = React.createContext(null);
+const ToastContext = createContext(null);
 /**
  * This is a provider for the ToastContext.
  */
@@ -726,7 +725,7 @@ const ToastProvider = (props) => jsx(ToastContext.Provider, { ...props });
  * @see {@link IToastContext}
  */
 const useToast = () => {
-    const toastContext = React.useContext(ToastContext);
+    const toastContext = useContext(ToastContext);
     if (!toastContext) {
         throw new Error("useToast must be used within the ToastProvider");
     }
@@ -857,7 +856,7 @@ const CurrentUserProvider = (props) => {
  * @see {@link ICurrentUserContext}
  */
 const useCurrentUser = () => {
-    const context = React.useContext(CurrentUserContext);
+    const context = useContext(CurrentUserContext);
     if (!context) {
         throw new Error("useCurrentUser must be used within the CurrentUserProvider");
     }
@@ -873,13 +872,13 @@ const useCurrentUser = () => {
 const validateState = ({ state, schema, onValidationFailed, onValidationSuccessful, defaultState, }) => {
     try {
         const parsedState = schema.parse(state);
-        onValidationSuccessful === null || onValidationSuccessful === void 0 ? void 0 : onValidationSuccessful(parsedState);
+        onValidationSuccessful?.(parsedState);
         return parsedState;
     }
     catch (error) {
         // eslint-disable-next-line no-console
         console.error("Failed to parse and validate the state from local storage.", error);
-        onValidationFailed === null || onValidationFailed === void 0 ? void 0 : onValidationFailed(error);
+        onValidationFailed?.(error);
         return defaultState;
     }
 };
@@ -954,11 +953,11 @@ const useLocalStorageEffect = ({ key, state, defaultState, schema, onValidationF
                     // eslint-disable-next-line no-console
                     console.error(`State validation failed. Resetting local storage to default state: ${defaultState}.`, error);
                     localStorage.removeItem(key);
-                    onValidationFailed === null || onValidationFailed === void 0 ? void 0 : onValidationFailed(error);
+                    onValidationFailed?.(error);
                 },
                 onValidationSuccessful: data => {
                     setLocalStorage(key, data);
-                    onValidationSuccessful === null || onValidationSuccessful === void 0 ? void 0 : onValidationSuccessful(data);
+                    onValidationSuccessful?.(data);
                 },
             });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-hooks",
-  "version": "1.0.5",
+  "version": "1.0.9",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -10,9 +10,9 @@
     "react": "18.3.1",
     "jest-fetch-mock": "^3.0.3",
     "zod": "3.22.4",
-    "@trackunit/react-core-contexts-api": "^1.0.5",
-    "@trackunit/iris-app-runtime-core": "^1.0.5",
-    "@trackunit/shared-utils": "^1.0.3"
+    "@trackunit/react-core-contexts-api": "1.0.9",
+    "@trackunit/iris-app-runtime-core": "1.0.9",
+    "@trackunit/shared-utils": "1.2.1"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/confirmationDialog/ConfirmationDialogProvider.d.ts

@@ -1,8 +1,8 @@
 import { ConfirmationDialogContextValue } from "@trackunit/react-core-contexts-api";
-import * as React from "react";
+import { ReactNode } from "react";
 export interface ConfirmationDialogContextProviderProps {
     value: ConfirmationDialogContextValue;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * This is a provider for the ConfirmationDialogContext.

package/src/filter-bar/FilterBarProvider.d.ts

@@ -1,5 +1,5 @@
 import { IFilterBarContext } from "@trackunit/react-core-contexts-api";
-import * as React from "react";
+import { ReactNode } from "react";
 /**
  * This is a hook to use the FilterBarProvider.
  *
@@ -17,7 +17,7 @@ import * as React from "react";
 export declare const useFilterBarContext: () => IFilterBarContext;
 interface IProps {
     value: IFilterBarContext;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * This is a provider for the FilterBarContext.

package/src/modalDialog/ModalDialogProvider.d.ts

@@ -1,8 +1,8 @@
 import { ModalDialogContextValue } from "@trackunit/react-core-contexts-api";
-import * as React from "react";
+import { ReactNode } from "react";
 export interface ModalDialogProviderProps {
     value: ModalDialogContextValue;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * This is a provider for the ModalDialogContext.

package/src/subscription/UserSubscriptionProvider.d.ts

@@ -1,8 +1,8 @@
 import { IUserSubscriptionContext } from "@trackunit/react-core-contexts-api";
-import * as React from "react";
+import { ReactNode } from "react";
 interface IProps {
     value: IUserSubscriptionContext;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * This is a provider for the UserSubscriptionContext.

package/src/toast/ToastProvider.d.ts

@@ -1,8 +1,8 @@
 import { IToastContext } from "@trackunit/react-core-contexts-api";
-import * as React from "react";
+import { ReactNode } from "react";
 export interface ToastContextProviderProps {
     value: IToastContext;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * This is a provider for the ToastContext.

package/src/token/TokenProvider.d.ts

@@ -1,5 +1,5 @@
 import { ITokenContext } from "@trackunit/react-core-contexts-api";
-import * as React from "react";
+import { ReactNode } from "react";
 /**
  * This is a hook to use the TokenContext.
  *
@@ -12,7 +12,7 @@ import * as React from "react";
 export declare const useToken: () => ITokenContext;
 interface IProps {
     value: ITokenContext;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * This is a provider for the TokenContext.