@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.13

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export interface VisuallyHiddenProps {
     children: ReactNode;
 }
-export declare const VisuallyHidden: import('react').ForwardRefExoticComponent<VisuallyHiddenProps & import('react').RefAttributes<HTMLSpanElement>>;
+declare const VisuallyHidden: import('react').ForwardRefExoticComponent<VisuallyHiddenProps & import('react').RefAttributes<HTMLSpanElement>>;
 export default VisuallyHidden;

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,10 +1,8 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-const i = /* @__PURE__ */ e(({
-  children: r
-}, a) => /* @__PURE__ */ s("span", { className: "visually-hidden", ref: a, children: r }));
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const VisuallyHidden = /* @__PURE__ */ forwardRef(({
+  children
+}, ref) => /* @__PURE__ */ jsx("span", { className: "visually-hidden", ref, children })), VisuallyHidden$1 = VisuallyHidden;
 export {
-  i as VisuallyHidden,
-  i as default
+  VisuallyHidden$1 as default
 };
-//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/index.d.ts

@@ -1 +1 @@
-export * from './VisuallyHidden';
+export { default as VisuallyHidden } from './VisuallyHidden';

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './Alert';
 export * from './AppHeader';
 export * from './AppIcon';
 export * from './Attachment';
+export * from './Audience';
 export * from './Avatar';
 export * from './Badge';
 export * from './Breadcrumb';
@@ -18,7 +19,6 @@ export * from './FileCard';
 export * from './Form';
 export * from './Grid';
 export * from './Heading';
-export * from './Icon';
 export * from './Image';
 export * from './ImagePicker';
 export * from './Input';

package/dist/core/OdeClientProvider/OdeClientProvider.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { App, IGetConf, IGetSession, IUserDescription, IUserInfo, IWebApp, UserProfile } from '@edifice.io/ts-client';
 import { UseQueryResult } from '../../../node_modules/@tanstack/react-query';
+import { App, IGetConf, IGetSession, IUserDescription, IUserInfo, IWebApp, UserProfile } from 'edifice-ts-client';
 export interface OdeProviderParams {
     alternativeApp?: boolean;
     app: App;

package/dist/core/OdeClientProvider/OdeClientProvider.js

@@ -1,63 +1,62 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as x, useEffect as m, useMemo as P, useContext as h } from "react";
-import { useTranslation as A } from "react-i18next";
-import O from "../useSession/useSession.js";
-import S from "../useConf/useConf.js";
-const f = /* @__PURE__ */ x(null);
-function j({
-  children: c,
-  params: C
+import { jsx } from "react/jsx-runtime";
+import { createContext, useEffect, useMemo, useContext } from "react";
+import { useTranslation } from "react-i18next";
+import useSession from "../useSession/useSession.js";
+import useConf from "../useConf/useConf.js";
+const OdeClientContext = /* @__PURE__ */ createContext(null);
+function OdeClientProvider({
+  children,
+  params
 }) {
-  const e = C.app, {
-    t: v
-  } = A(), u = v(e), t = O(), a = S({
-    appCode: e
-  }), i = (a == null ? void 0 : a.isSuccess) && (t == null ? void 0 : t.isSuccess);
-  m(() => {
-    var r;
+  const appCode = params.app, {
+    t
+  } = useTranslation(), translatedAppCode = t(appCode), sessionQuery = useSession(), confQuery = useConf({
+    appCode
+  }), init = (confQuery == null ? void 0 : confQuery.isSuccess) && (sessionQuery == null ? void 0 : sessionQuery.isSuccess);
+  useEffect(() => {
+    var _a;
     [
       {
         data: "html",
-        value: ((r = t == null ? void 0 : t.data) == null ? void 0 : r.currentLanguage) || "fr"
+        value: ((_a = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a.currentLanguage) || "fr"
       },
       // #WB-3137 Disable the translation of the content of the page which provoced issues
       {
         data: "translate",
         value: "no"
       }
-    ].forEach((o) => {
-      var n;
-      return (n = document.querySelector("html")) == null ? void 0 : n.setAttribute(o.data, o.value);
+    ].forEach((attribute) => {
+      var _a2;
+      return (_a2 = document.querySelector("html")) == null ? void 0 : _a2.setAttribute(attribute.data, attribute.value);
     });
-  }, [t == null ? void 0 : t.data]), m(() => {
-    document.title = `${u}`;
-  }, [e, t.data, u]);
-  const g = P(() => {
-    var d, r, o, n, l, p;
+  }, [sessionQuery == null ? void 0 : sessionQuery.data]), useEffect(() => {
+    document.title = `${translatedAppCode}`;
+  }, [appCode, sessionQuery.data, translatedAppCode]);
+  const values = useMemo(() => {
+    var _a, _b, _c, _d, _e, _f;
     return {
-      appCode: e,
-      applications: (d = a == null ? void 0 : a.data) == null ? void 0 : d.applications,
-      confQuery: a,
-      currentApp: (r = a == null ? void 0 : a.data) == null ? void 0 : r.currentApp,
-      currentLanguage: (o = t == null ? void 0 : t.data) == null ? void 0 : o.currentLanguage,
-      init: i,
-      sessionQuery: t,
-      user: (n = t == null ? void 0 : t.data) == null ? void 0 : n.user,
-      userDescription: (l = t == null ? void 0 : t.data) == null ? void 0 : l.userDescription,
-      userProfile: (p = t == null ? void 0 : t.data) == null ? void 0 : p.userProfile
+      appCode,
+      applications: (_a = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a.applications,
+      confQuery,
+      currentApp: (_b = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _b.currentApp,
+      currentLanguage: (_c = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _c.currentLanguage,
+      init,
+      sessionQuery,
+      user: (_d = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _d.user,
+      userDescription: (_e = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _e.userDescription,
+      userProfile: (_f = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _f.userProfile
     };
-  }, [e, a, i, t]);
-  return /* @__PURE__ */ s(f.Provider, { value: g, children: c });
+  }, [appCode, confQuery, init, sessionQuery]);
+  return /* @__PURE__ */ jsx(OdeClientContext.Provider, { value: values, children });
 }
-function q() {
-  const c = h(f);
-  if (!c)
+function useOdeClient() {
+  const context = useContext(OdeClientContext);
+  if (!context)
     throw new Error("Cannot be used outside of OdeClientProvider");
-  return c;
+  return context;
 }
 export {
-  f as OdeClientContext,
-  j as OdeClientProvider,
-  q as useOdeClient
+  OdeClientContext,
+  OdeClientProvider,
+  useOdeClient
 };
-//# sourceMappingURL=OdeClientProvider.js.map

package/dist/core/ThemeProvider/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IOdeTheme } from '@edifice.io/ts-client';
+import { IOdeTheme } from 'edifice-ts-client';
 export interface ThemeProps {
     children: ReactNode;
 }

package/dist/core/ThemeProvider/ThemeProvider.js

@@ -1,53 +1,53 @@
-import { jsx as E } from "react/jsx-runtime";
-import { createContext as f, useEffect as g, useMemo as O, useContext as T } from "react";
-import { useOdeClient as k } from "../OdeClientProvider/OdeClientProvider.js";
-import w from "../useConf/useConf.js";
-const C = /* @__PURE__ */ f(null);
-function B({
-  children: e
+import { jsx } from "react/jsx-runtime";
+import { createContext, useEffect, useMemo, useContext } from "react";
+import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
+import useConf from "../useConf/useConf.js";
+const ThemeContext = /* @__PURE__ */ createContext(null);
+function ThemeProvider({
+  children
 }) {
-  var s;
+  var _a;
   const {
-    appCode: b
-  } = k(), t = w({
-    appCode: b
+    appCode
+  } = useOdeClient(), confQuery = useConf({
+    appCode
   });
-  g(() => {
-    var d, i, m, n, r, h, l, u, v;
-    const a = document.getElementById("favicon");
-    a.href = `${(i = (d = t == null ? void 0 : t.data) == null ? void 0 : d.theme) == null ? void 0 : i.basePath}/img/illustrations/favicon.ico`;
-    const o = (r = (n = (m = t == null ? void 0 : t.data) == null ? void 0 : m.theme) == null ? void 0 : n.bootstrapVersion) == null ? void 0 : r.split("-"), P = o ? o[o.length - 1] : void 0;
+  useEffect(() => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const favicon = document.getElementById("favicon");
+    favicon.href = `${(_b = (_a2 = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a2.theme) == null ? void 0 : _b.basePath}/img/illustrations/favicon.ico`;
+    const bootstrapVersion = (_e = (_d = (_c = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _c.theme) == null ? void 0 : _d.bootstrapVersion) == null ? void 0 : _e.split("-"), dataProduct = bootstrapVersion ? bootstrapVersion[bootstrapVersion.length - 1] : void 0;
     [{
       data: "data-skin",
-      value: (l = (h = t == null ? void 0 : t.data) == null ? void 0 : h.theme) == null ? void 0 : l.skinName
+      value: (_g = (_f = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _f.theme) == null ? void 0 : _g.skinName
     }, {
       data: "data-theme",
-      value: (v = (u = t == null ? void 0 : t.data) == null ? void 0 : u.theme) == null ? void 0 : v.themeName
+      // WB2-1885, add npmTheme for dynamic theme on springboard
+      value: ((_i = (_h = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _h.theme) == null ? void 0 : _i.npmTheme) ?? ((_k = (_j = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _j.theme) == null ? void 0 : _k.themeName)
     }, {
       data: "data-product",
-      value: P
-    }].forEach((c) => {
-      var p;
-      return (p = document.querySelector("html")) == null ? void 0 : p.setAttribute(c.data, c.value);
+      value: dataProduct
+    }].forEach((attribute) => {
+      var _a3;
+      return (_a3 = document.querySelector("html")) == null ? void 0 : _a3.setAttribute(attribute.data, attribute.value);
     });
-  }, [t == null ? void 0 : t.data]);
-  const x = O(() => {
-    var a;
+  }, [confQuery == null ? void 0 : confQuery.data]);
+  const values = useMemo(() => {
+    var _a2;
     return {
-      theme: (a = t == null ? void 0 : t.data) == null ? void 0 : a.theme
+      theme: (_a2 = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a2.theme
     };
-  }, [(s = t == null ? void 0 : t.data) == null ? void 0 : s.theme]);
-  return /* @__PURE__ */ E(C.Provider, { value: x, children: e });
+  }, [(_a = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a.theme]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: values, children });
 }
-function I() {
-  const e = T(C);
-  if (!e)
+function useOdeTheme() {
+  const context = useContext(ThemeContext);
+  if (!context)
     throw new Error("Cannot be used outside of OdeClientProvider");
-  return e;
+  return context;
 }
 export {
-  C as ThemeContext,
-  B as ThemeProvider,
-  I as useOdeTheme
+  ThemeContext,
+  ThemeProvider,
+  useOdeTheme
 };
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/core/index.d.ts

@@ -2,6 +2,7 @@ export * from './OdeClientProvider';
 export * from './ThemeProvider';
 export * from './useAvatar';
 export * from './useBookmark';
+export * from './useCantoo';
 export * from './useConf';
 export * from './useConversation';
 export * from './useDate';

package/dist/core/useAvatar/useAvatar.d.ts

@@ -1,4 +1,4 @@
-import { ID, UserProfile } from '@edifice.io/ts-client';
+import { ID, UserProfile } from 'edifice-ts-client';
 export default function useAvatar(userId: ID, userProfile?: UserProfile[number]): {
     badge: JSX.Element | null;
     avatarURL: string;

package/dist/core/useAvatar/useAvatar.js

@@ -1,31 +1,30 @@
-import { jsx as s } from "react/jsx-runtime";
-import { odeServices as n } from "@edifice.io/ts-client";
-import { useMemo as u } from "react";
-import { useTranslation as m } from "react-i18next";
-import { Badge as p } from "../../components/Badge/Badge.js";
-function f(e, r) {
+import { jsx } from "react/jsx-runtime";
+import { odeServices } from "edifice-ts-client";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import Badge from "../../components/Badge/Badge.js";
+function useAvatar(userId, userProfile) {
   const {
-    t: o
-  } = m(), a = u(() => {
-    const t = (r == null ? void 0 : r.toLowerCase()) ?? "guest";
-    return ["teacher", "student", "relative", "personnel"].includes(t) ? /* @__PURE__ */ s(p, { variant: {
+    t
+  } = useTranslation(), badge = useMemo(() => {
+    const profile = (userProfile == null ? void 0 : userProfile.toLowerCase()) ?? "guest";
+    return ["teacher", "student", "relative", "personnel"].includes(profile) ? /* @__PURE__ */ jsx(Badge, { variant: {
       type: "profile",
-      profile: t
-    }, children: o(t) }) : null;
-  }, [r, o]);
-  function i(t) {
-    return n.directory().getAvatarUrl(t, "user");
+      profile
+    }, children: t(profile) }) : null;
+  }, [userProfile, t]);
+  function getAvatarURL(userId2) {
+    return odeServices.directory().getAvatarUrl(userId2, "user");
   }
-  function c(t) {
-    return n.directory().getDirectoryUrl(t, "user");
+  function getUserbookURL(userId2) {
+    return odeServices.directory().getDirectoryUrl(userId2, "user");
   }
   return {
-    badge: a,
-    avatarURL: i(e),
-    userbookURL: c(e)
+    badge,
+    avatarURL: getAvatarURL(userId),
+    userbookURL: getUserbookURL(userId)
   };
 }
 export {
-  f as default
+  useAvatar as default
 };
-//# sourceMappingURL=useAvatar.js.map

package/dist/core/useBookmark/useBookmark.d.ts

@@ -1,2 +1,2 @@
-import { IWebApp } from '@edifice.io/ts-client';
+import { IWebApp } from 'edifice-ts-client';
 export default function useBookmark(): IWebApp[] | undefined;

package/dist/core/useBookmark/useBookmark.js

@@ -1,15 +1,14 @@
-import { useOdeClient as p } from "../OdeClientProvider/OdeClientProvider.js";
-function n() {
-  var e;
+import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
+function useBookmark() {
+  var _a;
   const {
-    sessionQuery: t
-  } = p(), a = /* @__PURE__ */ new Set();
-  return (e = t == null ? void 0 : t.data) == null ? void 0 : e.bookmarkedApps.filter((o) => {
-    const d = a.has(o.displayName);
-    return a.add(o.displayName), !d;
+    sessionQuery
+  } = useOdeClient(), set = /* @__PURE__ */ new Set();
+  return (_a = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a.bookmarkedApps.filter((el) => {
+    const duplicate = set.has(el.displayName);
+    return set.add(el.displayName), !duplicate;
   });
 }
 export {
-  n as default
+  useBookmark as default
 };
-//# sourceMappingURL=useBookmark.js.map

package/dist/core/useCantoo/index.d.ts

@@ -0,0 +1 @@
+export { default as useCantoo } from './useCantoo';

package/dist/core/useCantoo/useCantoo.d.ts

@@ -0,0 +1 @@
+export default function useCantoo(): null;

package/dist/core/useCantoo/useCantoo.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+function useCantoo() {
+  const hasWorkflow = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo");
+  return useEffect(() => {
+    hasWorkflow && !document.getElementById("cantoo-edifice-script") && (async () => {
+      const cantooResponse = await odeServices.http().get("/optionalFeature/cantoo");
+      if (cantooResponse && cantooResponse.scriptPath) {
+        const script = document.createElement("script");
+        script.id = "cantoo-edifice-script", script.src = cantooResponse.scriptPath, script.async = !0, document.body.appendChild(script);
+      }
+    })();
+  }, [hasWorkflow]), null;
+}
+export {
+  useCantoo as default
+};

package/dist/core/useConf/useConf.d.ts

@@ -1,4 +1,4 @@
-import { App } from '@edifice.io/ts-client';
+import { App } from 'edifice-ts-client';
 export default function useConf({ appCode }: {
     appCode: App;
 }): QueryObserverResult<TData, TError>;

package/dist/core/useConf/useConf.js

@@ -1,14 +1,13 @@
-import { odeServices as o } from "@edifice.io/ts-client";
-import { useQuery as r } from "@tanstack/react-query";
-function t({
-  appCode: e
+import { useQuery } from "@tanstack/react-query";
+import { odeServices } from "edifice-ts-client";
+function useConf({
+  appCode
 }) {
-  return r({
+  return useQuery({
     queryKey: ["conf"],
-    queryFn: async () => await o.conf().getConf(e)
+    queryFn: async () => await odeServices.conf().getConf(appCode)
   });
 }
 export {
-  t as default
+  useConf as default
 };
-//# sourceMappingURL=useConf.js.map

package/dist/core/useConversation/useConversation.js

@@ -1,44 +1,43 @@
-import { useState as n, useEffect as a } from "react";
-import { odeServices as i } from "@edifice.io/ts-client";
-import c from "../useHasWorkflow/useHasWorkflow.js";
-const h = () => {
-  const o = c("fr.openent.zimbra.controllers.ZimbraController|view"), m = c("fr.openent.zimbra.controllers.ZimbraController|preauth"), [l, t] = n(0), [u, s] = n(""), f = {
+import { useState, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+const useConversation = () => {
+  const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [messages, setMessages] = useState(0), [msgLink, setMsgLink] = useState(""), queryParams = {
     unread: !0,
     _: (/* @__PURE__ */ new Date()).getTime()
-  }, p = async () => {
-    const e = o ? "/zimbra/count/INBOX" : "/conversation/count/INBOX";
+  }, refreshMails = async () => {
+    const url = zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX";
     try {
       const {
-        count: r
-      } = await i.http().get(e, {
-        queryParams: f
+        count
+      } = await odeServices.http().get(url, {
+        queryParams
       });
-      t(r ?? 0);
-    } catch (r) {
-      console.error(r), t(0);
+      setMessages(count ?? 0);
+    } catch (error) {
+      console.error(error), setMessages(0);
     }
-  }, b = async () => {
-    const e = "/zimbra/zimbra";
+  }, goToMessagerie = async () => {
+    const defaultLink = "/zimbra/zimbra";
     try {
       const {
-        preference: r
-      } = await i.http().get("/userbook/preference/zimbra"), g = r ? JSON.parse(r).modeExpert : !1;
-      s(g && m ? "/zimbra/preauth" : window.location.origin + e);
-    } catch (r) {
-      console.error(r), s(window.location.origin + e);
+        preference
+      } = await odeServices.http().get("/userbook/preference/zimbra"), isExpertMode = preference ? JSON.parse(preference).modeExpert : !1;
+      setMsgLink(isExpertMode && zimbraPreauth ? "/zimbra/preauth" : window.location.origin + defaultLink);
+    } catch (error) {
+      console.error(error), setMsgLink(window.location.origin + defaultLink);
     }
   };
-  return a(() => {
-    p();
-  }, []), a(() => {
-    b();
+  return useEffect(() => {
+    refreshMails();
+  }, []), useEffect(() => {
+    goToMessagerie();
   }, []), {
-    messages: l,
-    msgLink: u,
-    zimbraWorkflow: o
+    messages,
+    msgLink,
+    zimbraWorkflow
   };
-};
+}, useConversation$1 = useConversation;
 export {
-  h as default
+  useConversation$1 as default
 };
-//# sourceMappingURL=useConversation.js.map

package/dist/core/useCookiesConsent/useCookiesConsent.js

@@ -1,30 +1,29 @@
-import { useState as f, useEffect as l } from "react";
-import r from "../usePreferences/usePreferences.js";
-function u() {
-  const [n, e] = f(!1), {
-    getPreference: t,
-    savePreference: o
-  } = r("rgpdCookies");
-  return l(() => {
+import { useState, useEffect } from "react";
+import usePreferences from "../usePreferences/usePreferences.js";
+function useCookiesConsent() {
+  const [showCookiesConsent, setShowCookiesConsent] = useState(!1), {
+    getPreference,
+    savePreference
+  } = usePreferences("rgpdCookies");
+  return useEffect(() => {
     (async () => {
-      const s = await t();
-      e(s === null ? !0 : s.showInfoTip);
+      const res = await getPreference();
+      setShowCookiesConsent(res === null ? !0 : res.showInfoTip);
     })();
   }, []), {
-    showCookiesConsent: n,
+    showCookiesConsent,
     handleConsultCookies: () => {
-      document.location.href = "/userbook/mon-compte", o({
+      document.location.href = "/userbook/mon-compte", savePreference({
         showInfoTip: !1
-      }), e(!1);
+      }), setShowCookiesConsent(!1);
     },
     handleCloseCookiesConsent: () => {
-      o({
+      savePreference({
         showInfoTip: !1
-      }), e(!1);
+      }), setShowCookiesConsent(!1);
     }
   };
 }
 export {
-  u as default
+  useCookiesConsent as default
 };
-//# sourceMappingURL=useCookiesConsent.js.map