tycho-components 0.44.2 → 0.44.3

package/dist/configs/brand.d.ts

@@ -18,6 +18,14 @@ export type BrandConfig = {
     };
 };
 export declare function brandAssetBase(brandId: BrandId, originRaw: string | undefined): string;
+/**
+ * Absolute platform logo URL: `{origin}/brands/{id}/logo.png`.
+ * Use in shell pages that cannot take an AppCode (NotFound, etc.).
+ */
+export declare function resolveBrandLogo(options?: {
+    brandId?: string;
+    origin?: string;
+}): string;
 /**
  * Resolve platform branding for a front-end app.
  * Pass `options` from Vite plugins (Node) where `import.meta.env` may be unavailable.

package/dist/configs/brand.js

@@ -49,6 +49,15 @@ function readEnvOrigin() {
         return undefined;
     }
 }
+/**
+ * Absolute platform logo URL: `{origin}/brands/{id}/logo.png`.
+ * Use in shell pages that cannot take an AppCode (NotFound, etc.).
+ */
+export function resolveBrandLogo(options) {
+    const id = resolveBrandId(options?.brandId ?? readEnvBrandId());
+    const origin = options?.origin ?? readEnvOrigin();
+    return `${brandAssetBase(id, origin)}/logo.png`;
+}
 /**
  * Resolve platform branding for a front-end app.
  * Pass `options` from Vite plugins (Node) where `import.meta.env` may be unavailable.
@@ -73,7 +82,7 @@ export function createBrand(app, options) {
         id,
         ...meta,
         faviconBase,
-        logo: `${faviconBase}/logo.png`,
+        logo: resolveBrandLogo({ brandId: id, origin }),
         socialMedia: {
             youtube: DEFAULT_YOUTUBE,
         },

package/dist/configs/index.d.ts

@@ -35,7 +35,7 @@ export { useCorpusUtils } from "./useCorpusUtils";
 export { useLoggedUtils } from "./useLoggedUtils";
 export { useMessageUtils } from "./useMessageUtils";
 export { useTourUtils } from "./useTourUtils";
-export { brandAssetBase, brandFromEnv, createBrand, } from "./brand";
+export { brandAssetBase, brandFromEnv, createBrand, resolveBrandLogo, } from "./brand";
 export type { AppCode, BrandConfig, BrandId } from "./brand";
 export { useDriverTour, loadKnowledgeBase, defaultMatchPathnames, buildAnchorMap, flattenWorkflowSteps, getWorkflowsForPath, buildDriveSteps, createTourDriver, hasMatchingWorkflow, resolveAnchor, resolveAnchorById, waitForSelector, localizeKnowledgeBase, pickLocalizedString, resolveTourLocale, TOUR_FALLBACK_LOCALE, TOUR_LOCALES, } from "./tour";
 export type { AnchorSelector, Driver, KnowledgeBase, KnowledgeBaseRaw, LocalizedString, PopoverSide, ResolveKnowledgeBaseUrl, TourAnchor, TourButtonLabels, TourStep, TourStepCopy, TourStepStructural, TourWorkflow, TourWorkflowRaw, UseDriverTourOptions, } from "./tour";

package/dist/configs/index.js

@@ -19,5 +19,5 @@ export { useCorpusUtils } from "./useCorpusUtils";
 export { useLoggedUtils } from "./useLoggedUtils";
 export { useMessageUtils } from "./useMessageUtils";
 export { useTourUtils } from "./useTourUtils";
-export { brandAssetBase, brandFromEnv, createBrand, } from "./brand";
+export { brandAssetBase, brandFromEnv, createBrand, resolveBrandLogo, } from "./brand";
 export { useDriverTour, loadKnowledgeBase, defaultMatchPathnames, buildAnchorMap, flattenWorkflowSteps, getWorkflowsForPath, buildDriveSteps, createTourDriver, hasMatchingWorkflow, resolveAnchor, resolveAnchorById, waitForSelector, localizeKnowledgeBase, pickLocalizedString, resolveTourLocale, TOUR_FALLBACK_LOCALE, TOUR_LOCALES, } from "./tour";

package/dist/shell/Base/ErrorFound.js

@@ -3,8 +3,8 @@ import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useRouteError } from "react-router-dom";
 import { dispatchAccessDeniedError, dispatchClientError, isAccessDeniedApiError, } from "../../configs/api";
+import { resolveBrandLogo } from "../../configs/brand";
 import CookieStorage from "../../configs/CookieStorage";
-import logo from "./logo.png";
 import "./style.scss";
 /** Survives remounts so context updates from the toast cannot re-dispatch forever. */
 let routeErrorReported = false;
@@ -64,7 +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: accessDenied
+    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: resolveBrandLogo(), alt: "" }), _jsx("div", { className: "title", children: accessDenied
                         ? t("unauthorized.label.disclaimer")
                         : t("label.error.found") })] }) }));
 }

package/dist/shell/Base/NotFound.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import logo from './logo.png';
+import { resolveBrandLogo } from '../../configs/brand';
 import './style.scss';
 export default function NotFound() {
     const navigate = useNavigate();
@@ -9,5 +9,5 @@ export default function NotFound() {
     const handleRedirect = () => {
         navigate('/', { replace: true });
     };
-    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo }), _jsx("div", { className: "title", children: t('notfound.label.disclaimer') }), _jsx("div", { className: "subtitle", onClick: handleRedirect, children: t('label.redirect') })] }) }));
+    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: resolveBrandLogo(), alt: "" }), _jsx("div", { className: "title", children: t('notfound.label.disclaimer') }), _jsx("div", { className: "subtitle", onClick: handleRedirect, children: t('label.redirect') })] }) }));
 }

package/dist/shell/Base/Unauthorized.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import logo from './logo.png';
 import { useTranslation } from 'react-i18next';
 import './style.scss';
+import { resolveBrandLogo } from '../../configs/brand';
 import CookieStorage from '../../configs/CookieStorage';
 import { useLoggedUtils } from '../../configs/useLoggedUtils';
 export default function Unauthorized() {
@@ -12,5 +12,5 @@ export default function Unauthorized() {
         setLogged(undefined);
         window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
     };
-    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo }), _jsx("div", { className: "title", children: t('unauthorized.label.disclaimer') }), _jsx("div", { className: "subtitle", onClick: handleRedirect, children: t('unauthorized.label.redirect') })] }) }));
+    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: resolveBrandLogo(), alt: "" }), _jsx("div", { className: "title", children: t('unauthorized.label.disclaimer') }), _jsx("div", { className: "subtitle", onClick: handleRedirect, children: t('unauthorized.label.redirect') })] }) }));
 }

package/dist/shell/Header/HeaderApps/HeaderApps.js

@@ -7,8 +7,8 @@ import { useCorpusUtils } from "../../../configs/useCorpusUtils";
 import { useLoggedUtils } from "../../../configs/useLoggedUtils";
 import HeaderButtons from "../HeaderButtons";
 import HeaderUser from "../HeaderUser";
+import { resolveBrandLogo } from "../../../configs/brand";
 import { AvailableApps } from "../types/App";
-import logo from "./logo.png";
 import youtube from "./youtube.png";
 import "./style.scss";
 export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyboard, notifications, keyboardLayout, helpActions, brand, socialMedia, }) {
@@ -20,7 +20,7 @@ export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyb
     const resources = [
         {
             code: "platform",
-            image: brand?.logo || logo,
+            image: brand?.logo || resolveBrandLogo(),
             visibility: "public",
             external: platformOrigin || undefined,
         },

package/package.json

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