@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/portal/Header/Header.js

@@ -1,164 +1,164 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { useHelp } from "../Help/hooks/useHelp.js";
-import SearchEngine from "../SearchEngine/SearchEngine.js";
-import { Badge } from "./Badge.js";
-import { NavItem } from "./NavItem.js";
-import { NavLink } from "./NavLink.js";
-import { Navbar } from "./Navbar.js";
-import { NavBarNav } from "./NavbarNav.js";
-import { WidgetAppsBody, WidgetAppsFooter } from "./WidgetApps.js";
-import useConversation from "../../core/useConversation/useConversation.js";
-import useUser from "../../core/useUser/useUser.js";
-import useHasWorkflow from "../../core/useHasWorkflow/useHasWorkflow.js";
-import useHeader from "../../core/useHeader/useHeader.js";
-import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
-import Help from "../Help/Help.js";
-import { Logo } from "../../components/Logo/Logo.js";
-import { Popover, PopoverBody, PopoverFooter } from "../../components/Popover/Popover.js";
-import { useOdeClient } from "../../core/OdeClientProvider/OdeClientProvider.js";
-import { useOdeTheme } from "../../core/ThemeProvider/ThemeProvider.js";
-import { Avatar } from "../../components/Avatar/Avatar.js";
-import { Icon } from "../../components/Icon/Icon.js";
-const Header = ({
-  is1d = !1,
-  src = ""
+import { jsx as e, jsxs as a, Fragment as D } from "react/jsx-runtime";
+import G from "clsx";
+import { useTranslation as J } from "react-i18next";
+import { useHelp as K } from "../Help/hooks/useHelp.js";
+import Q from "../SearchEngine/SearchEngine.js";
+import { Badge as v } from "./Badge.js";
+import { NavItem as r } from "./NavItem.js";
+import { NavLink as l } from "./NavLink.js";
+import { Navbar as f } from "./Navbar.js";
+import { NavBarNav as L } from "./NavbarNav.js";
+import { WidgetAppsBody as X, WidgetAppsFooter as Y } from "./WidgetApps.js";
+import Z from "../../core/useConversation/useConversation.js";
+import _ from "../../core/useUser/useUser.js";
+import ee from "../../core/useHasWorkflow/useHasWorkflow.js";
+import ae from "../../core/useHeader/useHeader.js";
+import { VisuallyHidden as d } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import B from "../Help/Help.js";
+import { Logo as M } from "../../components/Logo/Logo.js";
+import { Popover as ne, PopoverBody as re, PopoverFooter as oe } from "../../components/Popover/Popover.js";
+import { useOdeClient as le } from "../../core/OdeClientProvider/OdeClientProvider.js";
+import { useOdeTheme as ie } from "../../core/ThemeProvider/ThemeProvider.js";
+import { Avatar as P } from "../../components/Avatar/Avatar.js";
+import { Icon as o } from "../../components/Icon/Icon.js";
+const Le = ({
+  is1d: m = !1,
+  src: u = ""
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    messages,
-    msgLink,
-    zimbraWorkflow
-  } = useConversation(), {
-    user,
-    avatar
-  } = useUser(), {
-    currentLanguage,
-    currentApp
-  } = useOdeClient(), hasOldHelpEnableWorkflow = useHasWorkflow("org.entcore.portal.controllers.PortalController|oldHelpEnable") || !1, {
-    isModalOpen: isHelpOpen,
-    setIsModalOpen: setIsHelpOpen,
-    parsedContent,
-    parsedHeadline,
-    error
-  } = useHelp(), classes = clsx("header", {
-    "no-2d": is1d,
-    "no-1d": !is1d
+    t: n
+  } = J(), {
+    messages: i,
+    msgLink: $,
+    zimbraWorkflow: z
+  } = Z(), {
+    user: E,
+    avatar: F
+  } = _(), {
+    currentLanguage: b,
+    currentApp: s
+  } = le(), N = ee("org.entcore.portal.controllers.PortalController|oldHelpEnable") || !1, {
+    isModalOpen: g,
+    setIsModalOpen: c,
+    parsedContent: k,
+    parsedHeadline: w,
+    error: y
+  } = K(), j = G("header", {
+    "no-2d": m,
+    "no-1d": !m
   }), {
-    title,
-    bookmarkedApps,
-    appsRef,
-    isAppsHovered,
-    popoverAppsId,
-    userAvatar,
-    userName,
-    welcomeUser,
-    communityWorkflow,
-    conversationWorflow,
-    searchWorkflow,
-    isCollapsed,
-    toggleCollapsedNav,
-    handleLogout
-  } = useHeader({
-    user,
-    avatar
-  }), hasMessages = messages > 0, {
-    theme
-  } = useOdeTheme();
-  return /* @__PURE__ */ jsx("header", { className: classes, children: is1d ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "container-fluid", children: /* @__PURE__ */ jsxs(Navbar, { children: [
-      /* @__PURE__ */ jsx("a", { className: "navbar-title d-md-none text-truncate h4", href: currentApp ? currentApp.address : "/timeline/timeline", children: title }),
-      /* @__PURE__ */ jsxs("div", { className: "d-none d-md-inline-flex gap-12 align-items-center", children: [
-        /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", width: "32", height: "32" }),
-        /* @__PURE__ */ jsx("span", { className: "navbar-text", children: welcomeUser })
+    title: x,
+    bookmarkedApps: T,
+    appsRef: U,
+    isAppsHovered: C,
+    popoverAppsId: H,
+    userAvatar: A,
+    userName: W,
+    welcomeUser: V,
+    communityWorkflow: R,
+    conversationWorflow: O,
+    searchWorkflow: S,
+    isCollapsed: t,
+    toggleCollapsedNav: I,
+    handleLogout: q
+  } = ae({
+    user: E,
+    avatar: F
+  }), p = i > 0, {
+    theme: h
+  } = ie();
+  return /* @__PURE__ */ e("header", { className: j, children: m ? /* @__PURE__ */ a(D, { children: [
+    /* @__PURE__ */ e("div", { className: "container-fluid", children: /* @__PURE__ */ a(f, { children: [
+      /* @__PURE__ */ e("a", { className: "navbar-title d-md-none text-truncate h4", href: s ? s.address : "/timeline/timeline", children: x }),
+      /* @__PURE__ */ a("div", { className: "d-none d-md-inline-flex gap-12 align-items-center", children: [
+        /* @__PURE__ */ e(P, { alt: W, size: "sm", src: A, variant: "circle", width: "32", height: "32" }),
+        /* @__PURE__ */ e("span", { className: "navbar-text", children: V })
       ] }),
-      /* @__PURE__ */ jsxs(NavBarNav, { className: "gap-8", "aria-hidden": "false", "aria-label": t("navbar.main.navigation"), children: [
-        conversationWorflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/conversation/conversation", className: "nav-link", children: [
-          /* @__PURE__ */ jsx(Icon, { name: "nav/one-messaging", className: "icon notification" }),
-          hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages }),
-          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
+      /* @__PURE__ */ a(L, { className: "gap-8", "aria-hidden": "false", "aria-label": n("navbar.main.navigation"), children: [
+        O && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/conversation/conversation", className: "nav-link", children: [
+          /* @__PURE__ */ e(o, { name: "nav/one-messaging", className: "icon notification" }),
+          p && /* @__PURE__ */ e(v, { children: i }),
+          /* @__PURE__ */ e(d, { children: n("navbar.messages") })
         ] }) }),
-        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t("navbar.myaccount"), children: /* @__PURE__ */ jsx(Icon, { name: "nav/one-profile", className: "icon user" }) }) }),
-        currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
-          /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
-            setIsHelpOpen(!0);
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { link: "/userbook/mon-compte", className: "dropdown-item", translate: n("navbar.myaccount"), children: /* @__PURE__ */ e(o, { name: "nav/one-profile", className: "icon user" }) }) }),
+        b === "fr" && N ? /* @__PURE__ */ a(r, { children: [
+          /* @__PURE__ */ a("button", { className: "nav-link", onClick: () => {
+            c(!0);
           }, children: [
-            /* @__PURE__ */ jsx(Icon, { name: "nav/neo-assistance", className: "icon help" }),
-            /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.help") })
+            /* @__PURE__ */ e(o, { name: "nav/neo-assistance", className: "icon help" }),
+            /* @__PURE__ */ e(d, { children: n("navbar.help") })
           ] }),
-          /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
+          /* @__PURE__ */ e(B, { isHelpOpen: g, setIsHelpOpen: c, parsedContent: k, parsedHeadline: w, error: y })
         ] }) : null,
-        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: handleLogout, children: [
-          /* @__PURE__ */ jsx(Icon, { name: "nav/disconnect", className: "icon logout" }),
-          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.disconnect") })
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("button", { className: "nav-link", onClick: q, children: [
+          /* @__PURE__ */ e(o, { name: "nav/disconnect", className: "icon logout" }),
+          /* @__PURE__ */ e(d, { children: n("navbar.disconnect") })
         ] }) }),
-        /* @__PURE__ */ jsx(NavItem, { className: "d-md-none", children: /* @__PURE__ */ jsx("button", { className: "nav-link btn btn-naked", type: "button", "aria-controls": "navbarCollapsed", "aria-expanded": !isCollapsed, "aria-label": t("navbar.secondary.navigation"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsx(Icon, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20" }) }) })
+        /* @__PURE__ */ e(r, { className: "d-md-none", children: /* @__PURE__ */ e("button", { className: "nav-link btn btn-naked", type: "button", "aria-controls": "navbarCollapsed", "aria-expanded": !t, "aria-label": n("navbar.secondary.navigation"), onClick: I, children: /* @__PURE__ */ e(o, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20" }) }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(Navbar, { className: "no-2d navbar-secondary navbar-expand-md", "aria-label": t("navbar.secondary.navigation"), children: /* @__PURE__ */ jsx("div", { className: "container-fluid", children: /* @__PURE__ */ jsxs("div", { className: `collapse navbar-collapse ${isCollapsed ? "" : "show"}`, id: "navbarCollapsed", children: [
-      /* @__PURE__ */ jsx(Logo, { is1d: !0, src: `${src}/img/illustrations/logo.png`, translate: t("navbar.home") }),
-      /* @__PURE__ */ jsxs(NavBarNav, { className: "gap-8", children: [
-        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/timeline/timeline", className: "button", children: [
-          /* @__PURE__ */ jsx(Icon, { name: "nav/new-release", color: "#fff", className: "d-md-none" }),
-          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.whatsnew") })
+    /* @__PURE__ */ e(f, { className: "no-2d navbar-secondary navbar-expand-md", "aria-label": n("navbar.secondary.navigation"), children: /* @__PURE__ */ e("div", { className: "container-fluid", children: /* @__PURE__ */ a("div", { className: `collapse navbar-collapse ${t ? "" : "show"}`, id: "navbarCollapsed", children: [
+      /* @__PURE__ */ e(M, { is1d: !0, src: `${u}/img/illustrations/logo.png`, translate: n("navbar.home") }),
+      /* @__PURE__ */ a(L, { className: "gap-8", children: [
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/timeline/timeline", className: "button", children: [
+          /* @__PURE__ */ e(o, { name: "nav/new-release", color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ e("span", { className: "d-inline-block", children: n("portal.header.navigation.whatsnew") })
         ] }) }),
-        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/annuaire", className: "button", children: [
-          /* @__PURE__ */ jsx(Icon, { name: "nav/userbook", color: "#fff", className: "d-md-none" }),
-          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.classMembers") })
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/userbook/annuaire", className: "button", children: [
+          /* @__PURE__ */ e(o, { name: "nav/userbook", color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ e("span", { className: "d-inline-block", children: n("portal.header.navigation.classMembers") })
         ] }) }),
-        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/welcome", className: "button", children: [
-          /* @__PURE__ */ jsx(Icon, { name: "nav/my-apps", color: "#fff", className: "d-md-none" }),
-          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.myapps") })
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/welcome", className: "button", children: [
+          /* @__PURE__ */ e(o, { name: "nav/my-apps", color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ e("span", { className: "d-inline-block", children: n("portal.header.navigation.myapps") })
         ] }) })
       ] })
     ] }) }) })
-  ] }) : /* @__PURE__ */ jsx(Navbar, { className: "navbar-expand-md", children: /* @__PURE__ */ jsxs("div", { className: "container-fluid", children: [
-    /* @__PURE__ */ jsx(Logo, { src: `${src}/img/illustrations/logo.png` }),
-    /* @__PURE__ */ jsx("a", { href: currentApp ? currentApp.address : "/timeline/timeline", className: "navbar-title text-truncate d-md-none", children: title }),
-    /* @__PURE__ */ jsxs("ul", { className: "navbar-nav", children: [
-      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/timeline/timeline", translate: t("navbar.home"), children: /* @__PURE__ */ jsx(Icon, { name: "nav/home", color: "#fff" }) }) }),
-      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: appsRef, id: popoverAppsId, "aria-haspopup": "true", "aria-expanded": isAppsHovered, children: [
-        /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), children: /* @__PURE__ */ jsx(Icon, { name: "nav/my-apps", color: "#fff" }) }),
-        /* @__PURE__ */ jsxs(Popover, { className: "top-100 widget", id: popoverAppsId, isVisible: isAppsHovered, children: [
-          /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(WidgetAppsBody, { bookmarkedApps }) }),
-          /* @__PURE__ */ jsx(PopoverFooter, { className: "widget-footer border-top border-ghost", children: /* @__PURE__ */ jsx(WidgetAppsFooter, {}) })
+  ] }) : /* @__PURE__ */ e(f, { className: "navbar-expand-md", children: /* @__PURE__ */ a("div", { className: "container-fluid", children: [
+    /* @__PURE__ */ e(M, { src: `${u}/img/illustrations/logo.png` }),
+    /* @__PURE__ */ e("a", { href: s ? s.address : "/timeline/timeline", className: "navbar-title text-truncate d-md-none", children: x }),
+    /* @__PURE__ */ a("ul", { className: "navbar-nav", children: [
+      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { link: "/timeline/timeline", translate: n("navbar.home"), children: /* @__PURE__ */ e(o, { name: "nav/home", color: "#fff" }) }) }),
+      /* @__PURE__ */ a(r, { className: "position-relative", ref: U, id: H, "aria-haspopup": "true", "aria-expanded": C, children: [
+        /* @__PURE__ */ e(l, { link: "/welcome", translate: n("navbar.applications"), children: /* @__PURE__ */ e(o, { name: "nav/my-apps", color: "#fff" }) }),
+        /* @__PURE__ */ a(ne, { className: "top-100 widget", id: H, isVisible: C, children: [
+          /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(X, { bookmarkedApps: T }) }),
+          /* @__PURE__ */ e(oe, { className: "widget-footer border-top border-ghost", children: /* @__PURE__ */ e(Y, {}) })
         ] })
       ] }),
-      conversationWorflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: "/conversation/conversation", translate: t("conversation"), children: [
-        /* @__PURE__ */ jsx(Icon, { name: "nav/neo-messaging", color: "#fff" }),
-        hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages })
+      O && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a(l, { className: "position-relative", link: "/conversation/conversation", translate: n("conversation"), children: [
+        /* @__PURE__ */ e(o, { name: "nav/neo-messaging", color: "#fff" }),
+        p && /* @__PURE__ */ e(v, { children: i })
       ] }) }),
-      zimbraWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: msgLink, translate: t("conversation"), children: [
-        /* @__PURE__ */ jsx(Icon, { name: "nav/neo-messaging", color: "#fff" }),
-        hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages })
+      z && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a(l, { className: "position-relative", link: $, translate: n("conversation"), children: [
+        /* @__PURE__ */ e(o, { name: "nav/neo-messaging", color: "#fff" }),
+        p && /* @__PURE__ */ e(v, { children: i })
       ] }) }),
-      currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
-        /* @__PURE__ */ jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
-          setIsHelpOpen(!0);
+      b === "fr" && N ? /* @__PURE__ */ a(r, { children: [
+        /* @__PURE__ */ a("button", { className: "nav-link btn btn-naked", onClick: () => {
+          c(!0);
         }, children: [
-          /* @__PURE__ */ jsx(Icon, { name: "nav/neo-assistance", color: "#fff" }),
-          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("support") })
+          /* @__PURE__ */ e(o, { name: "nav/neo-assistance", color: "#fff" }),
+          /* @__PURE__ */ e(d, { children: n("support") })
         ] }),
-        /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
+        /* @__PURE__ */ e(B, { isHelpOpen: g, setIsHelpOpen: c, parsedContent: k, parsedHeadline: w, error: y })
       ] }) : null,
-      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("div", { className: "dropdown", children: [
-        /* @__PURE__ */ jsx("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !isCollapsed, "aria-label": t("navbar.open.menu"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsx(Icon, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
-        /* @__PURE__ */ jsxs("ul", { className: `dropdown-menu dropdown-menu-end ${isCollapsed ? "" : "show"}`, id: "dropdown-navbar", children: [
-          communityWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/community", className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "nav/community", className: "icon community" }),
-            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
+      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("div", { className: "dropdown", children: [
+        /* @__PURE__ */ e("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !t, "aria-label": n("navbar.open.menu"), onClick: I, children: /* @__PURE__ */ e(o, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
+        /* @__PURE__ */ a("ul", { className: `dropdown-menu dropdown-menu-end ${t ? "" : "show"}`, id: "dropdown-navbar", children: [
+          R && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/community", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ e(o, { name: "nav/community", className: "icon community" }),
+            /* @__PURE__ */ e("span", { className: "nav-text", children: n("navbar.community") })
           ] }) }),
-          searchWorkflow ? /* @__PURE__ */ jsx(SearchEngine, {}) : null,
-          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }),
-            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.myaccount") })
+          S ? /* @__PURE__ */ e(Q, {}) : null,
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ e(P, { alt: W, size: "sm", src: A, variant: "circle", className: "bg-white", width: "32", height: "32" }),
+            /* @__PURE__ */ e("span", { className: "nav-text", children: n("navbar.myaccount") })
           ] }) }),
-          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx("hr", { className: "dropdown-divider" }) }),
-          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? "/"), className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "nav/disconnect", className: "icon logout" }),
-            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("hr", { className: "dropdown-divider" }) }),
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/auth/logout?callback=" + ((h == null ? void 0 : h.logoutCallback) ?? "/"), className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ e(o, { name: "nav/disconnect", className: "icon logout" }),
+            /* @__PURE__ */ e("span", { id: "logout-label", className: "nav-text", children: n("navbar.disconnect") })
           ] }) })
         ] })
       ] }) })
