@hitachivantara/app-shell-ui 2.2.6 → 2.3.0

package/dist/components/AppShell/AppShellContainer.js

@@ -1,47 +1,74 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useMemo } from "react";
+import { Suspense } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { HelmetProvider } from "react-helmet-async";
 import { I18nextProvider } from "react-i18next";
-import { HvProvider } from "@hitachivantara/uikit-react-core";
-import { createI18Next } from "../../i18n/index.js";
+import { HvProvider, HvLoading } from "@hitachivantara/uikit-react-core";
+import { createI18NextInstance } from "../../i18n/index.js";
 import { LayoutProvider } from "../../providers/LayoutProvider.js";
+import { HvAppShellI18nProvider } from "../AppShellI18nProvider/AppShellI18nProvider.js";
 import { HvAppShellProvider } from "../AppShellProvider/AppShellProvider.js";
 import { GlobalStyles } from "../GlobalStyles.js";
+import InitErrorFallback from "../InitErrorFallback/InitErrorFallback.js";
+import useI18nInit from "../../i18n/useI18nInit.js";
 import SnackbarProvider from "../SnackbarProvider/SnackbarProvider.js";
 import GenericError from "../../pages/GenericError/GenericError.js";
-const i18n = createI18Next();
-function HvAppShellContainer({
+const i18n = createI18NextInstance();
+const configRequests = /* @__PURE__ */ new Map();
+function useConfig(configProp, configUrl) {
+  if (configProp) return configProp;
+  if (!configUrl) return void 0;
+  let cached = configRequests.get(configUrl);
+  if (!cached) {
+    const req = {
+      status: "pending",
+      promise: fetch(new URL(configUrl, document.baseURI)).then((r) => r.json()).then((data) => {
+        req.status = "fulfilled";
+        req.result = data;
+      }).catch((err) => {
+        req.status = "rejected";
+        req.error = err;
+      })
+    };
+    configRequests.set(configUrl, req);
+    cached = req;
+  }
+  if (cached.status === "fulfilled") return cached.result;
+  if (cached.status === "rejected") throw cached.error;
+  throw cached.promise;
+}
+function AppShellContainerInner({
   config: configProp,
   configUrl,
   children
 }) {
-  const [loadedConfig, setLoadedConfig] = useState();
-  const [hasError, setHasError] = useState(false);
-  useEffect(() => {
-    if (configProp || !configUrl) return;
-    fetch(new URL(configUrl)).then((result) => result.json()).then((data) => setLoadedConfig(data)).catch((e) => {
-      console.error(`Failed to obtain the context from: ${configUrl}`, e);
-      setLoadedConfig(void 0);
-      setHasError(true);
-    });
-  }, [configProp, configUrl]);
-  const config = useMemo(
-    () => configProp ?? loadedConfig,
-    [configProp, loadedConfig]
+  const config = useConfig(
+    configProp,
+    configUrl
   );
-  if (hasError) {
-    throw Error("Failed to obtain the configuration");
-  }
+  useI18nInit(i18n, config, configUrl);
+  return /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(HvAppShellI18nProvider, { children: /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ jsx(GenericError, { includeFooter: false }),
+      children: /* @__PURE__ */ jsx(HvAppShellProvider, { config, children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(SnackbarProvider, { children }) }) })
+    },
+    "general"
+  ) }) });
+}
+function HvAppShellContainer({
+  config,
+  configUrl,
+  children
+}) {
   return /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsxs(HvProvider, { children: [
     /* @__PURE__ */ jsx(GlobalStyles, {}),
-    /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(
-      ErrorBoundary,
+    /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(InitErrorFallback, {}), children: /* @__PURE__ */ jsx(
+      Suspense,
       {
-        fallback: /* @__PURE__ */ jsx(GenericError, { includeFooter: false }),
-        children: /* @__PURE__ */ jsx(HvAppShellProvider, { config, children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(SnackbarProvider, { children }) }) })
-      },
-      "general"
+        fallback: /* @__PURE__ */ jsx(HvLoading, { style: { height: "100vh", width: "100%" } }),
+        children: /* @__PURE__ */ jsx(AppShellContainerInner, { config, configUrl, children })
+      }
     ) })
   ] }) });
 }

package/dist/components/AppShellI18nProvider/AppShellI18nProvider.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { I18nContext, useTranslation } from "react-i18next";
+import { HvAppShellI18nContext } from "@hitachivantara/app-shell-shared";
+function HvAppShellI18nProvider({
+  children
+}) {
+  const { i18n } = useContext(I18nContext);
+  useTranslation();
+  const language = i18n.language;
+  const appShellI18n = useMemo(
+    () => ({
+      language,
+      changeLanguage: async (newLng) => {
+        if (i18n) {
+          await i18n.changeLanguage(newLng);
+        } else {
+          console.warn("I18N not initialized");
+        }
+        return void 0;
+      }
+    }),
+    [i18n, language]
+  );
+  return /* @__PURE__ */ jsx(HvAppShellI18nContext.Provider, { value: appShellI18n, children });
+}
+export {
+  HvAppShellI18nProvider
+};

package/dist/components/AppShellProvider/AppShellProvider.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo, useContext, useState, useEffect } from "react";
+import { useContext, useMemo, useState, useEffect } from "react";
 import { I18nContext } from "react-i18next";
