@trackunit/react-core-contexts 0.4.135 → 0.4.138

package/index.cjs

@@ -9,8 +9,8 @@ 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 irisAppRuntimeCore = require('@trackunit/iris-app-runtime-core');
 var React = require('react');
+var irisAppRuntimeCore = require('@trackunit/iris-app-runtime-core');
 require('@js-temporal/polyfill');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var reactComponents = require('@trackunit/react-components');
@@ -70,7 +70,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
  * @returns {JSX.Element} The provider.
  */
 const ManagerApolloProvider = ({ children, isIrisApp }) => {
-    const { publicUrl, graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, isDev, tracingHeaders, } = reactCoreHooks.useEnvironment();
+    const { graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, isDev, tracingHeaders } = reactCoreHooks.useEnvironment();
     const { token } = reactCoreHooks.useToken();
     const managerGraphQLLink = apolloUploadClient.createUploadLink({
         uri: request => graphqlManagerUrl + "/" + request.operationName,
@@ -84,12 +84,12 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
     const reportGraphQLLink = apolloUploadClient.createUploadLink({
         uri: request => graphqlReportUrl + "/" + request.operationName,
     });
-    const authLink = context.setContext((_, { headers }) => __awaiter(void 0, void 0, void 0, function* () {
+    const authLink = React.useMemo(() => context.setContext((_, { headers }) => __awaiter(void 0, void 0, void 0, function* () {
         return {
             headers: Object.assign(Object.assign(Object.assign({}, headers), tracingHeaders), { Authorization: token ? `Bearer ${token}` : null }),
         };
-    }));
-    const errorLink = error.onError((errorResponse) => {
+    })), [token, tracingHeaders]);
+    const errorLink = React.useMemo(() => error.onError((errorResponse) => {
         var _a, _b;
         const traceIds = []; // Used to hold id's for use in Sentry
         if (errorResponse.graphQLErrors) {
@@ -120,30 +120,29 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
                     },
                 });
             }
-        }
-        const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => {
-            var _a, _b, _c;
-            return ((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" ||
-                ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")) ||
-                ((_c = x === null || x === void 0 ? void 0 : x.message) === null || _c === void 0 ? void 0 : _c.includes("Access denied! You need to be authorized to perform this action!"));
-        });
-        if (invalidToken) {
-            Sentry__namespace.captureException({
-                category: "GraphQL",
-                message: "GraphQL Error - invalidToken",
-                level: "warning",
-                data: {
-                    log: JSON.stringify(errorResponse.graphQLErrors),
-                },
+            const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => {
+                var _a, _b, _c;
+                return (((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" ||
+                    ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")) ||
+                    ((_c = x === null || x === void 0 ? void 0 : x.message) === null || _c === void 0 ? void 0 : _c.includes("Access denied! You need to be authorized to perform this action!")));
             });
-            window.location.replace(`${publicUrl}logout`);
+            if (invalidToken) {
+                Sentry__namespace.captureException({
+                    category: "GraphQL",
+                    message: "GraphQL Error - invalidToken",
+                    level: "warning",
+                    data: {
+                        log: JSON.stringify(errorResponse.graphQLErrors),
+                    },
+                });
+            }
         }
         if (errorResponse.networkError) {
             // eslint-disable-next-line no-console
             console.error(errorResponse.networkError);
         }
-    });
-    const defaultOptions = {
+    }), []);
+    const defaultOptions = React.useMemo(() => ({
         watchQuery: {
             fetchPolicy: "no-cache",
             errorPolicy: "all",
@@ -151,19 +150,31 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
         query: {
             fetchPolicy: "no-cache",
         },
-    };
-    const client$1 = new client.ApolloClient({
-        name: "Manager",
-        connectToDevTools: isDev,
-        cache: new client.InMemoryCache(),
+    }), []);
+    const client$1 = React.useMemo(() => {
+        return new client.ApolloClient({
+            name: "Manager",
+            connectToDevTools: isDev,
+            cache: new client.InMemoryCache(),
+            defaultOptions,
+            link: client.from([
+                errorLink,
+                authLink,
+                client.split(operation => operation.getContext().clientName === "imageupload", imageUploadGraphQLLink),
+                client.split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, client.split(operation => operation.getContext().clientName === "report", reportGraphQLLink, isIrisApp ? publicGraphQLLink : managerGraphQLLink)),
+            ]),
+        });
+    }, [
+        authLink,
         defaultOptions,
-        link: client.from([
-            errorLink,
-            authLink,
-            client.split(operation => operation.getContext().clientName === "imageupload", imageUploadGraphQLLink),
-            client.split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, client.split(operation => operation.getContext().clientName === "report", reportGraphQLLink, isIrisApp ? publicGraphQLLink : managerGraphQLLink)),
-        ]),
-    });
+        errorLink,
+        imageUploadGraphQLLink,
+        isDev,
+        isIrisApp,
+        managerGraphQLLink,
+        publicGraphQLLink,
+        reportGraphQLLink,
+    ]);
     return jsxRuntime.jsx(client.ApolloProvider, Object.assign({ client: client$1 }, { children: children }));
 };
 
@@ -175,6 +186,27 @@ const ToastProviderApp = ({ children }) => {
     return jsxRuntime.jsx(reactCoreHooks.ToastProvider, Object.assign({ value: value }, { children: children }));
 };
 
+/**
+ * This is a provider for the AnalyticsProvider.
+ */
+const AnalyticsProvider = ({ children }) => {
+    const contextValue = React.useMemo(() => ({
+        logPageView: details => {
+            irisAppRuntimeCore.AnalyticsContextRuntime.logPageView(details);
+        },
+        logEvent: (eventName, details, nameSupplement) => {
+            irisAppRuntimeCore.AnalyticsContextRuntime.logEvent(eventName, details, nameSupplement);
+        },
+        logError: details => {
+            irisAppRuntimeCore.AnalyticsContextRuntime.logError(details);
+        },
+        setUserProperty: (name, value) => {
+            irisAppRuntimeCore.AnalyticsContextRuntime.setUserProperty(name, value);
+        },
+    }), []);
+    return jsxRuntime.jsx(reactCoreHooks.AnalyticsContextProvider, Object.assign({ value: contextValue }, { children: children }));
+};
+
 /**
  * Subscribe to methods initiated by changes in the host
  *
@@ -318,7 +350,7 @@ const UserSubscriptionProvider = ({ children }) => {
 /**
  * This is a provider for the TrackunitDataProviders.
  */
-const TrackunitDataProviders = ({ children }) => (jsxRuntime.jsx(TileEnvironmentProvider, { children: jsxRuntime.jsx(TileTokenProvider, { children: jsxRuntime.jsx(TileCurrentUserProvider, { children: jsxRuntime.jsx(UserSubscriptionProvider, { children: jsxRuntime.jsx(TileGlobalSelectionProvider, { children: jsxRuntime.jsx(TileAssetSortingProvider, { children: jsxRuntime.jsx(ManagerApolloProvider, Object.assign({ isIrisApp: true }, { children: children })) }) }) }) }) }) }));
+const TrackunitDataProviders = ({ children }) => (jsxRuntime.jsx(TileEnvironmentProvider, { children: jsxRuntime.jsx(TileTokenProvider, { children: jsxRuntime.jsx(TileCurrentUserProvider, { children: jsxRuntime.jsx(UserSubscriptionProvider, { children: jsxRuntime.jsx(AnalyticsProvider, { children: jsxRuntime.jsx(TileGlobalSelectionProvider, { children: jsxRuntime.jsx(TileAssetSortingProvider, { children: jsxRuntime.jsx(ManagerApolloProvider, Object.assign({ isIrisApp: true }, { children: children })) }) }) }) }) }) }) }));
 
 const HostNavigator = ({ children }) => {
     reactCoreHooks.useURLSynchronization();

package/index.js

@@ -3,11 +3,11 @@ import { ApolloClient, InMemoryCache, from, split, ApolloProvider } from '@apoll
 import { setContext } from '@apollo/client/link/context';
 import { onError } from '@apollo/client/link/error';
 import * as Sentry from '@sentry/browser';
-import { useEnvironment, useToken, ToastProvider, AssetSortingProvider, EnvironmentContextProvider, GlobalSelectionProvider, TokenProvider, CurrentUserProvider, UserSubscriptionProvider as UserSubscriptionProvider$1, useURLSynchronization } from '@trackunit/react-core-hooks';
+import { useEnvironment, useToken, ToastProvider, AnalyticsContextProvider, AssetSortingProvider, EnvironmentContextProvider, GlobalSelectionProvider, TokenProvider, CurrentUserProvider, UserSubscriptionProvider as UserSubscriptionProvider$1, useURLSynchronization } from '@trackunit/react-core-hooks';
 import { createUploadLink } from 'apollo-upload-client';
-import { ToastRuntime, setupHostConnector, AssetSortingRuntime, EnvironmentRuntime, GlobalSelectionRuntime, TokenRuntime, CurrentUserRuntime, UserSubscriptionRuntime } from '@trackunit/iris-app-runtime-core';
 import * as React from 'react';
 import { useMemo, useEffect, useState } from 'react';
+import { ToastRuntime, AnalyticsContextRuntime, setupHostConnector, AssetSortingRuntime, EnvironmentRuntime, GlobalSelectionRuntime, TokenRuntime, CurrentUserRuntime, UserSubscriptionRuntime } from '@trackunit/iris-app-runtime-core';
 import '@js-temporal/polyfill';
 import { registerTranslations, initializeTranslationsForApp } from '@trackunit/i18n-library-translation';
 import { Spinner } from '@trackunit/react-components';
@@ -46,7 +46,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
  * @returns {JSX.Element} The provider.
  */
 const ManagerApolloProvider = ({ children, isIrisApp }) => {
-    const { publicUrl, graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, isDev, tracingHeaders, } = useEnvironment();
+    const { graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, isDev, tracingHeaders } = useEnvironment();
     const { token } = useToken();
     const managerGraphQLLink = createUploadLink({
         uri: request => graphqlManagerUrl + "/" + request.operationName,
@@ -60,12 +60,12 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
     const reportGraphQLLink = createUploadLink({
         uri: request => graphqlReportUrl + "/" + request.operationName,
     });
-    const authLink = setContext((_, { headers }) => __awaiter(void 0, void 0, void 0, function* () {
+    const authLink = useMemo(() => setContext((_, { headers }) => __awaiter(void 0, void 0, void 0, function* () {
         return {
             headers: Object.assign(Object.assign(Object.assign({}, headers), tracingHeaders), { Authorization: token ? `Bearer ${token}` : null }),
         };
-    }));
-    const errorLink = onError((errorResponse) => {
+    })), [token, tracingHeaders]);
+    const errorLink = useMemo(() => onError((errorResponse) => {
         var _a, _b;
         const traceIds = []; // Used to hold id's for use in Sentry
         if (errorResponse.graphQLErrors) {
@@ -96,30 +96,29 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
                     },
                 });
             }
-        }
-        const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => {
-            var _a, _b, _c;
-            return ((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" ||
-                ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")) ||
-                ((_c = x === null || x === void 0 ? void 0 : x.message) === null || _c === void 0 ? void 0 : _c.includes("Access denied! You need to be authorized to perform this action!"));
-        });
-        if (invalidToken) {
-            Sentry.captureException({
-                category: "GraphQL",
-                message: "GraphQL Error - invalidToken",
-                level: "warning",
-                data: {
-                    log: JSON.stringify(errorResponse.graphQLErrors),
-                },
+            const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => {
+                var _a, _b, _c;
+                return (((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" ||
+                    ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")) ||
+                    ((_c = x === null || x === void 0 ? void 0 : x.message) === null || _c === void 0 ? void 0 : _c.includes("Access denied! You need to be authorized to perform this action!")));
             });
-            window.location.replace(`${publicUrl}logout`);
+            if (invalidToken) {
+                Sentry.captureException({
+                    category: "GraphQL",
+                    message: "GraphQL Error - invalidToken",
+                    level: "warning",
+                    data: {
+                        log: JSON.stringify(errorResponse.graphQLErrors),
+                    },
+                });
+            }
         }
         if (errorResponse.networkError) {
             // eslint-disable-next-line no-console
             console.error(errorResponse.networkError);
         }
-    });
-    const defaultOptions = {
+    }), []);
+    const defaultOptions = useMemo(() => ({
         watchQuery: {
             fetchPolicy: "no-cache",
             errorPolicy: "all",
@@ -127,19 +126,31 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
         query: {
             fetchPolicy: "no-cache",
         },
-    };
-    const client = new ApolloClient({
-        name: "Manager",
-        connectToDevTools: isDev,
-        cache: new InMemoryCache(),
+    }), []);
+    const client = useMemo(() => {
+        return new ApolloClient({
+            name: "Manager",
+            connectToDevTools: isDev,
+            cache: new InMemoryCache(),
+            defaultOptions,
+            link: from([
+                errorLink,
+                authLink,
+                split(operation => operation.getContext().clientName === "imageupload", imageUploadGraphQLLink),
+                split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, split(operation => operation.getContext().clientName === "report", reportGraphQLLink, isIrisApp ? publicGraphQLLink : managerGraphQLLink)),
+            ]),
+        });
+    }, [
+        authLink,
         defaultOptions,
-        link: from([
-            errorLink,
-            authLink,
-            split(operation => operation.getContext().clientName === "imageupload", imageUploadGraphQLLink),
-            split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, split(operation => operation.getContext().clientName === "report", reportGraphQLLink, isIrisApp ? publicGraphQLLink : managerGraphQLLink)),
-        ]),
-    });
+        errorLink,
+        imageUploadGraphQLLink,
+        isDev,
+        isIrisApp,
+        managerGraphQLLink,
+        publicGraphQLLink,
+        reportGraphQLLink,
+    ]);
     return jsx(ApolloProvider, Object.assign({ client: client }, { children: children }));
 };
 
@@ -151,6 +162,27 @@ const ToastProviderApp = ({ children }) => {
     return jsx(ToastProvider, Object.assign({ value: value }, { children: children }));
 };
 
+/**
+ * This is a provider for the AnalyticsProvider.
+ */
+const AnalyticsProvider = ({ children }) => {
+    const contextValue = useMemo(() => ({
+        logPageView: details => {
+            AnalyticsContextRuntime.logPageView(details);
+        },
+        logEvent: (eventName, details, nameSupplement) => {
+            AnalyticsContextRuntime.logEvent(eventName, details, nameSupplement);
+        },
+        logError: details => {
+            AnalyticsContextRuntime.logError(details);
+        },
+        setUserProperty: (name, value) => {
+            AnalyticsContextRuntime.setUserProperty(name, value);
+        },
+    }), []);
+    return jsx(AnalyticsContextProvider, Object.assign({ value: contextValue }, { children: children }));
+};
+
 /**
  * Subscribe to methods initiated by changes in the host
  *
@@ -294,7 +326,7 @@ const UserSubscriptionProvider = ({ children }) => {
 /**
  * This is a provider for the TrackunitDataProviders.
  */
-const TrackunitDataProviders = ({ children }) => (jsx(TileEnvironmentProvider, { children: jsx(TileTokenProvider, { children: jsx(TileCurrentUserProvider, { children: jsx(UserSubscriptionProvider, { children: jsx(TileGlobalSelectionProvider, { children: jsx(TileAssetSortingProvider, { children: jsx(ManagerApolloProvider, Object.assign({ isIrisApp: true }, { children: children })) }) }) }) }) }) }));
+const TrackunitDataProviders = ({ children }) => (jsx(TileEnvironmentProvider, { children: jsx(TileTokenProvider, { children: jsx(TileCurrentUserProvider, { children: jsx(UserSubscriptionProvider, { children: jsx(AnalyticsProvider, { children: jsx(TileGlobalSelectionProvider, { children: jsx(TileAssetSortingProvider, { children: jsx(ManagerApolloProvider, Object.assign({ isIrisApp: true }, { children: children })) }) }) }) }) }) }) }));
 
 const HostNavigator = ({ children }) => {
     useURLSynchronization();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts",
-  "version": "0.4.135",
+  "version": "0.4.138",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -9,11 +9,11 @@
     "@js-temporal/polyfill": "0.4.3",
     "@sentry/browser": "7.50.0",
     "@trackunit/i18n-library-translation": "0.0.46",
-    "@trackunit/iris-app-runtime-core": "0.3.38",
-    "@trackunit/react-components": "0.1.87",
-    "@trackunit/react-core-contexts-api": "0.2.29",
-    "@trackunit/react-core-contexts-test": "0.1.56",
-    "@trackunit/react-core-hooks": "0.2.51",
+    "@trackunit/iris-app-runtime-core": "0.3.39",
+    "@trackunit/react-components": "0.1.89",
+    "@trackunit/react-core-contexts-api": "0.2.30",
+    "@trackunit/react-core-contexts-test": "0.1.57",
+    "@trackunit/react-core-hooks": "0.2.52",
     "apollo-upload-client": "17.0.0",
     "react": "18.2.0",
     "react-router-dom": "6.4.5"

package/src/analytics/AnalyticsProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    allowAnalytics?: boolean;
+}
+/**
+ * This is a provider for the AnalyticsProvider.
+ */
+declare const AnalyticsProvider: ({ children }: Props) => JSX.Element;
+export default AnalyticsProvider;