@commercetools-frontend/application-shell-connectors 23.3.0 → 24.0.0

package/dist/commercetools-frontend-application-shell-connectors.cjs.dev.js

@@ -79,7 +79,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "23.3.0";
+var version = "24.0.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -462,7 +462,6 @@ const useProjectExtensionImageRegex = () => {
 const ProjectExtensionProviderForImageRegex = props => {
   const _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
       skip: props.skip,
-      onError: sentry.reportErrorToSentry,
       context: {
         target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
       }
@@ -551,8 +550,8 @@ const errorLink = error.onError(_ref => {
   // https://www.apollographql.com/docs/link/links/error/#retrying-failed-requests
   // We need to do this as the `token-retry-link` only works for network errors.
   // https://www.apollographql.com/docs/link/links/retry/
+  const context = operation.getContext();
   if (graphQLErrors && isGraphQLError(graphQLErrors)) {
-    const context = operation.getContext();
     for (const err of graphQLErrors) {
       const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
       /**
@@ -575,6 +574,24 @@ const errorLink = error.onError(_ref => {
       }
     }
   }
+
+  // Report unhandled errors to Sentry
+  if (context.enableSentryErrorReporting && networkError) {
+    sentry.reportErrorToSentry(networkError, {
+      extra: {
+        operationName: operation.operationName
+      }
+    });
+  }
+  if (context.enableSentryErrorReporting && graphQLErrors) {
+    for (const err of graphQLErrors) {
+      sentry.reportErrorToSentry(err, {
+        extra: {
+          operationName: operation.operationName
+        }
+      });
+    }
+  }
   return;
 });
 

package/dist/commercetools-frontend-application-shell-connectors.cjs.prod.js

@@ -77,7 +77,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "23.3.0";
+var version = "24.0.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -450,7 +450,6 @@ const useProjectExtensionImageRegex = () => {
 const ProjectExtensionProviderForImageRegex = props => {
   const _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
       skip: props.skip,
-      onError: sentry.reportErrorToSentry,
       context: {
         target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
       }
@@ -534,8 +533,8 @@ const errorLink = error.onError(_ref => {
   // https://www.apollographql.com/docs/link/links/error/#retrying-failed-requests
   // We need to do this as the `token-retry-link` only works for network errors.
   // https://www.apollographql.com/docs/link/links/retry/
+  const context = operation.getContext();
   if (graphQLErrors && isGraphQLError(graphQLErrors)) {
-    const context = operation.getContext();
     for (const err of graphQLErrors) {
       const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
       /**
@@ -558,6 +557,24 @@ const errorLink = error.onError(_ref => {
       }
     }
   }
+
+  // Report unhandled errors to Sentry
+  if (context.enableSentryErrorReporting && networkError) {
+    sentry.reportErrorToSentry(networkError, {
+      extra: {
+        operationName: operation.operationName
+      }
+    });
+  }
+  if (context.enableSentryErrorReporting && graphQLErrors) {
+    for (const err of graphQLErrors) {
+      sentry.reportErrorToSentry(err, {
+        extra: {
+          operationName: operation.operationName
+        }
+      });
+    }
+  }
   return;
 });
 

package/dist/commercetools-frontend-application-shell-connectors.esm.js

@@ -45,7 +45,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "23.3.0";
+var version = "24.0.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -428,7 +428,6 @@ const useProjectExtensionImageRegex = () => {
 const ProjectExtensionProviderForImageRegex = props => {
   const _useQuery = useQuery(FetchProjectExtensionImageRegex, {
       skip: props.skip,
-      onError: reportErrorToSentry,
       context: {
         target: GRAPHQL_TARGETS.SETTINGS_SERVICE
       }
@@ -517,8 +516,8 @@ const errorLink = onError(_ref => {
   // https://www.apollographql.com/docs/link/links/error/#retrying-failed-requests
   // We need to do this as the `token-retry-link` only works for network errors.
   // https://www.apollographql.com/docs/link/links/retry/
+  const context = operation.getContext();
   if (graphQLErrors && isGraphQLError(graphQLErrors)) {
-    const context = operation.getContext();
     for (const err of graphQLErrors) {
       const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
       /**
@@ -541,6 +540,24 @@ const errorLink = onError(_ref => {
       }
     }
   }
+
+  // Report unhandled errors to Sentry
+  if (context.enableSentryErrorReporting && networkError) {
+    reportErrorToSentry(networkError, {
+      extra: {
+        operationName: operation.operationName
+      }
+    });
+  }
+  if (context.enableSentryErrorReporting && graphQLErrors) {
+    for (const err of graphQLErrors) {
+      reportErrorToSentry(err, {
+        extra: {
+          operationName: operation.operationName
+        }
+      });
+    }
+  }
   return;
 });
 

package/dist/declarations/src/utils/apollo-context.d.ts

@@ -10,6 +10,7 @@ export type TApolloContext = {
     projectKey?: string;
     teamId?: string;
     featureFlag?: string;
+    enableSentryErrorReporting?: boolean;
 };
 declare const createApolloContextForProxyForwardTo: (proxyForwardTocontext: TForwardToConfig) => TApolloContext;
 export { createApolloContextForProxyForwardTo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell-connectors",
-  "version": "23.3.0",
+  "version": "24.0.0",
   "description": "Contains complementary tools for @commercetools-frontend/application-shell",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -37,15 +37,15 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-config": "23.3.0",
-    "@commercetools-frontend/browser-history": "23.3.0",
-    "@commercetools-frontend/constants": "23.3.0",
-    "@commercetools-frontend/sentry": "23.3.0",
+    "@commercetools-frontend/application-config": "24.0.0",
+    "@commercetools-frontend/browser-history": "24.0.0",
+    "@commercetools-frontend/constants": "24.0.0",
+    "@commercetools-frontend/sentry": "24.0.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@emotion/react": "^11.14.0",
     "@types/lodash": "^4.14.198",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^17.0.83",
+    "@types/react": "^19.0.3",
     "apollo-link-logger": "2.0.1",
     "graphql": "16.8.2",
     "lodash": "4.17.21",
@@ -57,18 +57,18 @@
     "wait-for-observables": "1.0.3"
   },
   "devDependencies": {
-    "@apollo/client": "3.7.14",
-    "@testing-library/react": "12.1.5",
+    "@apollo/client": "3.12.4",
+    "@testing-library/react": "16.1.0",
     "@types/jest": "^29.5.4",
     "headers-polyfill": "^3.1.2",
     "jest": "29.7.0",
     "jest-mock": "29.7.0",
     "msw": "0.49.3",
-    "react": "17.0.2"
+    "react": "19.0.0"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
-    "react": "17.x"
+    "react": "19.x"
   },
   "engines": {
     "node": "18.x || 20.x || >=22.0.0"