-import { HvAppShellContext, HvAppShellModelContext, HvAppShellRuntimeContext, HvAppShellCombinedProvidersContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { HvAppShellRuntimeContext, HvAppShellContext, HvAppShellModelContext, HvAppShellCombinedProvidersContext } from "@hitachivantara/app-shell-shared";
 import { themes, HvProvider } from "@hitachivantara/uikit-react-core";
 import { useFilteredModel } from "../../hooks/useFilteredModel.js";
 import useLocalStorage from "../../hooks/useLocalStorage.js";
 import { useModelFromConfig } from "../../hooks/useModelFromConfig.js";
-import { addResourceBundles } from "../../i18n/index.js";
 import CombinedProviders from "../../utils/CombinedProviders.js";
 const AppShellProviderInner = ({
   config,
@@ -14,15 +13,7 @@ const AppShellProviderInner = ({
   children
 }) => {
   const { value: storedColorModeValue } = useLocalStorage("COLOR_MODE");
-  const { i18n } = useContext(I18nContext);
   const { isPending: isModelPending, model: filteredModel } = useFilteredModel(model);
-  if (filteredModel?.translations) {
-    addResourceBundles(
-      i18n,
-      filteredModel.translations,
-      CONFIG_TRANSLATIONS_NAMESPACE
-    );
-  }
   const [theme, setTheme] = useState();
   useEffect(() => {
     const theme2 = filteredModel?.theming?.theme;
@@ -57,12 +48,6 @@ const AppShellProviderInner = ({
     }
     return providersComponents;
   }, [filteredModel?.providers, model.preloadedBundles]);
-  const runtimeContext = useMemo(
-    () => ({
-      i18n
-    }),
-    [i18n]
-  );
   const providersContext = useMemo(
     () => ({
       providers
@@ -77,25 +62,21 @@ const AppShellProviderInner = ({
   if (isModelPending || !filteredModel || filteredModel.theming?.theme && !theme) {
     return null;
   }
-  return /* @__PURE__ */ jsx(HvAppShellContext.Provider, { value: appShellConfigContextValue, children: /* @__PURE__ */ jsx(HvAppShellModelContext.Provider, { value: appShellModelContextValue, children: /* @__PURE__ */ jsx(HvAppShellRuntimeContext.Provider, { value: runtimeContext, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(HvAppShellContext.Provider, { value: appShellConfigContextValue, children: /* @__PURE__ */ jsx(HvAppShellModelContext.Provider, { value: appShellModelContextValue, children: /* @__PURE__ */ jsx(
     HvProvider,
     {
       theme,
       colorMode: storedColorModeValue ?? filteredModel.theming?.colorMode,
-      children: /* @__PURE__ */ jsx(
-        HvAppShellCombinedProvidersContext.Provider,
-        {
-          value: providersContext,
-          children
-        }
-      )
+      children: /* @__PURE__ */ jsx(HvAppShellCombinedProvidersContext.Provider, { value: providersContext, children })
     }
-  ) }) }) });
+  ) }) });
 };
 function HvAppShellProvider({
   children,
   config: configProp
 }) {
+  const { i18n } = useContext(I18nContext);
+  const runtimeContext = useMemo(() => ({ i18n }), [i18n]);
   const { model, isPending: areBundlesLoading } = useModelFromConfig(configProp);
   const systemProviders = useMemo(() => {
     if (!model?.systemProviders) return void 0;
@@ -108,7 +89,7 @@ function HvAppShellProvider({
   if (!configProp || !model || areBundlesLoading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(CombinedProviders, { providers: systemProviders, children: /* @__PURE__ */ jsx(AppShellProviderInner, { config: configProp, model, children }) });
+  return /* @__PURE__ */ jsx(HvAppShellRuntimeContext.Provider, { value: runtimeContext, children: /* @__PURE__ */ jsx(CombinedProviders, { providers: systemProviders, children: /* @__PURE__ */ jsx(AppShellProviderInner, { config: configProp, model, children }) }) });
 }
 export {
   HvAppShellProvider

package/dist/components/ConfigIcon.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { HvIconContainer } from "@hitachivantara/uikit-react-core";
+import IconUiKit from "./IconUiKit/index.js";
+function ConfigIcon({ icon }) {
+  if (icon?.iconType === "unocss") {
+    return (
+      // TODO(minor): remove once "uikit" & ""unocss" icon types aren't used interchangeably
+      /* @__PURE__ */ jsx(HvIconContainer, { size: "sm", style: { margin: 4 }, children: /* @__PURE__ */ jsx("div", { className: icon.name }) })
+    );
+  }
+  if (icon?.iconType === "uikit") {
+    return /* @__PURE__ */ jsx(IconUiKit, { name: icon.name });
+  }
+  return null;
+}
+export {
+  ConfigIcon
+};

package/dist/components/InitErrorFallback/InitErrorFallback.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { HvTypography } from "@hitachivantara/uikit-react-core";
+const InitErrorFallback = () => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100vh",
+      width: "100%",
+      textAlign: "center",
+      padding: 24
+    },
+    children: [
+      /* @__PURE__ */ jsx(HvTypography, { variant: "title2", children: "Initialization Error" }),
+      /* @__PURE__ */ jsx(HvTypography, { style: { marginTop: 8 }, children: "Something went wrong during initialization. Please try again later." })
+    ]
+  }
+);
+export {
+  InitErrorFallback as default
+};

package/dist/components/layout/BrandLogo/BrandLogo.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
-import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
 import { Hitachi, Pentaho, Lumada } from "./logos.js";
 const LogoContainer = styled("div")({
   height: 20,
@@ -11,7 +11,10 @@ const LogoContainer = styled("div")({
   }
 });
 const BrandLogo = ({ logo, ...others }) => {
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
+    i18n
+  });
   const LogoComponent = useMemo(() => {
     const logoName = logo && logo.name?.toUpperCase();
     switch (logoName) {

package/dist/components/layout/Header/Header.js

@@ -2,15 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Helmet } from "react-helmet-async";
 import { useTranslation } from "react-i18next";
 import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
-import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
+import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
 import { useTheme, HvHeader, HvButton, HvHeaderBrand, HvHeaderNavigation } from "@hitachivantara/uikit-react-core";
 import { useNavigationContext } from "../../../providers/NavigationProvider.js";
 import IconUiKit from "../../IconUiKit/index.js";
 import { BrandLogo } from "../BrandLogo/BrandLogo.js";
 import HeaderActions from "../HeaderActions/HeaderActions.js";
 const Header = () => {
-  const { t } = useTranslation(void 0, { keyPrefix: "header.navigation" });
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, {
+    i18n,
+    keyPrefix: "header.navigation"
+  });
+  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
+    i18n
+  });
   const { navigationMode, name, logo } = useHvAppShellModel();
   const { activeTheme } = useTheme();
   const { navigate } = useHvNavigation();

package/dist/components/layout/HeaderActions/AppSwitcherToggle/AppSwitcherToggle.js

@@ -3,10 +3,11 @@ import { useState, useId, useMemo } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import ClickAwayListener from "@mui/material/ClickAwayListener";
-import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
+import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
 import { HvIconButton, theme, HvAppSwitcher, HvTypography } from "@hitachivantara/uikit-react-core";
+import { AppSwitcher } from "@hitachivantara/uikit-react-icons";
 import createAppContainerElement from "../../../../utils/documentUtil.js";
-import IconUiKit from "../../../IconUiKit/index.js";
+import { ConfigIcon } from "../../../ConfigIcon.js";
 import { BrandLogo } from "../../BrandLogo/BrandLogo.js";
 import StyledAppShellPanelWrapper from "./styles.js";
 const AppSwitcherToggle = ({
@@ -14,8 +15,14 @@ const AppSwitcherToggle = ({
   apps,
   showLogo = false
 }) => {
-  const { t } = useTranslation(void 0, { keyPrefix: "header.appSwitcher" });
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, {
+    i18n,
+    keyPrefix: "header.appSwitcher"
+  });
+  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
+    i18n
+  });
   const [isPanelOpen, setIsPanelOpen] = useState(false);
   const appSwitcherPanelId = useId();
   const { logo } = useHvAppShellModel();
@@ -26,7 +33,7 @@ const AppSwitcherToggle = ({
       description: app.description ? tConfig(app.description).toString() : void 0,
       url: app.url?.includes(":") ? app.url : tConfig(app.url).toString(),
       target: app.target === "NEW" ? "_blank" : "_top",
-      iconElement: app.icon && /* @__PURE__ */ jsx(IconUiKit, { name: app.icon.name })
+      iconElement: app.icon && /* @__PURE__ */ jsx(ConfigIcon, { icon: app.icon })
     }));
   }, [apps, tConfig]);
   if (!apps || apps.length === 0) return null;
@@ -40,7 +47,7 @@ const AppSwitcherToggle = ({
         onClick: () => setIsPanelOpen(!isPanelOpen),
         ...isPanelOpen && { "aria-controls": appSwitcherPanelId },
         children: [
-          /* @__PURE__ */ jsx(IconUiKit, { name: "AppSwitcher" }),
+          /* @__PURE__ */ jsx(AppSwitcher, {}),
           showLogo && /* @__PURE__ */ jsx(BrandLogo, { logo, style: { paddingRight: theme.space.xs } })
         ]
       }

package/dist/components/layout/HeaderActions/ColorModeSwitcher.js

@@ -1,10 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
+import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
 import { useTheme, HvIconButton } from "@hitachivantara/uikit-react-core";
 import IconUiKit from "../../IconUiKit/index.js";
 const ColorModeSwitcher = () => {
+  const { i18n } = useHvAppShellRuntimeContext();
   const { t } = useTranslation(void 0, {
+    i18n,
     keyPrefix: "header.colorModeSwitcher"
   });
   const { colorModes } = useTheme();

package/dist/components/layout/HeaderActions/HelpButton/HelpButton.js

@@ -1,11 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
 import { HvIconButton } from "@hitachivantara/uikit-react-core";
 import IconUiKit from "../../../IconUiKit/index.js";
 const HelpButton = ({ url, description }) => {
-  const { t } = useTranslation(void 0, { keyPrefix: "header.helpUrl" });
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, {
+    i18n,
+    keyPrefix: "header.helpUrl"
+  });
+  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
+    i18n
+  });
   if (!url) {
     return null;
   }

package/dist/components/layout/VerticalNavigation/NavigationCollapse.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { css } from "@emotion/css";
+import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
 import { HvVerticalNavigationAction } from "@hitachivantara/uikit-react-core";
 import { Start, End } from "@hitachivantara/uikit-react-icons";
 const classes = {
@@ -14,7 +15,11 @@ const classes = {
   })
 };
 const NavigationCollapse = ({ onClick, isOpen }) => {
-  const { t } = useTranslation(void 0, { keyPrefix: "verticalNavigation" });
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, {
+    i18n,
+    keyPrefix: "verticalNavigation"
+  });
   return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
     isOpen && /* @__PURE__ */ jsx(Start, { className: classes.icon }),
     /* @__PURE__ */ jsx(

package/dist/components/layout/VerticalNavigation/VerticalNavigation.js

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import { cx, css } from "@emotion/css";
 import ClickAwayListener from "@mui/material/ClickAwayListener";
 import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
+import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
 import { useTheme, HvVerticalNavigation, HvVerticalNavigationHeader, HvVerticalNavigationTree, HvVerticalNavigationActions, theme, verticalNavigationTreeClasses } from "@hitachivantara/uikit-react-core";
 import { useResizeObserver } from "../../../hooks/useResizeObserver.js";
 import { useLayoutContext } from "../../../providers/LayoutProvider.js";
@@ -33,7 +34,11 @@ const classes = {
   })
 };
 const VerticalNavigation = () => {
-  const { t } = useTranslation(void 0, { keyPrefix: "verticalNavigation" });
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, {
+    i18n,
+    keyPrefix: "verticalNavigation"
+  });
   const {
     selectedMenuItemId,
     rootMenuItemId,

package/dist/hooks/useNavigationMenuItems.js

@@ -1,19 +1,18 @@
-import { useContext, useMemo, useEffect } from "react";
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
-import { useHvAppShellModel, HvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvMenuItems } from "@hitachivantara/app-shell-shared";
+import { useHvAppShellModel, useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvMenuItems } from "@hitachivantara/app-shell-shared";
 import { createNavigationMenuItems } from "../utils/navigationUtil.js";
 const MAX_TOP_MENU_DEPTH = 2;
 const useNavigationMenuItems = () => {
   const { pathname } = useLocation();
   const { navigationMode } = useHvAppShellModel();
   const { navigate } = useHvNavigation();
-  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};
-  const tConfig = useMemo(
-    () => i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ?? // should not happen, but fallback if the i18n instance is not available
-    ((l) => l),
-    [i18n]
-  );
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
+    i18n
+  });
   const { items, selectedMenuItemId, rootMenuItemId } = useHvMenuItems();
   const navigationMenuItemsTmp = createNavigationMenuItems(
     tConfig,

package/dist/i18n/constants.js

@@ -0,0 +1,6 @@
+import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+const APP_SHELL_NAMESPACE = "appShell";
+export {
+  APP_SHELL_NAMESPACE,
+  CONFIG_TRANSLATIONS_NAMESPACE
+};

package/dist/i18n/index.js

@@ -1,33 +1,24 @@
-import { initReactI18next } from "react-i18next";
-import { createInstance } from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
-import en from "./localization/en.json.js";
-import pt from "./localization/pt.json.js";
-const APP_SHELL_NAMESPACE = "appShell";
-const addResourceBundles = (i18nInstance, bundles, namespace) => {
-  Object.entries(bundles).forEach((entry) => {
-    const [key, value] = entry;
-    i18nInstance.addResourceBundle(
-      key,
-      namespace ?? APP_SHELL_NAMESPACE,
-      value
-    );
-  });
-};
-const createI18Next = () => {
-  const newInstance = createInstance();
-  newInstance.use(LanguageDetector).use(initReactI18next).init({
-    defaultNS: APP_SHELL_NAMESPACE,
+import { createI18n } from "@hitachivantara/app-shell-i18next";
+import en from "../locales/en/appShell.json";
+import { APP_SHELL_NAMESPACE } from "./constants.js";
+import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { CONFIG_TRANSLATIONS_NAMESPACE as CONFIG_TRANSLATIONS_NAMESPACE2 } from "@hitachivantara/app-shell-shared";
+const createI18NextInstance = () => {
+  const instance = createI18n({
+    ns: [APP_SHELL_NAMESPACE, CONFIG_TRANSLATIONS_NAMESPACE],
     fallbackLng: "en",
     detection: { order: ["navigator"] },
-    resources: {}
+    partialBundledLanguages: true,
+    resources: {
+      en: { [APP_SHELL_NAMESPACE]: en }
+    }
   });
-  newInstance.addResourceBundle("en", APP_SHELL_NAMESPACE, en);
-  newInstance.addResourceBundle("pt", APP_SHELL_NAMESPACE, pt);
-  return newInstance;
+  instance.use(LanguageDetector);
+  return instance;
 };
 export {
   APP_SHELL_NAMESPACE,
-  addResourceBundles,
-  createI18Next
+  CONFIG_TRANSLATIONS_NAMESPACE2 as CONFIG_TRANSLATIONS_NAMESPACE,
+  createI18NextInstance
 };

package/dist/i18n/useI18nInit.js

@@ -0,0 +1,71 @@
+import { useRef, useMemo } from "react";
+import { HttpResourcesBackend, useI18n } from "@hitachivantara/app-shell-i18next";
+import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import en from "../locales/en/appShell.json";
+import { APP_SHELL_NAMESPACE } from "./constants.js";
+const toAbsoluteUrl = (url) => new URL(url, document.baseURI).href;
+const resolveTranslationsBaseUrl = (translationsBaseUrl, configUrl, baseUrl) => {
+  const raw = translationsBaseUrl ?? "./";
+  const base = configUrl ? new URL(".", toAbsoluteUrl(configUrl)).href : toAbsoluteUrl(baseUrl ?? "./");
+  const resolved = new URL(raw, base).href;
+  return resolved.endsWith("/") ? resolved : `${resolved}/`;
+};
+const buildResources = (translations) => {
+  const resources = {
+    en: {
+      [APP_SHELL_NAMESPACE]: en,
+      [CONFIG_TRANSLATIONS_NAMESPACE]: {}
+    }
+  };
+  if (translations) {
+    Object.entries(translations).forEach(([lng, bundle]) => {
+      resources[lng] = {
+        ...resources[lng],
+        [CONFIG_TRANSLATIONS_NAMESPACE]: bundle
+      };
+    });
+  }
+  return resources;
+};
+const useI18nInit = (i18n, config, configUrl) => {
+  const reloadTriggered = useRef(false);
+  const translationsBaseUrl = config?.translationsBaseUrl;
+  const backendDisabled = translationsBaseUrl === false;
+  const initOptions = useMemo(() => {
+    return {
+      resources: buildResources(config?.translations),
+      partialBundledLanguages: true,
+      ...backendDisabled ? {} : {
+        backend: {
+          baseUrl: resolveTranslationsBaseUrl(
+            translationsBaseUrl,
+            configUrl,
+            config?.baseUrl
+          )
+        }
+      }
+    };
+  }, [
+    configUrl,
+    config?.baseUrl,
+    config?.translations,
+    translationsBaseUrl,
+    backendDisabled
+  ]);
+  if (!backendDisabled && !i18n.modules.backend) {
+    i18n.use(HttpResourcesBackend);
+  }
+  const result = useI18n(i18n, initOptions);
+  if (!reloadTriggered.current && !backendDisabled) {
+    reloadTriggered.current = true;
+    i18n.reloadResources("en", [
+      APP_SHELL_NAMESPACE,
+      CONFIG_TRANSLATIONS_NAMESPACE
+    ]).catch(() => {
+    });
+  }
+  return result;
+};
+export {
+  useI18nInit as default
+};

package/dist/locales/de/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "Fehlende oder unvollständige Konfiguration."
+    },
+    "notFound": {
+      "code": "404",
+      "title": "Hoppla! Die Seite scheint im Weltraum verloren gegangen zu sein.",
+      "image_description": "404 Seite nicht gefunden"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "Hoppla! Wir haben ein Problem! Wir sind bald zurück.",
+      "image_description": "500 Allgemeiner Fehler"
+    },
+    "footer": "Klicken Sie <navigate>hier</navigate>, um zur Seite {{label}} zurückzukehren."
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "Dokumentationslink"
+    },
+    "appSwitcher": {
+      "title": "Anwendungen",
+      "ariaLabel": "Anwendungsauswahl-Panel"
+    },
+    "navigation": {
+      "openNavigationPanel": "Navigationspanel öffnen",
+      "closeNavigationPanel": "Navigationspanel schließen"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "Farbmodus wechseln"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "Vertikale Navigation",
+    "ariaLabelCollapse": "Vertikale Navigation einklappen",
+    "ariaLabelExpand": "Vertikale Navigation ausklappen",
+    "title": "Menü",
+    "ariaLabelSliderForwardButton": "Zum Untermenü navigieren",
+    "ariaLabelHeaderBackButton": "Zurück",
+    "collapseAction": "Menü einklappen"
+  },
+  "notifications": {
+    "banner": {
+      "close": "Banner schließen"
+    }
+  }
+}

package/dist/locales/en/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "Missing or incomplete configuration."
+    },
+    "notFound": {
+      "code": "404",
+      "title": "Oops! Seems like the page is lost in space.",
+      "image_description": "404 Page not found"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "Shoot! We have a problem! Be back soon.",
+      "image_description": "500 Generic error"
+    },
+    "footer": "Click <navigate>here</navigate> to go back to the {{label}} page."
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "Documentation link"
+    },
+    "appSwitcher": {
+      "title": "Apps",
+      "ariaLabel": "App Switcher Panel"
+    },
+    "navigation": {
+      "openNavigationPanel": "Open navigation panel",
+      "closeNavigationPanel": "Close navigation panel"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "Switch color mode"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "Vertical navigation",
+    "ariaLabelCollapse": "Collapse vertical navigation",
+    "ariaLabelExpand": "Expand vertical navigation",
+    "title": "Menu",
+    "ariaLabelSliderForwardButton": "Navigate to submenu",
+    "ariaLabelHeaderBackButton": "Back",
+    "collapseAction": "Collapse Menu"
+  },
+  "notifications": {
+    "banner": {
+      "close": "Close banner"
+    }
+  }
+}

package/dist/locales/fr/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "Configuration manquante ou incomplète."
+    },
+    "notFound": {
+      "code": "404",
+      "title": "Oops ! La page semble perdue dans l'espace.",
+      "image_description": "404 Page non trouvée"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "Zut ! Nous avons un problème ! Nous revenons bientôt.",
+      "image_description": "500 Erreur générique"
+    },
+    "footer": "Cliquez <navigate>ici</navigate> pour revenir à la page {{label}}."
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "Lien de documentation"
+    },
+    "appSwitcher": {
+      "title": "Applications",
+      "ariaLabel": "Panneau de sélection d'applications"
+    },
+    "navigation": {
+      "openNavigationPanel": "Ouvrir le panneau de navigation",
+      "closeNavigationPanel": "Fermer le panneau de navigation"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "Changer le mode de couleur"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "Navigation verticale",
+    "ariaLabelCollapse": "Réduire la navigation verticale",
+    "ariaLabelExpand": "Développer la navigation verticale",
+    "title": "Menu",
+    "ariaLabelSliderForwardButton": "Naviguer vers le sous-menu",
+    "ariaLabelHeaderBackButton": "Retour",
+    "collapseAction": "Réduire le menu"
+  },
+  "notifications": {
+    "banner": {
+      "close": "Fermer la bannière"
+    }
+  }
+}

package/dist/locales/ja/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "設定が見つからないか、不完全です。"
+    },
+    "notFound": {
+      "code": "404",
+      "title": "おっと！ページが宇宙で迷子になったようです。",
+      "image_description": "404 ページが見つかりません"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "問題が発生しました！まもなく復旧します。",
+      "image_description": "500 一般エラー"
+    },
+    "footer": "<navigate>こちら</navigate>をクリックして{{label}}ページに戻ります。"
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "ドキュメントリンク"
+    },
+    "appSwitcher": {
+      "title": "アプリケーション",
+      "ariaLabel": "アプリ切替パネル"
+    },
+    "navigation": {
+      "openNavigationPanel": "ナビゲーションパネルを開く",
+      "closeNavigationPanel": "ナビゲーションパネルを閉じる"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "カラーモードを切り替える"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "垂直ナビゲーション",
+    "ariaLabelCollapse": "垂直ナビゲーションを折りたたむ",
+    "ariaLabelExpand": "垂直ナビゲーションを展開する",
+    "title": "メニュー",
+    "ariaLabelSliderForwardButton": "サブメニューへ移動",
+    "ariaLabelHeaderBackButton": "戻る",
+    "collapseAction": "メニューを折りたたむ"
+  },
+  "notifications": {
+    "banner": {
+      "close": "バナーを閉じる"
+    }
+  }
+}

package/dist/locales/pt/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "Configuração em falta ou incompleta."
+    },
+    "notFound": {
+      "code": "404",
+      "title": "Oops! Parece que a página está perdida no espaço.",
+      "image_description": "404 Página não encontrada"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "Bolas! Temos um problema! Estaremos de volta em breve.",
+      "image_description": "500 Erro genérico"
+    },
+    "footer": "Carregue <navigate>aqui</navigate> para voltar à página {{label}}."
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "Link de documentação"
+    },
+    "appSwitcher": {
+      "title": "Aplicações",
+      "ariaLabel": "Painel do App Switcher"
+    },
+    "navigation": {
+      "openNavigationPanel": "Abrir painel de navegação",
+      "closeNavigationPanel": "Fechar painel de navegação"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "Alternar modo de cor"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "Navegação vertical",
+    "ariaLabelCollapse": "Recolher navegação vertical",
+    "ariaLabelExpand": "Expandir navegação vertical",
+    "title": "Menu",
+    "ariaLabelSliderForwardButton": "Navegar para submenu",
+    "ariaLabelHeaderBackButton": "Voltar",
+    "collapseAction": "Fechar"
+  },
+  "notifications": {
+    "banner": {
+      "close": "Fechar barra de notificação"
+    }
+  }
+}

package/dist/locales/supported-locales.json

@@ -0,0 +1 @@
+["en", "pt", "fr", "de", "ja", "zh-CN", "zh-TW"]

package/dist/locales/zh-CN/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "配置缺失或不完整。"
+    },
+    "notFound": {
+      "code": "404",
+      "title": "糟糕！页面似乎迷失在太空中了。",
+      "image_description": "404 页面未找到"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "糟糕！我们遇到了问题！很快就会恢复。",
+      "image_description": "500 一般错误"
+    },
+    "footer": "点击<navigate>此处</navigate>返回{{label}}页面。"
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "文档链接"
+    },
+    "appSwitcher": {
+      "title": "应用程序",
+      "ariaLabel": "应用切换面板"
+    },
+    "navigation": {
+      "openNavigationPanel": "打开导航面板",
+      "closeNavigationPanel": "关闭导航面板"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "切换颜色模式"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "垂直导航",
+    "ariaLabelCollapse": "折叠垂直导航",
+    "ariaLabelExpand": "展开垂直导航",
+    "title": "菜单",
+    "ariaLabelSliderForwardButton": "导航到子菜单",
+    "ariaLabelHeaderBackButton": "返回",
+    "collapseAction": "折叠菜单"
+  },
+  "notifications": {
+    "banner": {
+      "close": "关闭横幅"
+    }
+  }
+}