@@ -166,5 +166,6 @@ const Header = ({
   ] }) }) });
 };
 export {
-  Header as default
+  Le as default
 };
+//# sourceMappingURL=Header.js.map

package/dist/portal/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/portal/Header/Header.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Avatar,\n  Icon,\n  Logo,\n  Popover,\n  PopoverBody,\n  PopoverFooter,\n  VisuallyHidden,\n} from '../../components';\nimport {\n  useConversation,\n  useHasWorkflow,\n  useHeader,\n  useOdeClient,\n  useOdeTheme,\n  useUser,\n} from '../../core';\nimport { Help } from '../Help';\nimport { useHelp } from '../Help/hooks/useHelp';\nimport SearchEngine from '../SearchEngine/SearchEngine';\nimport { Badge } from './Badge';\nimport { NavItem } from './NavItem';\nimport { NavLink } from './NavLink';\nimport { Navbar } from './Navbar';\nimport { NavBarNav } from './NavbarNav';\nimport { WidgetAppsBody, WidgetAppsFooter } from './WidgetApps';\n\nexport interface HeaderProps {\n  is1d?: boolean;\n  src: string | undefined;\n}\n\nconst Header = ({ is1d = false, src = '' }: HeaderProps): JSX.Element => {\n  const { t } = useTranslation();\n  const { messages, msgLink, zimbraWorkflow } = useConversation();\n  const { user, avatar } = useUser();\n  const { currentLanguage, currentApp } = useOdeClient();\n  const hasOldHelpEnableWorkflow =\n    useHasWorkflow(\n      'org.entcore.portal.controllers.PortalController|oldHelpEnable',\n    ) || false;\n\n  const {\n    isModalOpen: isHelpOpen,\n    setIsModalOpen: setIsHelpOpen,\n    parsedContent,\n    parsedHeadline,\n    error,\n  } = useHelp();\n\n  const classes = clsx('header', {\n    'no-2d': is1d,\n    'no-1d': !is1d,\n  });\n\n  const {\n    title,\n    bookmarkedApps,\n    appsRef,\n    isAppsHovered,\n    popoverAppsId,\n    userAvatar,\n    userName,\n    welcomeUser,\n    communityWorkflow,\n    conversationWorflow,\n    searchWorkflow,\n    isCollapsed,\n    toggleCollapsedNav,\n    handleLogout,\n  } = useHeader({ user, avatar });\n\n  const hasMessages = messages > 0;\n\n  const { theme } = useOdeTheme();\n\n  return (\n    <header className={classes}>\n      {is1d ? (\n        <>\n          <div className=\"container-fluid\">\n            <Navbar>\n              <a\n                className=\"navbar-title d-md-none text-truncate h4\"\n                href={currentApp ? currentApp.address : '/timeline/timeline'}\n              >\n                {title}\n              </a>\n              <div className=\"d-none d-md-inline-flex gap-12 align-items-center\">\n                <Avatar\n                  alt={userName}\n                  size=\"sm\"\n                  src={userAvatar}\n                  variant=\"circle\"\n                  width=\"32\"\n                  height=\"32\"\n                />\n                <span className=\"navbar-text\">{welcomeUser}</span>\n              </div>\n              <NavBarNav\n                className=\"gap-8\"\n                aria-hidden=\"false\"\n                aria-label={t('navbar.main.navigation')}\n              >\n                {conversationWorflow && (\n                  <NavItem>\n                    <a href=\"/conversation/conversation\" className=\"nav-link\">\n                      <Icon\n                        name=\"nav/one-messaging\"\n                        className=\"icon notification\"\n                      />\n                      {hasMessages && <Badge>{messages}</Badge>}\n                      <VisuallyHidden>{t('navbar.messages')}</VisuallyHidden>\n                    </a>\n                  </NavItem>\n                )}\n                <NavItem>\n                  <NavLink\n                    link=\"/userbook/mon-compte\"\n                    className=\"dropdown-item\"\n                    translate={t('navbar.myaccount')}\n                  >\n                    <Icon name=\"nav/one-profile\" className=\"icon user\" />\n                  </NavLink>\n                </NavItem>\n                {currentLanguage === 'fr' && hasOldHelpEnableWorkflow ? (\n                  <NavItem>\n                    <button\n                      className=\"nav-link\"\n                      onClick={() => {\n                        setIsHelpOpen(true);\n                      }}\n                    >\n                      <Icon name=\"nav/neo-assistance\" className=\"icon help\" />\n                      <VisuallyHidden>{t('navbar.help')}</VisuallyHidden>\n                    </button>\n\n                    <Help\n                      isHelpOpen={isHelpOpen}\n                      setIsHelpOpen={setIsHelpOpen}\n                      parsedContent={parsedContent}\n                      parsedHeadline={parsedHeadline}\n                      error={error}\n                    />\n                  </NavItem>\n                ) : null}\n                <NavItem>\n                  <button className=\"nav-link\" onClick={handleLogout}>\n                    <Icon name=\"nav/disconnect\" className=\"icon logout\" />\n                    <VisuallyHidden>{t('navbar.disconnect')}</VisuallyHidden>\n                  </button>\n                </NavItem>\n                <NavItem className=\"d-md-none\">\n                  <button\n                    className=\"nav-link btn btn-naked\"\n                    type=\"button\"\n                    aria-controls=\"navbarCollapsed\"\n                    aria-expanded={!isCollapsed}\n                    aria-label={t('navbar.secondary.navigation')}\n                    onClick={toggleCollapsedNav}\n                  >\n                    <Icon\n                      name=\"rafter-down\"\n                      className=\"icon rafter-down\"\n                      width=\"20\"\n                      height=\"20\"\n                    />\n                  </button>\n                </NavItem>\n              </NavBarNav>\n            </Navbar>\n          </div>\n          <Navbar\n            className=\"no-2d navbar-secondary navbar-expand-md\"\n            aria-label={t('navbar.secondary.navigation')}\n          >\n            <div className=\"container-fluid\">\n              <div\n                className={`collapse navbar-collapse ${\n                  !isCollapsed ? 'show' : ''\n                }`}\n                id=\"navbarCollapsed\"\n              >\n                <Logo\n                  is1d\n                  src={`${src}/img/illustrations/logo.png`}\n                  translate={t('navbar.home')}\n                />\n\n                <NavBarNav className=\"gap-8\">\n                  <NavItem>\n                    <a href=\"/timeline/timeline\" className=\"button\">\n                      <Icon\n                        name=\"nav/new-release\"\n                        color=\"#fff\"\n                        className=\"d-md-none\"\n                      />\n                      <span className=\"d-inline-block\">\n                        {t('portal.header.navigation.whatsnew')}\n                      </span>\n                    </a>\n                  </NavItem>\n                  <NavItem>\n                    <a href=\"/userbook/annuaire\" className=\"button\">\n                      <Icon\n                        name=\"nav/userbook\"\n                        color=\"#fff\"\n                        className=\"d-md-none\"\n                      />\n                      <span className=\"d-inline-block\">\n                        {t('portal.header.navigation.classMembers')}\n                      </span>\n                    </a>\n                  </NavItem>\n                  <NavItem>\n                    <a href=\"/welcome\" className=\"button\">\n                      <Icon\n                        name=\"nav/my-apps\"\n                        color=\"#fff\"\n                        className=\"d-md-none\"\n                      />\n                      <span className=\"d-inline-block\">\n                        {t('portal.header.navigation.myapps')}\n                      </span>\n                    </a>\n                  </NavItem>\n                </NavBarNav>\n              </div>\n            </div>\n          </Navbar>\n        </>\n      ) : (\n        <Navbar className=\"navbar-expand-md\">\n          <div className=\"container-fluid\">\n            <Logo src={`${src}/img/illustrations/logo.png`} />\n            <a\n              href={currentApp ? currentApp.address : '/timeline/timeline'}\n              className=\"navbar-title text-truncate d-md-none\"\n            >\n              {title}\n            </a>\n            <ul className=\"navbar-nav\">\n              <NavItem>\n                <NavLink link=\"/timeline/timeline\" translate={t('navbar.home')}>\n                  <Icon name=\"nav/home\" color=\"#fff\" />\n                </NavLink>\n              </NavItem>\n              <NavItem\n                className=\"position-relative\"\n                ref={appsRef}\n                id={popoverAppsId}\n                aria-haspopup=\"true\"\n                aria-expanded={isAppsHovered}\n              >\n                <NavLink link=\"/welcome\" translate={t('navbar.applications')}>\n                  <Icon name=\"nav/my-apps\" color=\"#fff\" />\n                </NavLink>\n                <Popover\n                  className=\"top-100 widget\"\n                  id={popoverAppsId}\n                  isVisible={isAppsHovered}\n                >\n                  <PopoverBody>\n                    <WidgetAppsBody bookmarkedApps={bookmarkedApps} />\n                  </PopoverBody>\n                  <PopoverFooter className=\"widget-footer border-top border-ghost\">\n                    <WidgetAppsFooter />\n                  </PopoverFooter>\n                </Popover>\n              </NavItem>\n              {conversationWorflow && (\n                <NavItem>\n                  <NavLink\n                    className=\"position-relative\"\n                    link=\"/conversation/conversation\"\n                    translate={t('conversation')}\n                  >\n                    <Icon name=\"nav/neo-messaging\" color=\"#fff\" />\n                    {hasMessages && <Badge>{messages}</Badge>}\n                  </NavLink>\n                </NavItem>\n              )}\n              {zimbraWorkflow && (\n                <NavItem>\n                  <NavLink\n                    className=\"position-relative\"\n                    link={msgLink}\n                    translate={t('conversation')}\n                  >\n                    <Icon name=\"nav/neo-messaging\" color=\"#fff\" />\n                    {hasMessages && <Badge>{messages}</Badge>}\n                  </NavLink>\n                </NavItem>\n              )}\n              {currentLanguage === 'fr' && hasOldHelpEnableWorkflow ? (\n                <NavItem>\n                  <button\n                    className=\"nav-link btn btn-naked\"\n                    onClick={() => {\n                      setIsHelpOpen(true);\n                    }}\n                  >\n                    <Icon name=\"nav/neo-assistance\" color=\"#fff\" />\n                    <VisuallyHidden>{t('support')}</VisuallyHidden>\n                  </button>\n\n                  <Help\n                    isHelpOpen={isHelpOpen}\n                    setIsHelpOpen={setIsHelpOpen}\n                    parsedContent={parsedContent}\n                    parsedHeadline={parsedHeadline}\n                    error={error}\n                  />\n                </NavItem>\n              ) : null}\n              <NavItem>\n                <div className=\"dropdown\">\n                  <button\n                    className=\"nav-link btn btn-naked d-md-none\"\n                    type=\"button\"\n                    aria-controls=\"dropdown-navbar\"\n                    aria-expanded={!isCollapsed}\n                    aria-label={t('navbar.open.menu')}\n                    onClick={toggleCollapsedNav}\n                  >\n                    <Icon\n                      name=\"rafter-down\"\n                      className=\"icon rafter-down\"\n                      width=\"20\"\n                      height=\"20\"\n                      color=\"#fff\"\n                    />\n                  </button>\n                  <ul\n                    className={`dropdown-menu dropdown-menu-end ${\n                      !isCollapsed ? 'show' : ''\n                    }`}\n                    id=\"dropdown-navbar\"\n                  >\n                    {communityWorkflow && (\n                      <NavItem>\n                        <a href=\"/community\" className=\"nav-link dropdown-item\">\n                          <Icon\n                            name=\"nav/community\"\n                            className=\"icon community\"\n                          />\n                          <span className=\"nav-text\">\n                            {t('navbar.community')}\n                          </span>\n                        </a>\n                      </NavItem>\n                    )}\n                    {searchWorkflow ? <SearchEngine /> : null}\n                    <NavItem>\n                      <a\n                        href=\"/userbook/mon-compte\"\n                        className=\"nav-link dropdown-item\"\n                      >\n                        <Avatar\n                          alt={userName}\n                          size=\"sm\"\n                          src={userAvatar}\n                          variant=\"circle\"\n                          className=\"bg-white\"\n                          width=\"32\"\n                          height=\"32\"\n                        />\n                        <span className=\"nav-text\">\n                          {t('navbar.myaccount')}\n                        </span>\n                      </a>\n                    </NavItem>\n                    <NavItem>\n                      <hr className=\"dropdown-divider\" />\n                    </NavItem>\n                    <NavItem>\n                      <a\n                        href={\n                          '/auth/logout?callback=' +\n                          (theme?.logoutCallback ?? '/')\n                        }\n                        className=\"nav-link dropdown-item\"\n                      >\n                        <Icon name=\"nav/disconnect\" className=\"icon logout\" />\n                        <span id=\"logout-label\" className=\"nav-text\">\n                          {t('navbar.disconnect')}\n                        </span>\n                      </a>\n                    </NavItem>\n                  </ul>\n                </div>\n              </NavItem>\n            </ul>\n          </div>\n        </Navbar>\n      )}\n    </header>\n  );\n};\n\nHeader.displayName = 'Header';\n\nexport default Header;\n"],"names":["Header","is1d","src","t","useTranslation","messages","msgLink","zimbraWorkflow","useConversation","user","avatar","useUser","currentLanguage","currentApp","useOdeClient","hasOldHelpEnableWorkflow","useHasWorkflow","isModalOpen","isHelpOpen","setIsModalOpen","setIsHelpOpen","parsedContent","parsedHeadline","error","useHelp","classes","clsx","title","bookmarkedApps","appsRef","isAppsHovered","popoverAppsId","userAvatar","userName","welcomeUser","communityWorkflow","conversationWorflow","searchWorkflow","isCollapsed","toggleCollapsedNav","handleLogout","useHeader","hasMessages","theme","useOdeTheme","jsx","jsxs","Fragment","Navbar","address","Avatar","NavBarNav","NavItem","Icon","Badge","VisuallyHidden","NavLink","Help","Logo","Popover","PopoverBody","WidgetAppsBody","PopoverFooter","WidgetAppsFooter","SearchEngine","logoutCallback"],"mappings":"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"}

package/dist/portal/Header/NavItem.js

@@ -1,14 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const NavItem = /* @__PURE__ */ forwardRef(({
-  children,
-  className,
-  ...restProps
-}, ref) => {
-  const classes = clsx("nav-item", className);
-  return /* @__PURE__ */ jsx("li", { ref, className: classes, ...restProps, children });
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import c from "clsx";
+const n = /* @__PURE__ */ a(({
+  children: r,
+  className: o,
+  ...m
+}, s) => {
+  const t = c("nav-item", o);
+  return /* @__PURE__ */ e("li", { ref: s, className: t, ...m, children: r });
 });
 export {
-  NavItem
+  n as NavItem
 };
+//# sourceMappingURL=NavItem.js.map

package/dist/portal/Header/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sources":["../../../src/portal/Header/NavItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface NavItemProps extends React.ComponentPropsWithRef<'li'> {\n  children: ReactNode;\n  className?: string;\n}\n\nexport const NavItem = forwardRef(\n  (\n    { children, className, ...restProps }: NavItemProps,\n    ref: Ref<HTMLLIElement>,\n  ) => {\n    const classes = clsx('nav-item', className);\n\n    return (\n      <li ref={ref} className={classes} {...restProps}>\n        {children}\n      </li>\n    );\n  },\n);\n\nNavItem.displayName = 'NavItem';\n"],"names":["NavItem","children","className","restProps","ref","classes","clsx"],"mappings":";;;AASaA,MAAAA,sBACX,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGC;AAAwB,GAClDC,MACG;AACGC,QAAAA,IAAUC,EAAK,YAAYJ,CAAS;AAE1C,2BACG,MAAG,EAAA,KAAAE,GAAU,WAAWC,GAAS,GAAIF,GACnCF,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/portal/Header/NavLink.js

@@ -1,19 +1,20 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
-function NavLink({
-  link,
-  className,
-  children,
-  translate,
-  ...restProps
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import o from "clsx";
+import { VisuallyHidden as m } from "../../components/VisuallyHidden/VisuallyHidden.js";
+function p({
+  link: r,
+  className: i,
+  children: e,
+  translate: s,
+  ...a
 }) {
-  const classes = clsx("nav-link", className);
-  return /* @__PURE__ */ jsxs("a", { href: link, className: classes, ...restProps, children: [
-    children,
-    translate && /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { className: "nav-text", children: translate }) })
+  const c = o("nav-link", i);
+  return /* @__PURE__ */ l("a", { href: r, className: c, ...a, children: [
+    e,
+    s && /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n("span", { className: "nav-text", children: s }) })
   ] });
 }
 export {
-  NavLink
+  p as NavLink
 };
+//# sourceMappingURL=NavLink.js.map

package/dist/portal/Header/NavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.js","sources":["../../../src/portal/Header/NavLink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nimport VisuallyHidden from '../../components/VisuallyHidden/VisuallyHidden';\n\nexport interface NavLinkProps<T> {\n  /**\n   * href link\n   */\n  link: T;\n  /**\n   * To override default classes\n   */\n  className?: T;\n  /**\n   * Children props\n   */\n  children: ReactNode;\n  /**\n   * Translate Text\n   */\n  translate?: T;\n  /**\n   * Give Navlink Button Style (for 1D navbar)\n   */\n  button?: boolean;\n}\n\nexport function NavLink({\n  link,\n  className,\n  children,\n  translate,\n  ...restProps\n}: NavLinkProps<string>) {\n  const classes = clsx('nav-link', className);\n\n  return (\n    <a href={link} className={classes} {...restProps}>\n      {children}\n      {translate && (\n        <VisuallyHidden>\n          <span className=\"nav-text\">{translate}</span>\n        </VisuallyHidden>\n      )}\n    </a>\n  );\n}\n"],"names":["NavLink","link","className","children","translate","restProps","classes","clsx","VisuallyHidden","jsx"],"mappings":";;;AA6BO,SAASA,EAAQ;AAAA,EACtBC,MAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACiB,GAAG;AACjBC,QAAAA,IAAUC,EAAK,YAAYL,CAAS;AAE1C,2BACG,KAAE,EAAA,MAAMD,GAAM,WAAWK,GAAS,GAAID,GACpCF,UAAAA;AAAAA,IAAAA;AAAAA,IACAC,uBACEI,GACC,EAAA,UAAA,gBAAAC,EAAC,UAAK,WAAU,YAAYL,aAAU,EACxC,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/portal/Header/Navbar.js

@@ -1,13 +1,14 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-function Navbar({
-  children,
-  className,
-  ...restProps
+import { jsx as n } from "react/jsx-runtime";
+import t from "clsx";
+function e({
+  children: r,
+  className: a,
+  ...s
 }) {
-  const classes = clsx("navbar", className);
-  return /* @__PURE__ */ jsx("nav", { className: classes, ...restProps, children });
+  const o = t("navbar", a);
+  return /* @__PURE__ */ n("nav", { className: o, ...s, children: r });
 }
 export {
-  Navbar
+  e as Navbar
 };
+//# sourceMappingURL=Navbar.js.map

package/dist/portal/Header/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sources":["../../../src/portal/Header/Navbar.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface NavbarProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport function Navbar({ children, className, ...restProps }: NavbarProps) {\n  const classes = clsx('navbar', className);\n\n  return (\n    <nav className={classes} {...restProps}>\n      {children}\n    </nav>\n  );\n}\n"],"names":["Navbar","children","className","restProps","classes","clsx"],"mappings":";;AASO,SAASA,EAAO;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGC;AAAuB,GAAG;AACnEC,QAAAA,IAAUC,EAAK,UAAUH,CAAS;AAExC,2BACG,OAAI,EAAA,WAAWE,GAAaD,GAAAA,GAC1BF,UAAAA,EACH,CAAA;AAEJ;"}

package/dist/portal/Header/NavbarNav.js

@@ -1,13 +1,14 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-function NavBarNav({
-  children,
-  className,
-  ...restProps
+import { jsx as n } from "react/jsx-runtime";
+import t from "clsx";
+function e({
+  children: a,
+  className: r,
+  ...s
 }) {
-  const classes = clsx("navbar-nav", className);
-  return /* @__PURE__ */ jsx("ul", { className: classes, ...restProps, children });
+  const o = t("navbar-nav", r);
+  return /* @__PURE__ */ n("ul", { className: o, ...s, children: a });
 }
 export {
-  NavBarNav
+  e as NavBarNav
 };
+//# sourceMappingURL=NavbarNav.js.map

package/dist/portal/Header/NavbarNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarNav.js","sources":["../../../src/portal/Header/NavbarNav.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface NavBarNavProps extends React.ComponentPropsWithoutRef<'ul'> {\n  children: ReactNode;\n  className?: string;\n}\n\nexport function NavBarNav({\n  children,\n  className,\n  ...restProps\n}: NavBarNavProps) {\n  const classes = clsx('navbar-nav', className);\n\n  return (\n    <ul className={classes} {...restProps}>\n      {children}\n    </ul>\n  );\n}\n"],"names":["NavBarNav","children","className","restProps","classes","clsx"],"mappings":";;AASO,SAASA,EAAU;AAAA,EACxBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACW,GAAG;AACXC,QAAAA,IAAUC,EAAK,cAAcH,CAAS;AAE5C,2BACG,MAAG,EAAA,WAAWE,GAAaD,GAAAA,GACzBF,UAAAA,EACH,CAAA;AAEJ;"}

package/dist/portal/Header/WidgetApps.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IWebApp } from 'edifice-ts-client';
+import { IWebApp } from '@edifice.io/ts-client';
 export declare const WidgetAppsFooter: () => import("react/jsx-runtime").JSX.Element;
 export declare const WidgetAppsBody: ({ bookmarkedApps, }: {
     bookmarkedApps: IWebApp[];

package/dist/portal/Header/WidgetApps.js

@@ -1,23 +1,24 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { AppIcon } from "../../components/AppIcon/AppIcon.js";
-const WidgetAppsFooter = () => {
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as t } from "react-i18next";
+import { AppIcon as d } from "../../components/AppIcon/AppIcon.js";
+const m = () => {
   const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "widget-footer", children: /* @__PURE__ */ jsx("div", { className: "widget-footer-action", children: /* @__PURE__ */ jsx("a", { href: "/welcome", className: "link", children: t("plus") }) }) });
-}, WidgetAppsBody = ({
-  bookmarkedApps
+    t: r
+  } = t();
+  return /* @__PURE__ */ e("div", { className: "widget-footer", children: /* @__PURE__ */ e("div", { className: "widget-footer-action", children: /* @__PURE__ */ e("a", { href: "/welcome", className: "link", children: r("plus") }) }) });
+}, p = ({
+  bookmarkedApps: r
 }) => {
   const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
-    !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
-    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, className: "bookmarked-app", children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+    t: a
+  } = t();
+  return /* @__PURE__ */ i("div", { className: "widget-body d-flex flex-wrap", children: [
+    !r.length && /* @__PURE__ */ e("div", { className: "text-dark", children: a("navbar.myapps.more") }),
+    r.slice(0, 6).map((s, o) => /* @__PURE__ */ e("a", { href: s.address, className: "bookmarked-app", children: /* @__PURE__ */ e(d, { app: s, size: "32" }) }, o))
   ] });
 };
 export {
-  WidgetAppsBody,
-  WidgetAppsFooter
+  p as WidgetAppsBody,
+  m as WidgetAppsFooter
 };
+//# sourceMappingURL=WidgetApps.js.map

package/dist/portal/Header/WidgetApps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetApps.js","sources":["../../../src/portal/Header/WidgetApps.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { type IWebApp } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport { AppIcon } from '../../components/AppIcon/AppIcon';\n\nexport const WidgetAppsFooter = () => {\n  const { t } = useTranslation();\n  return (\n    <div className=\"widget-footer\">\n      <div className=\"widget-footer-action\">\n        <a href=\"/welcome\" className=\"link\">\n          {t('plus')}\n        </a>\n      </div>\n    </div>\n  );\n};\n\nexport const WidgetAppsBody = ({\n  bookmarkedApps,\n}: {\n  bookmarkedApps: IWebApp[];\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"widget-body d-flex flex-wrap\">\n      {!bookmarkedApps.length && (\n        <div className=\"text-dark\">{t('navbar.myapps.more')}</div>\n      )}\n      {bookmarkedApps.slice(0, 6).map((app, index) => {\n        return (\n          <a key={index} href={app.address} className=\"bookmarked-app\">\n            <AppIcon app={app} size=\"32\" />\n          </a>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default function WidgetApps({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"widget\">\n      <div className=\"widget-applications\">{children}</div>\n    </div>\n  );\n}\n"],"names":["WidgetAppsFooter","t","useTranslation","jsx","WidgetAppsBody","bookmarkedApps","jsxs","length","slice","map","app","index","address","AppIcon"],"mappings":";;;AAOO,MAAMA,IAAmBA,MAAM;AAC9B,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAC7B,2BACG,OAAI,EAAA,WAAU,iBACb,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAAC,KAAE,EAAA,MAAK,YAAW,WAAU,QAC1BF,YAAE,MAAM,EAAA,CACX,EACF,CAAA,EACF,CAAA;AAEJ,GAEaG,IAAiBA,CAAC;AAAA,EAC7BC,gBAAAA;AAGF,MAAM;AACE,QAAA;AAAA,IAAEJ,GAAAA;AAAAA,MAAMC,EAAe;AAG3B,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,gCACZ,UAAA;AAAA,IAACD,CAAAA,EAAeE,UACd,gBAAAJ,EAAA,OAAA,EAAI,WAAU,aAAaF,UAAAA,EAAE,oBAAoB,EAAE,CAAA;AAAA,IAErDI,EAAeG,MAAM,GAAG,CAAC,EAAEC,IAAI,CAACC,GAAKC,MAEjC,gBAAAR,EAAA,KAAA,EAAc,MAAMO,EAAIE,SAAS,WAAU,kBAC1C,UAAA,gBAAAT,EAACU,GAAQ,EAAA,KAAAH,GAAU,MAAK,MAAI,KADtBC,CAER,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/portal/Help/Help.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HelpProps {
     isHelpOpen: boolean;
     parsedHeadline: any;