tycho-components 0.43.5 → 0.43.6

package/dist/configs/api/apiHandledError.d.ts

@@ -5,9 +5,18 @@ export type ApiErrorHandled = AxiosError & {
     authErrorHandled?: boolean;
 };
 export declare function isServerError(status: number | undefined): boolean;
+export declare function isAccessDeniedStatus(status: number | undefined): boolean;
+/** HTTP status from an Axios error or a thrown Response-like object. */
+export declare function getHttpErrorStatus(reason: unknown): number | undefined;
 export declare function markApiErrorHandled(error: AxiosError): void;
 /** True when the API client already surfaced a 5xx error via dispatchApiError. */
 export declare function isHandledApiError(reason: unknown): boolean;
+/**
+ * Unmarked 401/403 from the API (or a Response with that status).
+ * Not treated as "handled" so callers can still catch; ErrorBoundary uses this
+ * to show access-denied instead of the client report prompt.
+ */
+export declare function isAccessDeniedApiError(reason: unknown): boolean;
 /** @deprecated use markApiErrorHandled */
 export declare const markAuthErrorHandled: typeof markApiErrorHandled;
 /** @deprecated use isHandledApiError */

package/dist/configs/api/apiHandledError.js

@@ -1,6 +1,22 @@
 export function isServerError(status) {
     return status !== undefined && status >= 500 && status < 600;
 }
+export function isAccessDeniedStatus(status) {
+    return status === 401 || status === 403;
+}
+/** HTTP status from an Axios error or a thrown Response-like object. */
+export function getHttpErrorStatus(reason) {
+    if (!reason || typeof reason !== 'object')
+        return undefined;
+    const err = reason;
+    if (typeof err.response?.status === 'number') {
+        return err.response.status;
+    }
+    if (typeof err.status === 'number') {
+        return err.status;
+    }
+    return undefined;
+}
 export function markApiErrorHandled(error) {
     error.apiErrorHandled = true;
 }
@@ -16,6 +32,14 @@ export function isHandledApiError(reason) {
         return false;
     return isServerError(status);
 }
+/**
+ * Unmarked 401/403 from the API (or a Response with that status).
+ * Not treated as "handled" so callers can still catch; ErrorBoundary uses this
+ * to show access-denied instead of the client report prompt.
+ */
+export function isAccessDeniedApiError(reason) {
+    return isAccessDeniedStatus(getHttpErrorStatus(reason));
+}
 /** @deprecated use markApiErrorHandled */
 export const markAuthErrorHandled = markApiErrorHandled;
 /** @deprecated use isHandledApiError */

package/dist/configs/api/applyAuthErrorHandling.js

@@ -1,7 +1,7 @@
 import { markApiErrorHandled } from './apiHandledError';
 import CookieStorage from '../CookieStorage';
-import { resolveAccessDeniedMessage } from './resolveAccessDeniedMessage';
-import { logged, message } from '../store/actions';
+import { dispatchAccessDeniedError } from './dispatchApiError';
+import { logged } from '../store/actions';
 import { getCommonDispatch } from '../store/commonDispatchBridge';
 import StorybookUtils from '../../functions/StorybookUtils';
 const { isStorybook } = StorybookUtils;
@@ -23,10 +23,7 @@ function handleToastAuthError(status) {
         clearAuthStorage();
         getCommonDispatch()?.(logged(undefined));
     }
-    getCommonDispatch()?.(message({
-        value: resolveAccessDeniedMessage(),
-        type: 'error',
-    }));
+    dispatchAccessDeniedError();
 }
 function handleRedirectAuthError(status, redirect, onBeforeRedirect, skipAuthHandlingInStorybook = true) {
     if (skipAuthHandlingInStorybook && isStorybook()) {

package/dist/configs/api/dispatchApiError.d.ts

@@ -20,4 +20,6 @@ export declare function dispatchClientError({ err, t, }: {
     err: unknown;
     t?: TFunction;
 }): void;
+/** Toast for 401/403 — access denied, not a reportable client crash. */
+export declare function dispatchAccessDeniedError(): void;
 export {};

package/dist/configs/api/dispatchApiError.js

@@ -2,6 +2,7 @@ import i18n from 'i18next';
 import { getErrorMessageValue } from '../useMessageUtils';
 import { message } from '../store/actions';
 import { getCommonDispatch } from '../store/commonDispatchBridge';
+import { resolveAccessDeniedMessage } from './resolveAccessDeniedMessage';
 const REQUEST_ID_HEADERS = [
     'x-request-id',
     'x-correlation-id',
@@ -117,3 +118,10 @@ export function dispatchClientError({ err, t, }) {
         errorContext,
     }));
 }
