@edifice.io/react 2.6.4-develop-integration-demo.20260902111700 → 2.6.4-develop-integration-demo.20260908165208

package/dist/components/EdificeAssistanceButton/EdificeAssistanceButton.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface EdificeAssistanceButtonProps extends ComponentPropsWithoutRef<'button'> {
+    /** Show the compact "Edifice" mark instead of the full wordmark. */
+    collapsed?: boolean;
+}
+/**
+ * Floating pill button opening the Zendesk assistance widget: the Edifice
+ * logo (collapsible to its mark on scroll), a divider, and a help icon.
+ */
+export declare const EdificeAssistanceButton: import('react').ForwardRefExoticComponent<EdificeAssistanceButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default EdificeAssistanceButton;

package/dist/components/EdificeAssistanceButton/EdificeAssistanceButton.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import SvgIconQuestion from "../../modules/icons/components/IconQuestion.js";
+import EdificeMark from "./EdificeMark.js";
+import EdificeWordmark from "./EdificeWordmark.js";
+const EdificeAssistanceButton = /* @__PURE__ */ forwardRef(({
+  collapsed = !1,
+  className,
+  ...restProps
+}, ref) => /* @__PURE__ */ jsxs("button", { ref, type: "button", className: clsx("edifice-assistance-button", className), ...restProps, children: [
+  /* @__PURE__ */ jsx("span", { className: "edifice-assistance-button-logo", children: collapsed ? /* @__PURE__ */ jsx(EdificeMark, {}) : /* @__PURE__ */ jsx(EdificeWordmark, {}) }),
+  /* @__PURE__ */ jsx("span", { className: "edifice-assistance-button-divider" }),
+  /* @__PURE__ */ jsx("span", { className: "edifice-assistance-button-question", children: /* @__PURE__ */ jsx(SvgIconQuestion, {}) })
+] }));
+export {
+  EdificeAssistanceButton,
+  EdificeAssistanceButton as default
+};

package/dist/components/EdificeAssistanceButton/EdificeMark.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+/** Compact "Edifice" icon mark, used in the collapsed (scrolled) state of {@link EdificeAssistanceButton}. */
+declare const EdificeMark: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default EdificeMark;

package/dist/components/EdificeAssistanceButton/EdificeMark.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId } from "react";
+const EdificeMark = (props) => {
+  const clipId = `edifice-mark-clip-${useId()}`;
+  return /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: `url(#${clipId})`, children: [
+      /* @__PURE__ */ jsx("path", { d: "M12.3607 0H5.63574V1.98663H12.3607V0Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M8.99998 1.94877C4.5758 1.94877 0.99 5.55054 0.99 9.99441H17.01C17.01 5.55054 13.4242 1.94877 8.99998 1.94877Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M12.6785 12.1763C12.497 12.4797 12.2767 12.7621 12.0205 13.0164C11.2121 13.8215 10.1394 14.265 8.99997 14.265C7.86153 14.265 6.78888 13.8215 5.97941 13.0164C5.17094 12.2113 4.72034 11.1389 4.70938 9.99638V9.99338H0.99C0.99 9.99338 0.99 9.99438 0.99 9.99538C0.99 10.0074 0.99 10.0194 0.99 10.0314C1.03087 14.4393 4.60072 18 8.99897 18C12.6555 18 15.7389 15.5387 16.6989 12.1753H12.6775L12.6785 12.1763Z", fill: "white" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: clipId, children: /* @__PURE__ */ jsx("rect", { width: "18", height: "18", fill: "white" }) }) })
+  ] });
+};
+export {
+  EdificeMark as default
+};

package/dist/components/EdificeAssistanceButton/EdificeWordmark.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+/** Full "Edifice" wordmark, used in the expanded state of {@link EdificeAssistanceButton}. */
+declare const EdificeWordmark: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default EdificeWordmark;

package/dist/components/EdificeAssistanceButton/EdificeWordmark.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId } from "react";
+const EdificeWordmark = (props) => {
+  const clipId = `edifice-wordmark-clip-${useId()}`;
+  return /* @__PURE__ */ jsxs("svg", { width: "81", height: "18", viewBox: "0 0 225 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: `url(#${clipId})`, children: [
+      /* @__PURE__ */ jsx("path", { d: "M201.851 5.39963C189.565 5.39963 179.601 15.4045 179.601 27.7486H224.101C224.101 15.4045 214.141 5.39963 201.851 5.39963Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M212.071 33.8134C211.567 34.6562 210.955 35.4406 210.243 36.1471C207.997 38.3834 205.018 39.6156 201.853 39.6156C198.69 39.6156 195.711 38.3834 193.462 36.1471C191.216 33.9108 189.965 30.9318 189.934 27.7582V27.7498H179.603C179.603 27.7498 179.603 27.7526 179.603 27.7554C179.603 27.7888 179.603 27.8222 179.603 27.8555C179.716 40.0996 189.632 49.9905 201.85 49.9905C212.007 49.9905 220.572 43.1536 223.239 33.8107H212.068L212.071 33.8134Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M154.433 27.8152C154.464 24.6666 155.699 21.7099 157.914 19.4903C160.132 17.2707 163.073 16.0469 166.194 16.0469H176.243V5.74994H166.047C154.057 5.8306 144.348 15.6158 144.237 27.7179H144.235C144.235 27.754 144.235 27.793 144.235 27.8291C144.235 27.8625 144.235 27.8959 144.235 27.9293C144.348 40.0314 154.057 49.8165 166.044 49.8944H176.24V39.5975H166.191C163.07 39.5975 160.129 38.3736 157.911 36.154C155.696 33.9344 154.458 30.9777 154.428 27.8291V27.8097L154.433 27.8152Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M139.727 21.4199H129.839V49.8965H139.727V21.4199Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M139.727 5.74994H129.839V15.7715H139.727V5.74994Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M113.842 5.74994H103.953V49.8973H113.842V5.74994Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M123.69 5.74994H113.802V15.6825H114.419C119.539 15.6825 123.69 11.5131 123.69 6.3702V5.74994Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M123.69 21.4199H113.802V31.3525H114.419C119.539 31.3525 123.69 27.1831 123.69 22.0402V21.4199Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M97.7506 21.4199H87.8621V49.8965H97.7506V21.4199Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M97.7506 5.74994H87.8621V15.7715H97.7506V5.74994Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M82.3215 27.8236C82.3215 15.6325 72.4828 5.74994 60.3457 5.74994V49.8973C72.4828 49.8973 82.3215 40.0148 82.3215 27.8236Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M60.3493 5.74994H50.4607V49.8973H60.3493V5.74994Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M32.4353 0H13.7548V5.51842H32.4353V0Z", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M23.0999 5.41325C10.8105 5.41325 0.85 15.4182 0.85 27.7623H45.3499C45.3499 15.4182 35.3893 5.41325 23.0999 5.41325Z", fill: "#C8D3FE" }),
+      /* @__PURE__ */ jsx("path", { d: "M33.318 33.823C32.814 34.6658 32.202 35.4501 31.4904 36.1566C29.2446 38.3929 26.265 39.6251 23.0999 39.6251C19.9376 39.6251 16.958 38.3929 14.7095 36.1566C12.4637 33.9203 11.2121 30.9414 11.1816 27.7677V27.7594H0.85C0.85 27.7594 0.85 27.7622 0.85 27.7649C0.85 27.7983 0.85 27.8317 0.85 27.8651C0.963534 40.1091 10.8798 50 23.0972 50C33.2543 50 41.8192 43.1632 44.4859 33.8202H33.3152L33.318 33.823Z", fill: "white" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: clipId, children: /* @__PURE__ */ jsx("rect", { width: "225", height: "50", fill: "white" }) }) })
+  ] });
+};
+export {
+  EdificeWordmark as default
+};

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

