@trackunit/react-core-contexts 0.4.526 → 0.4.529

package/index.cjs.js

@@ -6,7 +6,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var client = require('@apollo/client');
 var context = require('@apollo/client/link/context');
 var error = require('@apollo/client/link/error');
-var Sentry = require('@sentry/browser');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
 var apolloUploadClient = require('apollo-upload-client');
 var React = require('react');
@@ -33,7 +32,6 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
-var Sentry__namespace = /*#__PURE__*/_interopNamespace(Sentry);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /******************************************************************************
@@ -66,7 +64,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlInternalUrl, graphqlReportUrl, isDev, tracingHeaders, firstToken, }) => {
+const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlInternalUrl, graphqlReportUrl, isDev, tracingHeaders, firstToken, errorHandler, }) => {
     let token;
     if (!token) {
         token = firstToken;
@@ -129,9 +127,9 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManage
              * name.
              */
             if (traceIds.length) {
-                Sentry__namespace.setTag("traceIds", traceIds.join(", "));
+                errorHandler.setTag("traceIds", traceIds.join(", "));
             }
-            Sentry__namespace.addBreadcrumb({
+            errorHandler.addBreadcrumb({
                 category: "GraphQL",
                 message: "GraphQL Error",
                 level: "error",
@@ -145,7 +143,7 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManage
                     x.message.includes("Access denied! You need to be authorized to perform this action!"));
             });
             if (invalidToken && token) {
-                Sentry__namespace.captureException(new Error(JSON.stringify({
+                errorHandler.captureException(new Error(JSON.stringify({
                     category: "GraphQL",
                     info: "GraphQL Error - invalidToken",
                     level: "warning",
@@ -201,6 +199,7 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManage
 const useApolloClient = () => {
     const { graphqlManagerUrl, graphqlPublicUrl, graphqlInternalUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, environment, tracingHeaders, } = reactCoreHooks.useEnvironment();
     const { token } = reactCoreHooks.useToken();
+    const errorHandler = reactCoreHooks.useErrorHandler();
     const clientRef = React.useRef(null);
     /* DONT CHANGE THIS ! its there to ensure we dont recreate apollo client just because the token changes,
        the token will then be set on the instance without react reporting a new client
@@ -215,6 +214,7 @@ const useApolloClient = () => {
             isDev: environment === "dev",
             tracingHeaders,
             firstToken: token,
+            errorHandler,
         });
     }
     if (clientRef.current.getToken() !== token) {
@@ -325,6 +325,25 @@ const EnvironmentProviderIrisApp = ({ children }) => {
     return jsxRuntime.jsx(reactCoreHooks.EnvironmentContextProvider, { value: environment, children: children });
 };
 
+/**
+ * This is a provider for the ErrorHandlingProvider.
+ */
+const ErrorHandlingProviderIrisApp = ({ children, errorHandler }) => {
+    const defaultContextValue = React.useMemo(() => ({
+        captureException: details => {
+            // eslint-disable-next-line no-console
+            console.error(details);
+        },
+        addBreadcrumb: breadcrumb => {
+            // do nothing
+        },
+        setTag: (key, value) => {
+            // do nothing
+        },
+    }), []);
+    return (jsxRuntime.jsx(reactCoreHooks.ErrorHandlingContextProvider, { value: errorHandler || defaultContextValue, children: children }));
+};
+
 /**
  * This is a provider for the FilterBarContext.
  */
@@ -507,12 +526,12 @@ const UserSubscriptionProviderIrisApp = ({ children }) => {
 /**
  * This is a provider for the TrackunitDataProviders.
  */
-const TrackunitProviders = ({ translations, children }) => {
+const TrackunitProviders = ({ translations, children, errorHandler }) => {
     if (translations) {
         i18nLibraryTranslation.registerTranslations(translations); // Register the apps translations if passed.
     }
     i18nLibraryTranslation.initializeTranslationsForApp(); // Initialize all registered translations
-    return (jsxRuntime.jsx(EnvironmentProviderIrisApp, { children: jsxRuntime.jsx(ThemeCssProviderIrisApp, { children: jsxRuntime.jsx(TokenProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserPreferenceProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserProviderIrisApp, { children: jsxRuntime.jsx(UserSubscriptionProviderIrisApp, { children: jsxRuntime.jsx(AnalyticsProviderIrisApp, { children: jsxRuntime.jsx(OemBrandingContextProviderIrisApp, { children: jsxRuntime.jsx(AssetSortingProviderIrisApp, { children: jsxRuntime.jsx(ManagerApolloProvider, { children: jsxRuntime.jsx(NavigationProviderIrisApp, { children: jsxRuntime.jsx(ToastProviderIrisApp, { children: jsxRuntime.jsx(ModalDialogContextProviderIrisApp, { children: jsxRuntime.jsx(ConfirmationDialogProviderIrisApp, { children: jsxRuntime.jsx(FilterBarProviderIrisApp, { children: jsxRuntime.jsx(React__namespace.Suspense, { fallback: jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return (jsxRuntime.jsx(EnvironmentProviderIrisApp, { children: jsxRuntime.jsx(ErrorHandlingProviderIrisApp, { errorHandler: errorHandler, children: jsxRuntime.jsx(ThemeCssProviderIrisApp, { children: jsxRuntime.jsx(TokenProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserPreferenceProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserProviderIrisApp, { children: jsxRuntime.jsx(UserSubscriptionProviderIrisApp, { children: jsxRuntime.jsx(AnalyticsProviderIrisApp, { children: jsxRuntime.jsx(OemBrandingContextProviderIrisApp, { children: jsxRuntime.jsx(AssetSortingProviderIrisApp, { children: jsxRuntime.jsx(ManagerApolloProvider, { children: jsxRuntime.jsx(NavigationProviderIrisApp, { children: jsxRuntime.jsx(ToastProviderIrisApp, { children: jsxRuntime.jsx(ModalDialogContextProviderIrisApp, { children: jsxRuntime.jsx(ConfirmationDialogProviderIrisApp, { children: jsxRuntime.jsx(FilterBarProviderIrisApp, { children: jsxRuntime.jsx(React__namespace.Suspense, { fallback: jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 exports.ManagerApolloProvider = ManagerApolloProvider;

package/index.esm.js

@@ -2,8 +2,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { ApolloProvider, ApolloClient, InMemoryCache, from, split } from '@apollo/client';
 import { setContext } from '@apollo/client/link/context';
 import { onError } from '@apollo/client/link/error';
-import * as Sentry from '@sentry/browser';
-import { useEnvironment, useToken, AnalyticsContextProvider, AssetSortingProvider, ConfirmationDialogProvider, EnvironmentContextProvider, FilterBarProvider, ModalDialogContextProvider, NavigationContextProvider, OemBrandingContextProvider, ToastProvider, TokenProvider, CurrentUserProvider, CurrentUserPreferenceProvider, UserSubscriptionProvider } from '@trackunit/react-core-hooks';
+import { useEnvironment, useToken, useErrorHandler, AnalyticsContextProvider, AssetSortingProvider, ConfirmationDialogProvider, EnvironmentContextProvider, ErrorHandlingContextProvider, FilterBarProvider, ModalDialogContextProvider, NavigationContextProvider, OemBrandingContextProvider, ToastProvider, TokenProvider, CurrentUserProvider, CurrentUserPreferenceProvider, UserSubscriptionProvider } from '@trackunit/react-core-hooks';
 import { createUploadLink } from 'apollo-upload-client';
 import * as React from 'react';
 import { useRef, useMemo, useEffect, useState } from 'react';
@@ -42,7 +41,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlInternalUrl, graphqlReportUrl, isDev, tracingHeaders, firstToken, }) => {
+const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlInternalUrl, graphqlReportUrl, isDev, tracingHeaders, firstToken, errorHandler, }) => {
     let token;
     if (!token) {
         token = firstToken;
@@ -105,9 +104,9 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManage
              * name.
              */
             if (traceIds.length) {
-                Sentry.setTag("traceIds", traceIds.join(", "));
+                errorHandler.setTag("traceIds", traceIds.join(", "));
             }
-            Sentry.addBreadcrumb({
+            errorHandler.addBreadcrumb({
                 category: "GraphQL",
                 message: "GraphQL Error",
                 level: "error",
@@ -121,7 +120,7 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManage
                     x.message.includes("Access denied! You need to be authorized to perform this action!"));
             });
             if (invalidToken && token) {
-                Sentry.captureException(new Error(JSON.stringify({
+                errorHandler.captureException(new Error(JSON.stringify({
                     category: "GraphQL",
                     info: "GraphQL Error - invalidToken",
                     level: "warning",
@@ -177,6 +176,7 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlManage
 const useApolloClient = () => {
     const { graphqlManagerUrl, graphqlPublicUrl, graphqlInternalUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, environment, tracingHeaders, } = useEnvironment();
     const { token } = useToken();
+    const errorHandler = useErrorHandler();
     const clientRef = useRef(null);
     /* DONT CHANGE THIS ! its there to ensure we dont recreate apollo client just because the token changes,
        the token will then be set on the instance without react reporting a new client
@@ -191,6 +191,7 @@ const useApolloClient = () => {
             isDev: environment === "dev",
             tracingHeaders,
             firstToken: token,
+            errorHandler,
         });
     }
     if (clientRef.current.getToken() !== token) {
@@ -301,6 +302,25 @@ const EnvironmentProviderIrisApp = ({ children }) => {
     return jsx(EnvironmentContextProvider, { value: environment, children: children });
 };
 
+/**
+ * This is a provider for the ErrorHandlingProvider.
+ */
+const ErrorHandlingProviderIrisApp = ({ children, errorHandler }) => {
+    const defaultContextValue = useMemo(() => ({
+        captureException: details => {
+            // eslint-disable-next-line no-console
+            console.error(details);
+        },
+        addBreadcrumb: breadcrumb => {
+            // do nothing
+        },
+        setTag: (key, value) => {
+            // do nothing
+        },
+    }), []);
+    return (jsx(ErrorHandlingContextProvider, { value: errorHandler || defaultContextValue, children: children }));
+};
+
 /**
  * This is a provider for the FilterBarContext.
  */
@@ -483,12 +503,12 @@ const UserSubscriptionProviderIrisApp = ({ children }) => {
 /**
  * This is a provider for the TrackunitDataProviders.
  */
-const TrackunitProviders = ({ translations, children }) => {
+const TrackunitProviders = ({ translations, children, errorHandler }) => {
     if (translations) {
         registerTranslations(translations); // Register the apps translations if passed.
     }
     initializeTranslationsForApp(); // Initialize all registered translations
-    return (jsx(EnvironmentProviderIrisApp, { children: jsx(ThemeCssProviderIrisApp, { children: jsx(TokenProviderIrisApp, { children: jsx(CurrentUserPreferenceProviderIrisApp, { children: jsx(CurrentUserProviderIrisApp, { children: jsx(UserSubscriptionProviderIrisApp, { children: jsx(AnalyticsProviderIrisApp, { children: jsx(OemBrandingContextProviderIrisApp, { children: jsx(AssetSortingProviderIrisApp, { children: jsx(ManagerApolloProvider, { children: jsx(NavigationProviderIrisApp, { children: jsx(ToastProviderIrisApp, { children: jsx(ModalDialogContextProviderIrisApp, { children: jsx(ConfirmationDialogProviderIrisApp, { children: jsx(FilterBarProviderIrisApp, { children: jsx(React.Suspense, { fallback: jsx(Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return (jsx(EnvironmentProviderIrisApp, { children: jsx(ErrorHandlingProviderIrisApp, { errorHandler: errorHandler, children: jsx(ThemeCssProviderIrisApp, { children: jsx(TokenProviderIrisApp, { children: jsx(CurrentUserPreferenceProviderIrisApp, { children: jsx(CurrentUserProviderIrisApp, { children: jsx(UserSubscriptionProviderIrisApp, { children: jsx(AnalyticsProviderIrisApp, { children: jsx(OemBrandingContextProviderIrisApp, { children: jsx(AssetSortingProviderIrisApp, { children: jsx(ManagerApolloProvider, { children: jsx(NavigationProviderIrisApp, { children: jsx(ToastProviderIrisApp, { children: jsx(ModalDialogContextProviderIrisApp, { children: jsx(ConfirmationDialogProviderIrisApp, { children: jsx(FilterBarProviderIrisApp, { children: jsx(React.Suspense, { fallback: jsx(Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 export { ManagerApolloProvider, ToastProviderIrisApp, TrackunitProviders };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts",
-  "version": "0.4.526",
+  "version": "0.4.529",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,7 +8,6 @@
   },
   "dependencies": {
     "@apollo/client": "3.10.4",
-    "@sentry/browser": "^7.113.0",
     "@trackunit/react-core-contexts-api": "*",
     "@trackunit/react-core-hooks": "*",
     "apollo-upload-client": "^17.0.0",

package/src/TrackunitProviders.d.ts

@@ -1,12 +1,14 @@
 import "@js-temporal/polyfill";
 import { TranslationResource } from "@trackunit/i18n-library-translation";
+import { ErrorHandlingContextValue } from "@trackunit/react-core-contexts-api";
 import * as React from "react";
 export interface TrackunitProvidersProps {
     /** A translation resource for the App extensions to be registered before initialization */
     translations?: TranslationResource<string>;
+    errorHandler?: ErrorHandlingContextValue;
     children: React.ReactNode;
 }
 /**
  * This is a provider for the TrackunitDataProviders.
  */
-export declare const TrackunitProviders: ({ translations, children }: TrackunitProvidersProps) => JSX.Element;
+export declare const TrackunitProviders: ({ translations, children, errorHandler }: TrackunitProvidersProps) => JSX.Element;

package/src/errorHandling/ErrorHandlingProviderIrisApp.d.ts

@@ -0,0 +1,10 @@
+import { ErrorHandlingContextValue } from "@trackunit/react-core-contexts-api";
+import { type PropsWithChildren } from "react";
+interface ErrorHandlingProviderIrisAppProps extends PropsWithChildren {
+    errorHandler?: ErrorHandlingContextValue;
+}
+/**
+ * This is a provider for the ErrorHandlingProvider.
+ */
+export declare const ErrorHandlingProviderIrisApp: ({ children, errorHandler }: ErrorHandlingProviderIrisAppProps) => JSX.Element;
+export {};