+/** Toast for 401/403 — access denied, not a reportable client crash. */
+export function dispatchAccessDeniedError() {
+    getCommonDispatch()?.(message({
+        value: resolveAccessDeniedMessage(),
+        type: 'error',
+    }));
+}

package/dist/configs/api/index.d.ts

@@ -11,8 +11,8 @@ export { createApiClient } from './createApiClient';
 export type { CreateApiClientOptions, ServerErrorHandling } from './createApiClient';
 export { applyAuthErrorHandling } from './applyAuthErrorHandling';
 export type { ApplyAuthErrorHandlingOptions, AuthErrorHandling, } from './applyAuthErrorHandling';
-export { isHandledApiError, isHandledAuthError, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
+export { isHandledApiError, isHandledAuthError, isAccessDeniedApiError, getHttpErrorStatus, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
 export type { ApiErrorHandled, AuthErrorHandled } from './apiHandledError';
-export { buildClientErrorContext, dispatchApiError, dispatchClientError, dispatchServerApiError, } from './dispatchApiError';
+export { buildClientErrorContext, dispatchApiError, dispatchAccessDeniedError, dispatchClientError, dispatchServerApiError, } from './dispatchApiError';
 export { resolveAccessDeniedMessage } from './resolveAccessDeniedMessage';
 export default api;

package/dist/configs/api/index.js

@@ -12,7 +12,7 @@ export const parserApiBase = import.meta.env.VITE_APP_PARSER_API;
 const api = applyAuthErrorHandling(createApiClient({ baseURL: platformApiBase }), { authErrorHandling: 'redirect' });
 export { createApiClient } from './createApiClient';
 export { applyAuthErrorHandling } from './applyAuthErrorHandling';
-export { isHandledApiError, isHandledAuthError, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
-export { buildClientErrorContext, dispatchApiError, dispatchClientError, dispatchServerApiError, } from './dispatchApiError';
+export { isHandledApiError, isHandledAuthError, isAccessDeniedApiError, getHttpErrorStatus, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
+export { buildClientErrorContext, dispatchApiError, dispatchAccessDeniedError, dispatchClientError, dispatchServerApiError, } from './dispatchApiError';
 export { resolveAccessDeniedMessage } from './resolveAccessDeniedMessage';
 export default api;

package/dist/configs/index.d.ts

@@ -2,7 +2,7 @@ export { CommonProvider } from "./CommonContext";
 export { default as CommonContext } from "./CommonContext";
 export { default as CommonDispatchBridge } from "./CommonDispatchBridge";
 export { default as CookieStorage } from "./CookieStorage";
-export { createApiClient, applyAuthErrorHandling, dispatchApiError, dispatchClientError, dispatchServerApiError, resolveAccessDeniedMessage, isHandledApiError, isHandledAuthError, markApiErrorHandled, markAuthErrorHandled, platformApi, parserApiBase, } from "./api";
+export { createApiClient, applyAuthErrorHandling, dispatchApiError, dispatchAccessDeniedError, dispatchClientError, dispatchServerApiError, resolveAccessDeniedMessage, isHandledApiError, isAccessDeniedApiError, isHandledAuthError, markApiErrorHandled, markAuthErrorHandled, platformApi, parserApiBase, } from "./api";
 export type { ApplyAuthErrorHandlingOptions, AuthErrorHandling, CreateApiClientOptions, ServerErrorHandling, ApiErrorHandled, AuthErrorHandled, } from "./api";
 export { getCommonDispatch, registerCommonDispatch, } from "./store/commonDispatchBridge";
 export { commonResources, featureResources, mergeResources, commonLocalization, } from "./Localization";

package/dist/configs/index.js

@@ -2,7 +2,7 @@ export { CommonProvider } from "./CommonContext";
 export { default as CommonContext } from "./CommonContext";
 export { default as CommonDispatchBridge } from "./CommonDispatchBridge";
 export { default as CookieStorage } from "./CookieStorage";
-export { createApiClient, applyAuthErrorHandling, dispatchApiError, dispatchClientError, dispatchServerApiError, resolveAccessDeniedMessage, isHandledApiError, isHandledAuthError, markApiErrorHandled, markAuthErrorHandled, platformApi, parserApiBase, } from "./api";
+export { createApiClient, applyAuthErrorHandling, dispatchApiError, dispatchAccessDeniedError, dispatchClientError, dispatchServerApiError, resolveAccessDeniedMessage, isHandledApiError, isAccessDeniedApiError, isHandledAuthError, markApiErrorHandled, markAuthErrorHandled, platformApi, parserApiBase, } from "./api";
 export { getCommonDispatch, registerCommonDispatch, } from "./store/commonDispatchBridge";
 export { commonResources, featureResources, mergeResources, commonLocalization, } from "./Localization";
 export { default as ProfileService } from "./services/ProfileService";

package/dist/shell/Base/ErrorBoundary.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { dispatchClientError, isHandledApiError } from '../../configs/api';
+import { dispatchAccessDeniedError, dispatchClientError, isAccessDeniedApiError, isHandledApiError, } from '../../configs/api';
 /** Survives remounts; one client-report toast per full page load. */
 let globalErrorReported = false;
 function toError(reason) {
@@ -38,6 +38,11 @@ export default function ErrorBoundary({ children }) {
                 event.preventDefault();
                 return;
             }
+            if (isAccessDeniedApiError(event.reason)) {
+                event.preventDefault();
+                dispatchAccessDeniedError();
+                return;
+            }
             event.preventDefault();
             handleError(event.reason);
         };
@@ -46,6 +51,11 @@ export default function ErrorBoundary({ children }) {
                 event.preventDefault();
                 return;
             }
+            if (isAccessDeniedApiError(event.error)) {
+                event.preventDefault();
+                dispatchAccessDeniedError();
+                return;
+            }
             event.preventDefault();
             handleError(event.error);
         };

package/dist/shell/Base/ErrorFound.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useRouteError } from "react-router-dom";
-import { dispatchClientError } from "../../configs/api";
+import { dispatchAccessDeniedError, dispatchClientError, isAccessDeniedApiError, } from "../../configs/api";
 import CookieStorage from "../../configs/CookieStorage";
 import logo from "./logo.png";
 import "./style.scss";
@@ -42,13 +42,17 @@ export default function ErrorFound() {
     const navigate = useNavigate();
     const { t } = useTranslation("base");
     const routeError = useRouteError();
-    const error = toError(routeError);
+    const accessDenied = isAccessDeniedApiError(routeError);
     useEffect(() => {
         if (routeErrorReported) {
             return;
         }
         routeErrorReported = true;
         const id = window.setTimeout(() => {
+            if (isAccessDeniedApiError(routeError)) {
+                dispatchAccessDeniedError();
+                return;
+            }
             dispatchClientError({ err: toError(routeError) });
         }, 0);
         return () => window.clearTimeout(id);
@@ -60,5 +64,7 @@ export default function ErrorFound() {
         const redirectUri = CookieStorage.getRedirectUri();
         redirectUri ? (window.location.href = redirectUri) : handleRedirect();
     };
-    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo, alt: "" }), _jsx("div", { className: "title", children: t("label.error.found") })] }) }));
+    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo, alt: "" }), _jsx("div", { className: "title", children: accessDenied
+                        ? t("unauthorized.label.disclaimer")
+                        : t("label.error.found") })] }) }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.43.5",
+  "version": "0.43.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {