@edifice.io/react 2.6.6-develop-b2school.20260923094411 → 2.6.6-develop-pedago.20260923164322

package/dist/components/Form/FormText.js

@@ -1,21 +1,16 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import SvgIconError from "../../modules/icons/components/IconError.js";
-import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
 import { useFormControl } from "./FormContext.js";
 const FormText = ({
   children
 }) => {
   const {
     status
-  } = useFormControl(), classes = clsx("input-message", {
-    "input-message--invalid": status === "invalid",
-    "input-message--valid": status === "valid"
-  }), Icon = status === "invalid" ? SvgIconError : status === "valid" ? SvgIconSuccessOutline : null;
-  return /* @__PURE__ */ jsxs("p", { className: classes, children: [
-    Icon && /* @__PURE__ */ jsx(Icon, { className: "input-message__icon", "aria-hidden": "true" }),
-    children
-  ] });
+  } = useFormControl(), classes = clsx("form-text", {
+    "is-invalid": status === "invalid",
+    valid: status === "valid"
+  });
+  return /* @__PURE__ */ jsx("p", { className: classes, children: /* @__PURE__ */ jsx("em", { children }) });
 };
 export {
   FormText as default

package/dist/components/Input/Input.d.ts

@@ -2,8 +2,7 @@ import { Size } from '../../types';
 export type OmitInputProps = 'disabled' | 'required' | 'size' | 'id' | 'readOnly';
 export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, OmitInputProps> {
     /**
-     * Control size of input. `sm` and `md` share the same visual size
-     * ("Medium" in the design system); only `lg` ("Big") differs.
+     * Control size of input
      */
     size: Size;
     /**
@@ -19,8 +18,7 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      */
     disabled?: boolean;
     /**
-     * @deprecated Validation icons no longer render inside the field —
-     * this prop has no effect and will be removed in a future major version.
+     * Remove validation icon
      */
     noValidationIcon?: boolean;
     /**
@@ -35,13 +33,6 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      * Browser autocomplete feature
      */
     autoComplete?: string;
-    /**
-     * Show a built-in clear (×) button while the field is focused. Opt-in:
-     * several consumers render their own clear affordance already (e.g.
-     * `SearchBar`), and a broad audit of every `Input` usage hasn't been done
-     * yet — see INPUT-MIGRATION-PLAN.md §07.
-     */
-    clearable?: boolean;
 }
 /**
  * Input Form Component

package/dist/components/Input/Input.js

@@ -1,57 +1,40 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState } from "react";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
 import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const Input = /* @__PURE__ */ forwardRef(({
+  noValidationIcon,
   placeholder,
   size = "md",
   type = "text",
   className,
   showCounter = !1,
   autoComplete = "off",
-  clearable = !1,
-  noValidationIcon: _noValidationIcon,
   ...restProps
-}, forwardedRef) => {
+}, ref) => {
   var _a;
   const {
     id,
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), {
-    t
-  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), setRefs = (node) => {
-    inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
-  }, wrapperClasses = clsx("input", {
-    "input--lg": size === "lg",
-    "input--invalid": status === "invalid",
-    "input--valid": status === "valid",
-    "input--plaintext": isReadOnly
-  }, className), handleChange = (e) => {
-    var _a2;
-    setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
-  }, handleClear = () => {
-    var _a2;
-    const node = inputRef.current;
-    if (!node) return;
-    const nativeSetter = (_a2 = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a2.set;
-    nativeSetter == null || nativeSetter.call(node, ""), node.dispatchEvent(new Event("input", {
-      bubbles: !0
-    })), node.focus();
-  }, maxLength = restProps.maxLength ?? 0;
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
-    /* @__PURE__ */ jsx("input", { ref: setRefs, id, className: "input__field", type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: handleChange, autoComplete }),
-    clearable && !isReadOnly && /* @__PURE__ */ jsx("button", { type: "button", className: "input__clear", onClick: handleClear, "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, {}) }),
-    showCounter && /* @__PURE__ */ jsxs("span", { className: clsx("input__counter", {
-      "input__counter--max": currentLength === maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      maxLength
-    ] })
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
+    "form-control": !isReadOnly,
+    "form-control-lg": size === "lg",
+    "form-control-sm": size === "sm",
+    "is-invalid": status === "invalid",
+    "is-valid": status === "valid",
+    "form-control-plaintext": isReadOnly,
+    "no-validation-icon": noValidationIcon,
+    "pe-64": showCounter && !status
+  }, className);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("input", { ref, id, className: classes, type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: (e) => {
+      var _a2;
+      setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
+    }, autoComplete }),
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
   ] });
 });
 export {

package/dist/components/Label/Label.js

@@ -16,8 +16,8 @@ const Label = /* @__PURE__ */ forwardRef(({
     isRequired
   } = useFormControl(), {
     t
-  } = useTranslation(), classes = clsx("input-label", {
-    "input-label--has-icon": leftIcon
+  } = useTranslation(), classes = clsx("form-label", {
+    "has-icon": leftIcon
   }, className), optionalState = isOptional && !isRequired, requiredState = isRequired && !isOptional;
   return useEffect(() => {
     if (isOptional && isRequired)
@@ -25,11 +25,11 @@ const Label = /* @__PURE__ */ forwardRef(({
   }, [isOptional, isRequired]), /* @__PURE__ */ jsxs("label", { ref, htmlFor: id, className: classes, children: [
     leftIcon,
     children,
-    optionalState && /* @__PURE__ */ jsxs("em", { className: "input-label__optional", children: [
+    optionalState && /* @__PURE__ */ jsxs("em", { className: "optional", children: [
       "- ",
       optionalText ?? t("explorer.optional")
     ] }),
-    requiredState && /* @__PURE__ */ jsx("em", { className: "input-label__required", children: requiredText })
+    requiredState && /* @__PURE__ */ jsx("em", { className: "required", children: requiredText })
   ] });
 });
 export {

package/dist/components/Layout/Layout.js

@@ -4,11 +4,10 @@ import clsx from "clsx";
 import { Toaster } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-import { useOverlay } from "../PageLayout/hook/useOverlay.js";
 import Header from "./components/Header.js";
 import HeaderNotificationsOverlay from "./components/HeaderNotificationsOverlay.js";
+import { useOverlay } from "../PageLayout/hook/useOverlay.js";
 import useUiOverride from "../../hooks/useUiOverride/useUiOverride.js";
-import useBackground from "../../hooks/useBackground/useBackground.js";
 import useCookiesConsent from "../../hooks/useCookiesConsent/useCookiesConsent.js";
 import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
 import useCantoo from "../../hooks/useCantoo/useCantoo.js";
@@ -23,11 +22,7 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
 }) => {
   const {
     theme
-  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
-    productOverride,
-    background,
-    isBackgroundImageOverridden
-  } = useBackground(), {
+  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", backgroundOverride = useUiOverride("layout.background"), hasBackgroundImage = (backgroundOverride == null ? void 0 : backgroundOverride.variant) === "image", {
     toggleOverlay
   } = useOverlay(), {
     t
@@ -45,9 +40,9 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
   }, className), renderHeader = headless ? null : isHeaderV2 ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(HeaderV2, { src: theme == null ? void 0 : theme.basePath, dataProduct: override == null ? void 0 : override.theme, onNotificationsClick: toggleOverlay }) }) : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderNotificationsOverlay = !headless && isHeaderV2 && /* @__PURE__ */ jsx(HeaderNotificationsOverlay, {}), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
     position: "top-right"
   } });
-  return /* @__PURE__ */ jsxs("div", { "data-product": productOverride, "data-background": theme != null && theme.is1d ? void 0 : background, className: clsx("layout", {
-    "layout-has-background-image": isBackgroundImageOverridden
-  }), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx("layout", {
+    "layout-has-background-image": hasBackgroundImage
+  }), "data-product": hasBackgroundImage ? backgroundOverride == null ? void 0 : backgroundOverride.theme : void 0, children: [
     renderHeader,
     renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),

package/dist/components/PageLayout/PageLayout.d.ts

@@ -41,9 +41,5 @@ declare const PageLayout: {
         ({ children, onClose, closeButton, backdrop, className, ...props }: import('./components/PageLayoutOverlay').PageLayoutOverlayProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    HelpZone: {
-        (): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
 };
 export default PageLayout;

package/dist/components/PageLayout/PageLayout.js

@@ -1,16 +1,15 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, Children, isValidElement } from "react";
 import clsx from "clsx";
 import PageLayoutBreadcrumb from "./components/PageLayoutBreadcrumb.js";
 import PageLayoutContent from "./components/PageLayoutContent.js";
 import PageLayoutHeader from "./components/PageLayoutHeader.js";
-import PageLayoutHelpZone from "./components/PageLayoutHelpZone.js";
 import PageLayoutOverlay from "./components/PageLayoutOverlay.js";
 import PageLayoutSidebarLeft from "./components/PageLayoutSidebarLeft.js";
 import PageLayoutSidebarRight from "./components/PageLayoutSidebarRight.js";
 import { PageLayoutContext } from "./PageLayoutContext.js";
 function analyzeChildren(children) {
-  let hasLeftSidebar = !1, hasRightSidebar = !1, breadcrumb = null, overlay = null, helpZone = null;
+  let hasLeftSidebar = !1, hasRightSidebar = !1, breadcrumb = null, overlay = null;
   const headerChildren = [], mainChildren = [];
   return Children.toArray(children).forEach((child) => {
     if (/* @__PURE__ */ isValidElement(child))
@@ -24,9 +23,6 @@ function analyzeChildren(children) {
         case PageLayoutOverlay:
           overlay = child;
           break;
-        case PageLayoutHelpZone:
-          helpZone = child;
-          break;
         case PageLayoutSidebarLeft:
           hasLeftSidebar = !0, mainChildren.push(child);
           break;
@@ -45,7 +41,6 @@ function analyzeChildren(children) {
     hasRightSidebar,
     breadcrumb,
     overlay,
-    helpZone,
     headerChildren,
     mainChildren
   };
@@ -68,7 +63,6 @@ const Root = ({
     hasRightSidebar,
     breadcrumb,
     overlay,
-    helpZone,
     headerChildren,
     mainChildren
   } = analyzeChildren(children), mainAreaClasses = clsx("pagelayout-mainarea", {
@@ -77,27 +71,23 @@ const Root = ({
     "has-right-sidebar-only": !hasLeftSidebar && hasRightSidebar,
     "has-gap": withGap
   }), isFullpage = variant === "fullpage";
-  return /* @__PURE__ */ jsxs(PageLayoutContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxs("div", { className: clsx("pagelayout", `pagelayout-${variant}`, scrollMode && `pagelayout-scroll-${scrollMode}`, className), ...props, children: [
-      headerChildren,
-      headerChildren.length > 0 && /* @__PURE__ */ jsx("div", { className: "pagelayout-headerspacer" }),
-      !isFullpage && breadcrumb,
-      /* @__PURE__ */ jsxs("div", { className: mainAreaClasses, children: [
-        isFullpage && breadcrumb,
-        mainChildren
-      ] }),
-      overlay
+  return /* @__PURE__ */ jsx(PageLayoutContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { className: clsx("pagelayout", `pagelayout-${variant}`, scrollMode && `pagelayout-scroll-${scrollMode}`, className), ...props, children: [
+    headerChildren,
+    headerChildren.length > 0 && /* @__PURE__ */ jsx("div", { className: "pagelayout-headerspacer" }),
+    !isFullpage && breadcrumb,
+    /* @__PURE__ */ jsxs("div", { className: mainAreaClasses, children: [
+      isFullpage && breadcrumb,
+      mainChildren
     ] }),
-    helpZone
-  ] });
+    overlay
+  ] }) });
 }, PageLayout = Object.assign(Root, {
   Header: PageLayoutHeader,
   Breadcrumb: PageLayoutBreadcrumb,
   SidebarLeft: PageLayoutSidebarLeft,
   Content: PageLayoutContent,
   SidebarRight: PageLayoutSidebarRight,
-  Overlay: PageLayoutOverlay,
-  HelpZone: PageLayoutHelpZone
+  Overlay: PageLayoutOverlay
 });
 export {
   PageLayout as default

package/dist/components/PageLayout/components/PageLayoutContent.js

@@ -1,19 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { usePageLayout } from "../PageLayoutContext.js";
-import useBackground from "../../../hooks/useBackground/useBackground.js";
 const PageLayoutContent = ({
   children,
   className,
   ...props
 }) => {
   const {
-    productOverride,
-    background
-  } = useBackground(), {
     noPadding
   } = usePageLayout();
-  return /* @__PURE__ */ jsx("main", { "data-product": productOverride, "data-background": background, className: clsx("pagelayout-content", {
+  return /* @__PURE__ */ jsx("main", { className: clsx("pagelayout-content", {
     "pagelayout-content--no-padding": noPadding == null ? void 0 : noPadding.content
   }, className), ...props, children });
 };

package/dist/components/Table/components/Table.d.ts

@@ -13,7 +13,7 @@ declare const Table: import('react').ForwardRefExoticComponent<{
         displayName: string;
     };
     Th: {
-        (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+        (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Tbody: {
@@ -25,7 +25,7 @@ declare const Table: import('react').ForwardRefExoticComponent<{
         displayName: string;
     };
     Td: {
-        (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+        (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/Table/components/TableTd.d.ts

@@ -1,4 +1,4 @@
 export declare const TableTd: {
-    (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Table/components/TableTh.d.ts

@@ -1,4 +1,4 @@
 export declare const TableTh: {
-    (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/index.d.ts

@@ -28,7 +28,6 @@ export * from './Image';
 export * from './Input';
 export * from './Label';
 export * from './Layout';
-export * from './LinkPill';
 export * from './List';
 export * from './Loading';
 export * from './LoadingScreen';
@@ -37,7 +36,6 @@ export * from './LogoBeta';
 export * from './MediaViewer';
 export * from './Menu';
 export * from './Modal';
-export * from './ModalBeta';
 export * from './PageLayout';
 export * from './Pagination';
 export * from './Popover';

package/dist/homepage.js

@@ -1,47 +1,46 @@
-import { default as default2 } from "./modules/homepage/components/Header/Header.js";
-import { default as default3 } from "./modules/homepage/components/HomeCard/HomeCard.js";
-import { default as default4 } from "./modules/homepage/components/LastInfos/LastInfos.js";
-import { default as default5 } from "./modules/homepage/components/MessageFlashList/MessageFlash.js";
-import { default as default6 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
-import { default as default7 } from "./modules/homepage/components/Notifications/NotificationItem.js";
-import { default as default8 } from "./modules/homepage/components/Notifications/NotificationList.js";
+import { default as default2 } from "./modules/homepage/components/Communities/Communities.js";
+import { default as default3 } from "./modules/homepage/components/Communities/CommunityItem.js";
+import { default as default4 } from "./modules/homepage/components/Communities/CommunitiesSkeleton.js";
+import { default as default5 } from "./modules/homepage/components/Header/Header.js";
+import { default as default6 } from "./modules/homepage/components/HomeCard/HomeCard.js";
+import { default as default7 } from "./modules/homepage/components/LastInfos/LastInfos.js";
+import { default as default8 } from "./modules/homepage/components/MessageFlashList/MessageFlash.js";
+import { default as default9 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
+import { default as default10 } from "./modules/homepage/components/Notifications/NotificationItem.js";
+import { default as default11 } from "./modules/homepage/components/Notifications/NotificationList.js";
 import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
-import { default as default9 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
-import { default as default10 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { default as default12 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
+import { default as default13 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { CommunitiesContainer } from "./modules/homepage/components/Communities/CommunitiesContainer.js";
 import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js";
 import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
 import { LastInfosContainer } from "./modules/homepage/components/LastInfos/LastInfosContainer.js";
 import { LastInfosList } from "./modules/homepage/components/LastInfos/LastInfosList.js";
-import { LinkForm } from "./modules/homepage/components/UsefulLinks/LinkForm.js";
-import { MAX_USEFUL_LINKS, useUsefulLinksContainer } from "./modules/homepage/components/UsefulLinks/hooks/useUsefulLinksContainer.js";
 import { MessageFlashListContainer } from "./modules/homepage/components/MessageFlashList/MessageFlashListContainer.js";
 import { SchoolSpaceContainer } from "./modules/homepage/components/SchoolSpace/SchoolSpaceContainer.js";
-import { UsefulLinks } from "./modules/homepage/components/UsefulLinks/UsefulLinks.js";
-import { UsefulLinksContainer } from "./modules/homepage/components/UsefulLinks/UsefulLinksContainer.js";
-import { UsefulLinksModal } from "./modules/homepage/components/UsefulLinks/UsefulLinksModal.js";
 import { UserSpaceContainer } from "./modules/homepage/components/UserSpace/UserSpaceContainer.js";
+import { useCommunities } from "./modules/homepage/components/Communities/useCommunities.js";
 export {
+  default2 as Communities,
+  CommunitiesContainer,
+  default3 as CommunitiesItem,
+  default4 as CommunitiesSkeleton,
   Favorites,
   FavoritesContainer,
-  default2 as Header,
-  default3 as HomeCard,
-  default4 as LastInfos,
+  default5 as Header,
+  default6 as HomeCard,
+  default7 as LastInfos,
   LastInfosContainer,
   LastInfosList,
-  LinkForm,
-  MAX_USEFUL_LINKS,
-  default5 as MessageFlash,
-  default6 as MessageFlashList,
+  default8 as MessageFlash,
+  default9 as MessageFlashList,
   MessageFlashListContainer,
-  default7 as NotificationItem,
-  default8 as NotificationList,
+  default10 as NotificationItem,
+  default11 as NotificationList,
   NotificationListContainer,
-  default9 as SchoolSpace,
+  default12 as SchoolSpace,
   SchoolSpaceContainer,
-  UsefulLinks,
-  UsefulLinksContainer,
-  UsefulLinksModal,
-  default10 as UserSpace,
+  default13 as UserSpace,
   UserSpaceContainer,
-  useUsefulLinksContainer
+  useCommunities
 };

package/dist/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export * from './useBackground';
 export * from './useBookmark';
 export * from './useBreakpoint';
 export * from './useBrowserInfo';
@@ -35,7 +34,6 @@ export * from './useUiOverride';
 export * from './useUpload';
 export * from './useUploadFiles';
 export * from './useUser';
-export * from './useUserPreferences';
 export * from './useWorkspaceFile';
 export * from './useWorkspaceFolders';
 export * from './useWorkspaceSearch';

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -1 +1 @@
-export default function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: Array<HTMLElement | null>, enabled?: boolean): import('react').MutableRefObject<T | null>;
+export default function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: Array<HTMLElement | null>): import('react').MutableRefObject<T | null>;

package/dist/hooks/useClickOutside/useClickOutside.js

@@ -1,9 +1,8 @@
 import { useRef, useEffect } from "react";
 const DEFAULT_EVENTS = ["mousedown", "touchstart"];
-function useClickOutside(handler, events, nodes, enabled = !0) {
+function useClickOutside(handler, events, nodes) {
   const ref = useRef(null);
   return useEffect(() => {
-    if (!enabled) return;
     const listener = (event) => {
       const {
         target
@@ -20,7 +19,7 @@ function useClickOutside(handler, events, nodes, enabled = !0) {
         document.removeEventListener(fn, listener);
       });
     };
-  }, [ref, handler, nodes, events, enabled]), ref;
+  }, [ref, handler, nodes, events]), ref;
 }
 export {
   useClickOutside as default

package/dist/hooks/useZendeskGuide/useZendeskGuide.d.ts

@@ -1,14 +1,2 @@
-export interface UseZendeskGuideAPI {
-    /** True once the widget script is loaded and configured. */
-    isReady: boolean;
-    /** True while the widget panel is open. */
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-}
-/**
- * Add Zendesk Guide
- *
- * @param headerColor Overrides the widget panel's theme color.
- */
-export default function useZendeskGuide(headerColor?: string): UseZendeskGuideAPI;
+/** Add Zendesk Guide  */
+export default function useZendeskGuide(): null;

package/dist/hooks/useZendeskGuide/useZendeskGuide.js

@@ -5,7 +5,7 @@ import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThe
 import useUser from "../useUser/useUser.js";
 import useIsAdml from "../useIsAdml/useIsAdml.js";
 import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
-function useZendeskGuide(headerColor) {
+function useZendeskGuide() {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -14,13 +14,7 @@ function useZendeskGuide(headerColor) {
     isAdml
   } = useIsAdml(), {
     theme
-  } = useEdificeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), [isReady, setIsReady] = useState(!1), [isOpen, setIsOpen] = useState(!1), open = () => {
-    var _a;
-    (_a = window.zE) == null || _a.call(window, "webWidget", "open");
-  }, close = () => {
-    var _a;
-    (_a = window.zE) == null || _a.call(window, "webWidget", "close");
-  }, setZendeskGuideLabels = () => {
+  } = useEdificeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), setZendeskGuideLabels = () => {
     const modulePathnameSplit = locationPathname.split("/");
     let moduleLabel = "", labels = "";
     if (dataModule != null && dataModule.labels && Object.keys(dataModule == null ? void 0 : dataModule.labels).length > 0 && modulePathnameSplit.length > 1) {
@@ -39,40 +33,8 @@ function useZendeskGuide(headerColor) {
   return useEffect(() => {
     window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
   }, [window.location.pathname, dataModule]), useEffect(() => {
-    const registerWidgetHandlers = () => {
-      window.zE("webWidget:on", "open", function() {
-        setIsOpen(!0), hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
-          webWidget: {
-            contactForm: {
-              suppress: !1
-            }
-          }
-        });
-      }), window.zE("webWidget:on", "close", function() {
-        setIsOpen(!1);
-      }), window.zE("webWidget:on", "userEvent", function(ref) {
-        const category = ref.category, action = ref.action, properties = ref.properties;
-        action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
-          webWidget: {
-            contactForm: {
-              suppress: !0
-            }
-          }
-        }), window.zE("webWidget", "close"), window.open("/support/tickets/new", "_blank"));
-      });
-    };
-    if (document.getElementById("ze-snippet")) {
-      window.zE && (registerWidgetHandlers(), setIsReady(!0));
-      return;
-    }
-    hasSupportWorkflow !== void 0 && (async () => {
-      let zendeskGuideConfig;
-      try {
-        zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
-      } catch (error) {
-        console.warn("[useZendeskGuide] Failed to fetch the support widget config from `/zendeskGuide/config` — the widget (and HelpZone's button) won't show up. If you're running a local dev server, check that `/zendeskGuide` is proxied to your backend in your app's Vite dev proxy config.", error);
-        return;
-      }
+    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
+      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
       if (zendeskGuideConfig && zendeskGuideConfig.key && zendeskGuideConfig.key !== "") {
         const scriptZendesk = document.createElement("script");
         scriptZendesk.id = "ze-snippet", scriptZendesk.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskGuideConfig.key}`, document.body.appendChild(scriptZendesk).onload = () => {
@@ -83,8 +45,7 @@ function useZendeskGuide(headerColor) {
           }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
             webWidget: {
               color: {
-                theme: zendeskGuideConfig.color || "#ffc400",
-                header: headerColor
+                theme: zendeskGuideConfig.color || "#ffc400"
               },
               zIndex: 3,
               launcher: {
@@ -113,16 +74,28 @@ function useZendeskGuide(headerColor) {
                 }
               }
             });
-          }), registerWidgetHandlers(), setIsReady(!0);
+          }), window.zE("webWidget:on", "open", function() {
+            hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
+              webWidget: {
+                contactForm: {
+                  suppress: !1
+                }
+              }
+            });
+          }), window.zE("webWidget:on", "userEvent", function(ref) {
+            const category = ref.category, action = ref.action, properties = ref.properties;
+            action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
+              webWidget: {
+                contactForm: {
+                  suppress: !0
+                }
+              }
+            }), window.zE("webWidget", "close"), window.open("/support/tickets/new", "_blank"));
+          });
         };
       }
     })();
-  }, [hasSupportWorkflow]), {
-    isReady,
-    isOpen,
-    open,
-    close
-  };
+  }, [hasSupportWorkflow]), null;
 }
 export {
   useZendeskGuide as default