package/dist/locales/zh-TW/appShell.json

@@ -0,0 +1,48 @@
+{
+  "errors": {
+    "missing": {
+      "configuration": "設定遺失或不完整。"
+    },
+    "notFound": {
+      "code": "404",
+      "title": "糟糕！頁面似乎迷失在太空中了。",
+      "image_description": "404 找不到頁面"
+    },
+    "genericError": {
+      "code": "500",
+      "title": "糟糕！我們遇到了問題！很快就會恢復。",
+      "image_description": "500 一般錯誤"
+    },
+    "footer": "點擊<navigate>此處</navigate>返回{{label}}頁面。"
+  },
+  "header": {
+    "helpUrl": {
+      "documentationLink": "文件連結"
+    },
+    "appSwitcher": {
+      "title": "應用程式",
+      "ariaLabel": "應用程式切換面板"
+    },
+    "navigation": {
+      "openNavigationPanel": "開啟導覽面板",
+      "closeNavigationPanel": "關閉導覽面板"
+    },
+    "colorModeSwitcher": {
+      "ariaLabel": "切換色彩模式"
+    }
+  },
+  "verticalNavigation": {
+    "ariaLabelNavigationTree": "垂直導覽",
+    "ariaLabelCollapse": "摺疊垂直導覽",
+    "ariaLabelExpand": "展開垂直導覽",
+    "title": "選單",
+    "ariaLabelSliderForwardButton": "導覽至子選單",
+    "ariaLabelHeaderBackButton": "返回",
+    "collapseAction": "摺疊選單"
+  },
+  "notifications": {
+    "banner": {
+      "close": "關閉橫幅"
+    }
+  }
+}

package/dist/pages/ErrorPage/Footer.js

@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { useErrorBoundary } from "react-error-boundary";
 import { useTranslation, Trans } from "react-i18next";
 import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
-import { useHvAppShellModel } from "@hitachivantara/app-shell-shared";
+import { useHvAppShellRuntimeContext, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
 import { HvTypography } from "@hitachivantara/uikit-react-core";
 import { useNavigationContext } from "../../providers/NavigationProvider.js";
 const Footer = () => {
-  const { t } = useTranslation();
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, { i18n });
   const { navigate } = useHvNavigation();
   const { navigationMode } = useHvAppShellModel();
   const { resetBoundary } = useErrorBoundary();

package/dist/pages/GenericError/GenericError.js

@@ -1,17 +1,27 @@
 import { jsx } from "react/jsx-runtime";
-import { lazy } from "react";
+import { useContext, Suspense, lazy } from "react";
+import { ErrorBoundary } from "react-error-boundary";
 import { useTranslation } from "react-i18next";
+import { HvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
 import { ErrorPage } from "../ErrorPage/ErrorPage.js";
 const CatServer = lazy(() => import("./CatServer.js"));
 const GenericError = ({ includeFooter = true }) => {
-  const { t } = useTranslation(void 0, { keyPrefix: "errors.genericError" });
+  const runtimeContext = useContext(HvAppShellRuntimeContext);
+  const { t } = useTranslation(void 0, {
+    ...runtimeContext && { i18n: runtimeContext.i18n },
+    keyPrefix: "errors.genericError"
+  });
   return /* @__PURE__ */ jsx(
     ErrorPage,
     {
       code: t("code"),
       title: t("title"),
       includeFooter,
-      image: /* @__PURE__ */ jsx(CatServer, { title: t("image_description") })
+      image: (
+        // CatServer is lazy-loaded; if the chunk fails to load (e.g., 401 on session timeout),
+        // the local ErrorBoundary prevents the failure from cascading up.
+        /* @__PURE__ */ jsx(ErrorBoundary, { fallback: null, children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(CatServer, { title: t("image_description") }) }) })
+      )
     }
   );
 };

package/dist/pages/NotFound/NotFound.js

@@ -1,10 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { lazy } from "react";
 import { useTranslation } from "react-i18next";