@@ -0,0 +1 @@
+export * from './EdificeAssistanceButton';

package/dist/components/Layout/Layout.js

@@ -30,8 +30,8 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
     showCookiesConsent,
     handleConsultCookies,
     handleCloseCookiesConsent
-  } = useCookiesConsent();
-  useZendeskGuide(), useCantoo();
+  } = useCookiesConsent(), renderZendeskGuide = useZendeskGuide();
+  useCantoo();
   const classes = clsx("d-flex flex-column", {
     "bg-white": whiteBg,
     "container-fluid": !headless,
@@ -47,7 +47,8 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
     renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
     renderToaster,
-    renderCookies
+    renderCookies,
+    renderZendeskGuide
   ] });
 };
 export {

package/dist/components/PageLayout/PageLayout.js

@@ -59,9 +59,7 @@ const Root = ({
     variant,
     scrollMode,
     noPadding
-  }), [variant, scrollMode, noPadding]);
-  useZendeskGuide();
-  const {
+  }), [variant, scrollMode, noPadding]), renderZendeskGuide = useZendeskGuide(), {
     hasLeftSidebar,
     hasRightSidebar,
     breadcrumb,
@@ -82,7 +80,8 @@ const Root = ({
       isFullpage && breadcrumb,
       mainChildren
     ] }),
