@edifice.io/react 2.6.6-develop-b2school.20260924181933 → 2.6.6-develop-b2school.20260928102355

package/dist/components/Input/Input.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState } from "react";
+import { forwardRef, useRef, useState, useLayoutEffect } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import SvgIconClose from "../../modules/icons/components/IconClose.js";
@@ -12,7 +12,8 @@ const Input = /* @__PURE__ */ forwardRef(({
   showCounter = !1,
   autoComplete = "off",
   clearable = !1,
-  noValidationIcon: _noValidationIcon,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  noValidationIcon,
   ...restProps
 }, forwardedRef) => {
   var _a;
@@ -23,7 +24,11 @@ const Input = /* @__PURE__ */ forwardRef(({
     status
   } = useFormControl(), {
     t
-  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), setRefs = (node) => {
+  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0);
+  useLayoutEffect(() => {
+    inputRef.current && setCurrentLength(inputRef.current.value.length);
+  }, []);
+  const setRefs = (node) => {
     inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
   }, wrapperClasses = clsx("input", {
     "input--lg": size === "lg",

package/dist/components/Layout/Layout.js

@@ -14,16 +14,22 @@ import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
 import useCantoo from "../../hooks/useCantoo/useCantoo.js";
 import Alert from "../Alert/Alert.js";
 import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
-const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js")), Layout = ({
+import HelpZone from "../../modules/HelpZone/HelpZone.js";
+const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js"));
+function getHeaderColor() {
+  return getComputedStyle(document.documentElement).getPropertyValue("--primitive-blue-400").trim();
+}
+const Layout = ({
   children,
   headless = !1,
   whiteBg = !0,
   className,
   ...restProps
 }) => {
+  var _a;
   const {
     theme
-  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
+  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", isEdificeInProductHelp = ((_a = useUiOverride("layout.helpzone")) == null ? void 0 : _a.variant) === "edifice-in-product", {
     productOverride,
     background,
     isBackgroundImageOverridden
@@ -35,8 +41,13 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
     showCookiesConsent,
     handleConsultCookies,
     handleCloseCookiesConsent
-  } = useCookiesConsent();
-  useZendeskGuide(), useCantoo();
+  } = useCookiesConsent(), {
+    isReady: isHelpZoneReady,
+    isOpen: isHelpZoneOpen,
+    open: openHelpZone,
+    close: closeHelpZone
+  } = useZendeskGuide(isEdificeInProductHelp ? getHeaderColor() : void 0);
+  useCantoo();
   const classes = clsx("d-flex flex-column", {
     "bg-white": whiteBg,
     "container-fluid": !headless,
@@ -50,7 +61,8 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
     renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
     renderToaster,
-    renderCookies
+    renderCookies,
+    isEdificeInProductHelp && /* @__PURE__ */ jsx(HelpZone, { isReady: isHelpZoneReady, isOpen: isHelpZoneOpen, onOpen: openHelpZone, onClose: closeHelpZone })
   ] });
 };
 export {

package/dist/components/LinkPill/LinkPill.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export type LinkPillIllustrationType = 'icon' | 'img';
 export type LinkPillIllustrationPosition = 'left' | 'right';
-export interface LinkPillProps {
+export interface LinkPillProps extends ComponentPropsWithoutRef<'a'> {
     /**
      * URL opened in a new tab when the pill is clicked.
      */
@@ -29,17 +29,13 @@ export interface LinkPillProps {
      * Side the illustration is displayed on.
      */
     illustrationPosition?: LinkPillIllustrationPosition;
-    /**
-     * Optional class for styling purpose
-     */
-    className?: string;
 }
 /**
  * LinkPill – design system component used to display a link to an
  * external resource as a small rounded pill.
  */
 declare const LinkPill: {
-    ({ href, label, subtitle, illustration, illustrationType, illustrationPosition, className, }: LinkPillProps): import("react/jsx-runtime").JSX.Element;
+    ({ href, label, subtitle, illustration, illustrationType, illustrationPosition, className, ...restProps }: LinkPillProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default LinkPill;

package/dist/components/LinkPill/LinkPill.js

@@ -8,13 +8,14 @@ const LinkPill = ({
   illustration,
   illustrationType = "icon",
   illustrationPosition = "left",
-  className
+  className,
+  ...restProps
 }) => {
   const illustrationNode = illustrationType === "icon" ? /* @__PURE__ */ jsx("span", { className: "link-pill-icon", children: illustration ?? /* @__PURE__ */ jsx(SvgIconLink, {}) }) : /* @__PURE__ */ jsx("span", { className: "link-pill-image", children: illustration }), contentNode = /* @__PURE__ */ jsxs("span", { className: "link-pill-content", children: [
     /* @__PURE__ */ jsx("span", { className: "link-pill-label", title: label, children: label }),
     subtitle && /* @__PURE__ */ jsx("span", { className: "link-pill-subtitle", title: subtitle, children: subtitle })
   ] });
-  return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "data-testid": "link-pill", className: clsx("link-pill", `link-pill--illustration-${illustrationPosition}`, className), children: illustrationPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "data-testid": "link-pill", className: clsx("link-pill", `link-pill--illustration-${illustrationPosition}`, className), ...restProps, children: illustrationPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
     illustrationNode,
     contentNode
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/homepage.js

@@ -20,6 +20,8 @@ import { UsefulLinks } from "./modules/homepage/components/UsefulLinks/UsefulLin
 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 { WidgetToggle } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js";
+import { WidgetsPersonalizationPanel } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js";
 export {
   Favorites,
   FavoritesContainer,
@@ -43,5 +45,7 @@ export {
   UsefulLinksModal,
   default10 as UserSpace,
   UserSpaceContainer,
+  WidgetToggle,
+  WidgetsPersonalizationPanel,
   useUsefulLinksContainer
 };

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

@@ -9,6 +9,8 @@ export interface UseZendeskGuideAPI {
 /**
  * Add Zendesk Guide
  *
- * @param headerColor Overrides the widget panel's theme color.
+ * @param headerColor Overrides the widget panel's theme color. Can change
+ * across renders (e.g. once resolved from async platform config) — the
+ * widget is updated in place, no need to keep it stable.
  */
 export default function useZendeskGuide(headerColor?: string): UseZendeskGuideAPI;

package/dist/hooks/useZendeskGuide/useZendeskGuide.js

@@ -83,8 +83,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: headerColor || zendeskGuideConfig.color || "#ffc400"
               },
               zIndex: 3,
               launcher: {
@@ -117,7 +116,15 @@ function useZendeskGuide(headerColor) {
         };
       }
     })();
-  }, [hasSupportWorkflow]), {
+  }, [hasSupportWorkflow]), useEffect(() => {
+    !isReady || headerColor === void 0 || window.zE("webWidget", "updateSettings", {
+      webWidget: {
+        color: {
+          theme: headerColor
+        }
+      }
+    });
+  }, [headerColor, isReady]), {
     isReady,
     isOpen,
     open,