+import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
 import { ErrorPage } from "../ErrorPage/ErrorPage.js";
 const DogeSpace = lazy(() => import("./DogeSpace.js"));
 const NotFound = () => {
-  const { t } = useTranslation(void 0, { keyPrefix: "errors.notFound" });
+  const { i18n } = useHvAppShellRuntimeContext();
+  const { t } = useTranslation(void 0, {
+    i18n,
+    keyPrefix: "errors.notFound"
+  });
   return /* @__PURE__ */ jsx(
     ErrorPage,
     {

package/dist/providers/BannerProvider.js

@@ -3,6 +3,7 @@ import { useState, useMemo, useEffect, createContext, useContext } from "react";
 import { useTranslation } from "react-i18next";
 import { css } from "@emotion/css";
 import { uid } from "uid";
+import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
 import { useTheme, theme, HvBanner } from "@hitachivantara/uikit-react-core";
 import { useLayoutContext } from "./LayoutProvider.js";
 import { useNavigationContext } from "./NavigationProvider.js";
@@ -13,7 +14,9 @@ const BannerContext = createContext({
   }
 });
 const BannerProvider = ({ children }) => {
+  const { i18n } = useHvAppShellRuntimeContext();
   const { t } = useTranslation(void 0, {
+    i18n,
     keyPrefix: "notifications.banner"
   });
   const { activeTheme } = useTheme();

package/dist/utils/navigationUtil.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import IconUiKit from "../components/IconUiKit/index.js";
+import { ConfigIcon } from "../components/ConfigIcon.js";
 const createNavigationMenuItems = (t, menuItems, maxDepth) => {
   if (maxDepth !== void 0 && maxDepth <= 0) {
     return [];
@@ -8,7 +8,7 @@ const createNavigationMenuItems = (t, menuItems, maxDepth) => {
     const updatedDepth = maxDepth !== void 0 ? maxDepth - 1 : void 0;
     const navItem = {
       ...currentValue,
-      icon: currentValue.icon ? /* @__PURE__ */ jsx(IconUiKit, { name: currentValue.icon?.name || "" }) : null,
+      icon: currentValue.icon && /* @__PURE__ */ jsx(ConfigIcon, { icon: currentValue.icon }),
       data: currentValue.data ? createNavigationMenuItems(t, currentValue.data, updatedDepth) : void 0
     };
     accumulator.push(navItem);

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@hitachivantara/app-shell-ui",
-  "version": "2.2.6",
+  "version": "2.3.0",
   "type": "module",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "AppShell Component",
   "homepage": "https://github.com/pentaho/hv-uikit-react",
+  "main": "src/index.ts",
   "sideEffects": false,
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +15,24 @@
     "directory": "packages/app-shell-ui"
   },
   "bugs": "https://github.com/pentaho/hv-uikit-react/issues",
+  "scripts": {
+    "build": "npm run clean && vite build",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "clean": "npx rimraf dist package",
+    "prepublishOnly": "npm run build && npx clean-publish"
+  },
   "dependencies": {
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@hitachivantara/app-shell-events": "^2.0.3",
-    "@hitachivantara/app-shell-navigation": "^2.1.10",
-    "@hitachivantara/app-shell-services": "^2.0.2",
-    "@hitachivantara/app-shell-shared": "^2.2.5",
-    "@hitachivantara/uikit-react-core": "^6.7.0",
-    "@hitachivantara/uikit-react-icons": "^6.0.3",
+    "@hitachivantara/app-shell-events": "^2.0.4",
+    "@hitachivantara/app-shell-i18next": "^0.2.0",
+    "@hitachivantara/app-shell-navigation": "^2.1.11",
+    "@hitachivantara/app-shell-services": "^2.0.3",
+    "@hitachivantara/app-shell-shared": "^2.3.0",
+    "@hitachivantara/uikit-react-core": "^6.8.1",
+    "@hitachivantara/uikit-react-icons": "^6.0.4",
     "@mui/material": "^7.0.2",
     "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.3",
@@ -40,18 +49,36 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json",
+    "./locales/*": "./src/locales/*"
+  },
   "publishConfig": {
     "access": "public",
-    "directory": "package"
+    "directory": "package",
+    "module": "dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "./package.json": "./package.json",
+      "./locales/*": "./dist/locales/*"
+    }
   },
-  "gitHead": "4b588056f4226feaedfa7fe4333225358436ccf2",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./package.json": "./package.json"
+  "clean-publish": {
+    "withoutPublish": true,
+    "tempDir": "package",
+    "fields": [
+      "main"
+    ],
+    "files": [
+      "tsconfig.json"
+    ]
   },
-  "types": "./dist/index.d.ts",
-  "module": "dist/index.js"
+  "devDependencies": {
+    "vite-plugin-static-copy": "^3.1.2"
+  }
 }

package/src/index.ts

@@ -0,0 +1,3 @@
+import HvAppShell from "./components/AppShell/AppShell";
+
+export default HvAppShell;

package/dist/i18n/localization/en.json.js

@@ -1,17 +0,0 @@
-const errors = { "missing": { "configuration": "Missing or incomplete configuration." }, "notFound": { "code": "404", "title": "Oops! Seems like the page is lost in space.", "image_description": "404 Page not found" }, "genericError": { "code": "500", "title": "Shoot! We have a problem! Be back soon.", "image_description": "500 Generic error" }, "footer": "Click <navigate>here</navigate> to go back to the {{label}} page." };
-const header = { "helpUrl": { "documentationLink": "Documentation link" }, "appSwitcher": { "title": "Apps", "ariaLabel": "App Switcher Panel" }, "navigation": { "openNavigationPanel": "Open navigation panel", "closeNavigationPanel": "Close navigation panel" }, "colorModeSwitcher": { "ariaLabel": "Switch color mode" } };
-const verticalNavigation = { "ariaLabelNavigationTree": "Vertical navigation", "ariaLabelCollapse": "Collapse vertical navigation", "ariaLabelExpand": "Expand vertical navigation", "title": "Menu", "ariaLabelSliderForwardButton": "Navigate to submenu", "ariaLabelHeaderBackButton": "Back", "collapseAction": "Collapse Menu" };
-const notifications = { "banner": { "close": "Close banner" } };
-const en = {
-  errors,
-  header,
-  verticalNavigation,
-  notifications
-};
-export {
-  en as default,
-  errors,
-  header,
-  notifications,
-  verticalNavigation
-};

package/dist/i18n/localization/pt.json.js

@@ -1,17 +0,0 @@
-const errors = { "missing": { "configuration": "Configuração em falta ou incompleta." }, "notFound": { "code": "404", "title": "Oops! Parece que a página está perdida no espaço.", "image_description": "404 Página não encontrada" }, "genericError": { "code": "500", "title": "Bolas! Temos um problema! Estaremos de volta em breve.", "image_description": "500 Erro genérico" }, "footer": "Carregue <navigate>aqui</navigate> para voltar à página {{label}}." };
-const header = { "helpUrl": { "documentationLink": "Link de documentação" }, "appSwitcher": { "title": "Aplicações", "ariaLabel": "Painel do App Switcher" }, "navigation": { "openNavigationPanel": "Abrir painel de navegação", "closeNavigationPanel": "Fechar painel de navegação" }, "colorModeSwitcher": { "ariaLabel": "Alternar modo de cor" } };
-const verticalNavigation = { "ariaLabelNavigationTree": "Navegação vertical", "ariaLabelCollapse": "Recolher navegação vertical", "ariaLabelExpand": "Expandir navegação vertical", "title": "Menu", "ariaLabelSliderForwardButton": "Navegar para submenu", "ariaLabelHeaderBackButton": "Voltar", "collapseAction": "Fechar" };
-const notifications = { "banner": { "close": "Fechar barra de notificação" } };
-const pt = {
-  errors,
-  header,
-  verticalNavigation,
-  notifications
-};
-export {
-  pt as default,
-  errors,
-  header,
-  notifications,
-  verticalNavigation
-};