-    overlay
+    overlay,
+    renderZendeskGuide
   ] }) });
 }, PageLayout = Object.assign(Root, {
   Header: PageLayoutHeader,

package/dist/components/index.d.ts

@@ -19,6 +19,7 @@ export * from './DatePicker';
 export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';
+export * from './EdificeAssistanceButton';
 export * from './EmptyScreen';
 export * from './Flex';
 export * from './Form';

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

@@ -1,2 +1,2 @@
 /** Add Zendesk Guide  */
-export default function useZendeskGuide(): null;
+export default function useZendeskGuide(): import("react/jsx-runtime").JSX.Element | null;

package/dist/hooks/useZendeskGuide/useZendeskGuide.js

@@ -1,5 +1,7 @@
+import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { odeServices } from "@edifice.io/client";
+import { EdificeAssistanceButton } from "../../components/EdificeAssistanceButton/EdificeAssistanceButton.js";
 import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import useUser from "../useUser/useUser.js";
@@ -14,7 +16,7 @@ function useZendeskGuide() {
     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), setZendeskGuideLabels = () => {
+  } = useEdificeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), [isWidgetReady, setIsWidgetReady] = useState(!1), [isCollapsed, setIsCollapsed] = useState(!1), [isHidden, setIsHidden] = useState(!1), 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) {
@@ -22,7 +24,8 @@ function useZendeskGuide() {
         modulePathnameSplit[i].length > 0 && modulePathnameSplit[i].match(/\d/) == null && (moduleLabel.length === 0 ? moduleLabel = modulePathnameSplit[i] : moduleLabel = moduleLabel + "/" + modulePathnameSplit[i]);
       dataModule != null && dataModule.labels && Object.prototype.hasOwnProperty.call(dataModule == null ? void 0 : dataModule.labels, moduleLabel) ? labels = dataModule == null ? void 0 : dataModule.labels[moduleLabel] : dataModule != null && dataModule.default && String(dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
     } else dataModule != null && dataModule.default && String(dataModule == null ? void 0 : dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    if (modulePathnameSplit.includes("collaborativewall") && modulePathnameSplit.includes("id") && isMobileView && window.zE("webWidget", "hide"), labels.includes("${adml}") && (isAdml ? labels = labels.replace("${adml}", "adml") : labels = labels.replace("/${adml}", "")), labels.includes("${profile}")) {
+    const isCollaborativeWallMobile = modulePathnameSplit.includes("collaborativewall") && modulePathnameSplit.includes("id") && isMobileView;
+    if (isCollaborativeWallMobile && window.zE("webWidget", "hide"), setIsHidden(isCollaborativeWallMobile), labels.includes("${adml}") && (isAdml ? labels = labels.replace("${adml}", "adml") : labels = labels.replace("/${adml}", "")), labels.includes("${profile}")) {
       const userProfile = userDescription == null ? void 0 : userDescription.profiles;
       labels = labels.replace("${profile}", userProfile[0].toLowerCase());
     }
@@ -44,15 +47,12 @@ function useZendeskGuide() {
             window.zE.setLocale("fr");
           }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
             webWidget: {
+              // Always blue/700, matching EdificeAssistanceButton's background.
               color: {
-                theme: zendeskGuideConfig.color || "#ffc400"
+                theme: "#3030d1",
+                header: "#738efc"
               },
               zIndex: 3,
-              launcher: {
-                mobile: {
-                  labelVisible: !0
-                }
-              },
               contactForm: {
                 suppress: !hasSupportWorkflow
               },
@@ -64,17 +64,7 @@ function useZendeskGuide() {
                 originalArticleButton: zendeskGuideConfig.articleRedirectButton ?? !0
               }
             }
-          }), window.addEventListener("scroll", () => {
-            window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                launcher: {
-                  mobile: {
-                    labelVisible: window.scrollY <= 5
-                  }
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "open", function() {
+          }), setIsWidgetReady(!0), window.zE("webWidget:on", "open", function() {
             hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
               webWidget: {
                 contactForm: {
@@ -95,7 +85,12 @@ function useZendeskGuide() {
         };
       }
     })();
-  }, [hasSupportWorkflow]), null;
+  }, [hasSupportWorkflow]), useEffect(() => {
+    if (!isWidgetReady)
+      return;
+    const getScrollTop = (target) => target instanceof HTMLElement ? target.scrollTop : window.scrollY, handleScroll = (event) => setIsCollapsed(getScrollTop(event.target) > 5);
+    return setIsCollapsed(window.scrollY > 5), window.addEventListener("scroll", handleScroll, !0), () => window.removeEventListener("scroll", handleScroll, !0);
+  }, [isWidgetReady]), !isWidgetReady || isHidden ? null : /* @__PURE__ */ jsx(EdificeAssistanceButton, { collapsed: isCollapsed, onClick: () => window.zE("webWidget", "toggle") });
 }
 export {
   useZendeskGuide as default

package/dist/index.js

@@ -122,6 +122,7 @@ import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
+import { EdificeAssistanceButton } from "./components/EdificeAssistanceButton/EdificeAssistanceButton.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeScreebProvider } from "./providers/EdificeScreebProvider/EdificeScreebProvider.js";
@@ -193,6 +194,7 @@ export {
   default24 as Dropdown,
   default25 as Dropzone,
   DropzoneContext,
+  EdificeAssistanceButton,
   EdificeClientContext,
   EdificeClientProvider,
   EdificeScreebProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.4-develop-integration-demo.20260902111700",
+  "version": "2.6.4-develop-integration-demo.20260908165208",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.4-develop-integration-demo.20260902111700",
-    "@edifice.io/tiptap-extensions": "2.6.4-develop-integration-demo.20260902111700",
-    "@edifice.io/utilities": "2.6.4-develop-integration-demo.20260902111700"
+    "@edifice.io/bootstrap": "2.6.4-develop-integration-demo.20260908165208",
+    "@edifice.io/tiptap-extensions": "2.6.4-develop-integration-demo.20260908165208",
+    "@edifice.io/utilities": "2.6.4-develop-integration-demo.20260908165208"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.6.4-develop-integration-demo.20260902111700",
-    "@edifice.io/config": "2.6.4-develop-integration-demo.20260902111700"
+    "@edifice.io/client": "2.6.4-develop-integration-demo.20260908165208",
+    "@edifice.io/config": "2.6.4-develop-integration-demo.20260908165208"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",