@localstack/appinspector-ui 1.0.111 → 1.0.113

package/dist/index.cjs

@@ -2421,6 +2421,13 @@ var import_material23 = require("@mui/material");
 var import_react69 = require("react");
 
 // src/api/errors.ts
+var AppInspectorDisabledError = class extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.name = "AppInspectorDisabledError";
+    this.cause = cause;
+  }
+};
 var AppInspectorNotFoundError = class extends Error {
   localstackVersion;
   constructor(message, cause, localstackVersion) {
@@ -15510,7 +15517,7 @@ var StatusMessage = ({
       }
     );
   }
-  if (status?.status === "DISABLED") {
+  if (error instanceof AppInspectorDisabledError || status?.status === "DISABLED") {
     return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       import_material8.Box,
       {
@@ -15666,9 +15673,12 @@ var import_jsx_runtime130 = require("react/jsx-runtime");
 var AppInspectorStatusContext = (0, import_react45.createContext)(void 0);
 var StatusProvider = ({ children }) => {
   const { checking, checkStatus, error, status } = useStatus();
+  const reportDisabled = (0, import_react45.useCallback)(() => {
+    void checkStatus();
+  }, [checkStatus]);
   const value = (0, import_react45.useMemo)(
-    () => ({ checking, checkStatus, status, statusError: error }),
-    [checking, checkStatus, status, error]
+    () => ({ checking, checkStatus, reportDisabled, status, statusError: error }),
+    [checking, checkStatus, reportDisabled, status, error]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(AppInspectorStatusContext.Provider, { value, children });
 };
@@ -16026,17 +16036,19 @@ var makeRequest = async (options) => {
           new Error(`404 from ${url}: ${response.statusText}`)
         );
       }
+      if (response.status === 503) {
+        throw new AppInspectorDisabledError(
+          ERROR_MESSAGES.APP_INSPECTOR_DISABLED,
+          new Error(`503 from ${url}: ${response.statusText}`)
+        );
+      }
       throw new Error(`API request failed: ${response.status.toString()} ${response.statusText}`);
     }
     options.captureHeaders?.(response.headers);
     return await response.json();
   } catch (error) {
     if (error instanceof TypeError) {
-      const message = error.message.toLowerCase();
-      const isNetworkError = message.includes("fetch") || message.includes("network") || message.includes("failed to fetch");
-      if (isNetworkError) {
-        throw new ConnectionError(ERROR_MESSAGES.CONNECTION_FAILED, error);
-      }
+      throw new ConnectionError(ERROR_MESSAGES.CONNECTION_FAILED, error);
     }
     if (error instanceof Error) {
       throw error;
@@ -18283,6 +18295,7 @@ function useThrottledItems(items, getId, catchUpIncrement = 10) {
 var PAGE_SIZE = 30;
 var useSpans = () => {
   const api = useAppInspectorApi();
+  const { reportDisabled } = useAppInspectorStatus();
   const [spans, setSpans] = (0, import_react52.useState)();
   const throttledSpans = useThrottledItems(spans, (span) => span.span_id);
   const [fetchError, setFetchError] = (0, import_react52.useState)();
@@ -18387,6 +18400,11 @@ var useSpans = () => {
   const clearFetchError = (0, import_react52.useCallback)(() => {
     setFetchError(void 0);
   }, []);
+  (0, import_react52.useEffect)(() => {
+    if (fetchError instanceof AppInspectorDisabledError || fetchError instanceof ConnectionError) {
+      reportDisabled();
+    }
+  }, [fetchError, reportDisabled]);
   return {
     clearFetchError,
     clearingSpans,
@@ -31362,7 +31380,12 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
       spansReference.current = spans;
     }
   }, [spans, setSelectedEvent, spanId]);
-  const { checkStatus, status, statusError } = useAppInspectorStatus();
+  const { checkStatus, reportDisabled, status, statusError } = useAppInspectorStatus();
+  (0, import_react68.useEffect)(() => {
+    if (fetchError instanceof AppInspectorDisabledError || fetchError instanceof ConnectionError) {
+      reportDisabled();
+    }
+  }, [fetchError, reportDisabled]);
   const handleEnable = (0, import_react68.useCallback)(async () => {
     await api.setStatus({ status: "ENABLED" });
     void checkStatus();