@edifice.io/react 2.6.5-develop-b2school.20260914145143 → 2.6.5-develop-b2school.20260917151240

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

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

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

@@ -0,0 +1,12 @@
+/**
+ * Opt-in slot: renders the floating Edifice help zone (badge + support
+ * button). Requires `EdificeClientProvider` and `EdificeThemeProvider`
+ * higher in the tree (used internally by `useZendeskGuide`) — kept opt-in
+ * rather than baked into `PageLayout` itself so standalone consumers
+ * without those providers don't crash at render.
+ */
+declare const PageLayoutHelpZone: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PageLayoutHelpZone;

package/dist/components/PageLayout/components/PageLayoutHelpZone.js

@@ -0,0 +1,6 @@
+import { jsx } from "react/jsx-runtime";
+import { HelpZoneContainer } from "../../../modules/HelpZone/HelpZoneContainer.js";
+const PageLayoutHelpZone = () => /* @__PURE__ */ jsx(HelpZoneContainer, {});
+export {
+  PageLayoutHelpZone as default
+};

package/dist/hooks/useUploadFiles/index.d.ts

@@ -1 +1,2 @@
 export { default as useUploadFiles } from './useUploadFiles';
+export type { UploadSourceFileInfo } from './useUploadFiles';

package/dist/hooks/useUploadFiles/useUploadFiles.d.ts

@@ -1,6 +1,16 @@
 import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+/**
+ * Snapshot of a source file taken at upload time, so the upload result can be
+ * re-ordered later on against the original file metadata.
+ */
+export interface UploadSourceFileInfo {
+    /** Original file name. */
+    name: string;
+    /** `File.lastModified` of the source file (ms since epoch). */
+    lastModified: number;
+}
 declare const useUploadFiles: ({ handleOnChange, visibility, application, }: {
-    handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;
+    handleOnChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
     visibility?: WorkspaceVisibility;
     application?: string;
 }) => {

package/dist/hooks/useUploadFiles/useUploadFiles.js

@@ -1,4 +1,4 @@
-import { useState, useCallback, useEffect } from "react";
+import { useState, useRef, useCallback, useEffect } from "react";
 import { ImageResizer, addTimestampToImageUrl } from "@edifice.io/utilities";
 import { useDropzoneContext } from "../../components/Dropzone/DropzoneContext.js";
 import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
@@ -8,7 +8,7 @@ const useUploadFiles = ({
   visibility,
   application
 }) => {
-  const [uploadedFiles, setUploadedFiles] = useState([]), [editingImage, setEditingImage] = useState(void 0), {
+  const [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), [editingImage, setEditingImage] = useState(void 0), {
     files,
     deleteFile,
     replaceFileAt,
@@ -34,7 +34,10 @@ const useUploadFiles = ({
         } catch (err) {
           console.error(err);
         }
-      !resource && !replacement && (resource = await uploadFile(file)), resource ? setUploadedFiles((prevFiles) => [...prevFiles, resource]) : resetInputValue();
+      !resource && !replacement && (resource = await uploadFile(file)), resource ? (resource._id && (sourceFilesInfoRef.current[resource._id] = {
+        name: file.name,
+        lastModified: file.lastModified
+      }), setUploadedFiles((prevFiles) => [...prevFiles, resource])) : resetInputValue();
     });
   }, [uploadAlternateFile, uploadFile, replaceFileAt]);
   useEffect(() => {
@@ -47,15 +50,17 @@ const useUploadFiles = ({
     newFiles.forEach((file) => file && setUploadStatus(file, "idle")), tryUploading(newFiles);
   }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]), useEffect(() => {
     const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);
-    handleOnChange(sortedUploadedFiles);
+    handleOnChange(sortedUploadedFiles, {
+      ...sourceFilesInfoRef.current
+    });
   }, [uploadedFiles]);
   const sortUploadedFiles = (filesArray, uploadedFilesArray) => {
-    const orderMap = filesArray.reduce((acc, item, index) => (acc[item.name] = index, acc), {});
-    return uploadedFilesArray.sort((a, b) => orderMap[a.name] - orderMap[b.name]);
+    const orderMap = filesArray.reduce((acc, item, index) => (item.name in acc || (acc[item.name] = index), acc), {});
+    return [...uploadedFilesArray].sort((a, b) => (orderMap[a.name] ?? Number.MAX_SAFE_INTEGER) - (orderMap[b.name] ?? Number.MAX_SAFE_INTEGER));
   };
   async function removeFile(file) {
     const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-    resource && (await remove(resource), clearUploadStatus(file), setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
+    resource && (await remove(resource), clearUploadStatus(file), resource._id && delete sourceFilesInfoRef.current[resource._id], setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
   }
   async function updateImage({
     blob,

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

@@ -1,2 +1,14 @@
-/** Add Zendesk Guide  */
-export default function useZendeskGuide(): null;
+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;

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() {
+function useZendeskGuide(headerColor) {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -14,7 +14,13 @@ 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), [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 = () => {
     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) {
@@ -33,8 +39,40 @@ function useZendeskGuide() {
   return useEffect(() => {
     window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
   }, [window.location.pathname, dataModule]), useEffect(() => {
-    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
-      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
+    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;
+      }
       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 = () => {
@@ -45,7 +83,8 @@ function useZendeskGuide() {
           }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
             webWidget: {
               color: {
-                theme: zendeskGuideConfig.color || "#ffc400"
+                theme: zendeskGuideConfig.color || "#ffc400",
+                header: headerColor
               },
               zIndex: 3,
               launcher: {
@@ -74,28 +113,16 @@ function useZendeskGuide() {
                 }
               }
             });
-          }), 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"));
-          });
+          }), registerWidgetHandlers(), setIsReady(!0);
         };
       }
     })();
-  }, [hasSupportWorkflow]), null;
+  }, [hasSupportWorkflow]), {
+    isReady,
+    isOpen,
+    open,
+    close
+  };
 }
 export {
   useZendeskGuide as default

package/dist/modules/HelpZone/HelpZone.d.ts

@@ -0,0 +1,13 @@
+export interface HelpZoneProps {
+    /** True once the support widget is loaded and can be opened. */
+    isReady: boolean;
+    /** True while the support panel is open. */
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+}
+declare const HelpZone: {
+    ({ isReady, isOpen, onOpen, onClose }: HelpZoneProps): import('react').ReactPortal | null;
+    displayName: string;
+};
+export default HelpZone;

package/dist/modules/HelpZone/HelpZone.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import clsx from "clsx";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import SvgIconQuestion from "../icons/components/IconQuestion.js";
+import Tooltip from "../../components/Tooltip/Tooltip.js";
+import SvgIconLogoEdificeSmall from "../icons/components/logo/IconLogoEdificeSmall.js";
+import SvgIconLogoEdificeFull from "../icons/components/logo/IconLogoEdificeFull.js";
+import ButtonBeta from "../../components/ButtonBeta/ButtonBeta.js";
+const HelpZone = ({
+  isReady,
+  isOpen,
+  onOpen,
+  onClose
+}) => {
+  const {
+    t
+  } = useTranslation(), [portalRoot, setPortalRoot] = useState(null), [isCompact, setIsCompact] = useState(!1);
+  if (useEffect(() => (document.body.classList.add("help-zone-active"), setPortalRoot(document.getElementById("portal")), () => {
+    document.body.classList.remove("help-zone-active");
+  }), []), useEffect(() => {
+    if (isCompact)
+      return;
+    const goCompact = () => setIsCompact(!0);
+    return document.addEventListener("scroll", goCompact, {
+      capture: !0,
+      passive: !0
+    }), document.addEventListener("click", goCompact), () => {
+      document.removeEventListener("scroll", goCompact, {
+        capture: !0
+      }), document.removeEventListener("click", goCompact);
+    };
+  }, [isCompact]), !isReady || !portalRoot)
+    return null;
+  const handleClick = () => isOpen ? onClose() : onOpen();
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs("div", { className: "help-zone", children: [
+    /* @__PURE__ */ jsx("a", { className: "help-zone-badge", href: "https://edifice.io/releases/", target: "_blank", rel: "noopener noreferrer", "aria-label": t("help-zone.edifice-releases-notes"), children: /* @__PURE__ */ jsx(Tooltip, { message: t("help-zone.edifice-releases-notes"), placement: "top", children: /* @__PURE__ */ jsx("span", { className: clsx("help-zone-logo", {
+      "help-zone-logo--compact": isCompact,
+      "help-zone-logo--full": !isCompact
+    }), children: isCompact ? /* @__PURE__ */ jsx(SvgIconLogoEdificeSmall, { width: 18, height: 18 }) : /* @__PURE__ */ jsx(SvgIconLogoEdificeFull, { width: 81, height: 18 }) }) }) }),
+    /* @__PURE__ */ jsx("span", { className: "help-zone-divider" }),
+    /* @__PURE__ */ jsx(ButtonBeta, { className: "help-zone-question", "aria-label": t("help-zone.support.open"), color: "tertiary", variant: "ghost", onClick: handleClick, children: /* @__PURE__ */ jsx(Tooltip, { message: t("help-zone.support.open"), placement: "top", children: /* @__PURE__ */ jsx(SvgIconQuestion, { width: 24, height: 24, color: "white" }) }) })
+  ] }), portalRoot);
+};
+export {
+  HelpZone as default
+};

package/dist/modules/HelpZone/HelpZoneContainer.d.ts

@@ -0,0 +1,4 @@
+export declare function HelpZoneContainer(): import("react/jsx-runtime").JSX.Element;
+export declare namespace HelpZoneContainer {
+    var displayName: string;
+}

package/dist/modules/HelpZone/HelpZoneContainer.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import HelpZone from "./HelpZone.js";
+import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
+function getHeaderColor() {
+  return getComputedStyle(document.documentElement).getPropertyValue("--primitive-blue-400").trim();
+}
+function HelpZoneContainer() {
+  const headerColor = getHeaderColor(), {
+    isReady,
+    isOpen,
+    open,
+    close
+  } = useZendeskGuide(headerColor);
+  return /* @__PURE__ */ jsx(HelpZone, { isReady, isOpen, onOpen: open, onClose: close });
+}
+export {
+  HelpZoneContainer
+};

package/dist/modules/HelpZone/index.d.ts

@@ -0,0 +1,3 @@
+export * from './HelpZone';
+export { default as HelpZone } from './HelpZone';
+export * from './HelpZoneContainer';

package/dist/modules/icons/components/logo/IconLogoEdificeFull.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconLogoEdificeFull: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconLogoEdificeFull;

package/dist/modules/icons/components/logo/IconLogoEdificeFull.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconLogoEdificeFull = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 81 18", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#icon-logo-edifice-full_svg__a)", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M72.667 1.944c-4.424 0-8.01 3.602-8.01 8.045h16.02c0-4.443-3.586-8.045-8.01-8.045" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M76.346 12.173a4.3 4.3 0 0 1-.659.84 4.25 4.25 0 0 1-3.02 1.249 4.26 4.26 0 0 1-3.02-1.249 4.3 4.3 0 0 1-1.27-3.02V9.99h-3.72v.038c.04 4.408 3.61 7.969 8.009 7.969 3.657 0 6.74-2.462 7.7-5.825h-4.022zM55.596 10.014a4.28 4.28 0 0 1 1.253-2.998 4.2 4.2 0 0 1 2.98-1.24h3.618V2.07h-3.67c-4.317.029-7.812 3.552-7.852 7.908v.077c.04 4.356 3.535 7.879 7.85 7.907h3.672v-3.707h-3.618a4.2 4.2 0 0 1-2.98-1.24 4.28 4.28 0 0 1-1.255-2.997v-.007z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M50.302 7.711h-3.56v10.252h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M50.302 2.07h-3.56v3.608h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M40.983 2.07h-3.56v15.893h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M44.529 2.07h-3.56v3.576h.222a3.345 3.345 0 0 0 3.337-3.353zM44.529 7.711h-3.56v3.576h.222a3.345 3.345 0 0 0 3.337-3.353z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M35.19 7.711h-3.56v10.252h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M35.19 2.07h-3.56v3.608h3.56zM29.636 10.017c0-4.39-3.542-7.947-7.911-7.947v15.893c4.369 0 7.91-3.558 7.91-7.946" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M21.726 2.07h-3.56v15.893h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M11.677 0H4.952v1.987h6.725z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M8.316 1.949c-4.424 0-8.01 3.601-8.01 8.045h16.02c0-4.444-3.586-8.045-8.01-8.045" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M11.995 12.176a4.3 4.3 0 0 1-.658.84 4.25 4.25 0 0 1-3.021 1.25 4.26 4.26 0 0 1-3.02-1.25 4.3 4.3 0 0 1-1.27-3.02v-.003H.305v.039C.346 14.439 3.916 18 8.315 18c3.657 0 6.74-2.461 7.7-5.825h-4.022z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-logo-edifice-full_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h81v18H0z" }) }) })
+] });
+export {
+  SvgIconLogoEdificeFull as default
+};

package/dist/modules/icons/components/logo/IconLogoEdificeSmall.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconLogoEdificeSmall: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconLogoEdificeSmall;

package/dist/modules/icons/components/logo/IconLogoEdificeSmall.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconLogoEdificeSmall = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 18 18", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#icon-logo-edifice-small_svg__a)", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M12.36 0H5.637v1.987h6.725z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M9 1.949C4.576 1.949.99 5.55.99 9.994h16.02C17.01 5.55 13.424 1.95 9 1.95" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M12.679 12.176a4.3 4.3 0 0 1-.659.84A4.25 4.25 0 0 1 9 14.266a4.26 4.26 0 0 1-3.02-1.25 4.3 4.3 0 0 1-1.27-3.02v-.003H.99v.039C1.03 14.439 4.6 18 8.999 18c3.656 0 6.74-2.461 7.7-5.825h-4.022z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-logo-edifice-small_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h18v18H0z" }) }) })
+] });
+export {
+  SvgIconLogoEdificeSmall as default
+};

package/dist/modules/icons/components/logo/index.d.ts

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

package/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js

@@ -1,7 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import { useState, useRef, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import Alert from "../../../../components/Alert/Alert.js";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Radio from "../../../../components/Radio/Radio.js";
 import Dropzone from "../../../../components/Dropzone/Dropzone.js";
 import UploadFiles from "../../UploadFiles/UploadFiles.js";
 const acceptedTypes = (type) => {
@@ -18,6 +20,17 @@ const acceptedTypes = (type) => {
       break;
   }
   return acceptedTypes2;
+}, orderUploadedFiles = (uploadedFiles, sourceFilesInfo, byAlpha) => {
+  const infoOf = (element) => element._id ? sourceFilesInfo[element._id] : void 0, nameOf = (element) => {
+    var _a;
+    return ((_a = infoOf(element)) == null ? void 0 : _a.name) ?? element.name;
+  }, lastModifiedOf = (element) => {
+    var _a;
+    return ((_a = infoOf(element)) == null ? void 0 : _a.lastModified) ?? 0;
+  };
+  return byAlpha ? [...uploadedFiles].sort((a, b) => nameOf(a).localeCompare(nameOf(b), void 0, {
+    numeric: !0
+  })) : [...uploadedFiles].sort((a, b) => lastModifiedOf(b) - lastModifiedOf(a)).reverse();
 }, Upload = () => {
   const {
     t
@@ -27,12 +40,26 @@ const acceptedTypes = (type) => {
     multiple,
     setResult,
     setResultCounter,
-    setCancellable
-  } = useMediaLibraryContext(), handleOnFilesChange = (uploadedFiles) => {
-    uploadedFiles.length ? (setCancellable(uploadedFiles), setResultCounter(uploadedFiles.length), setResult(uploadedFiles)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
+    setCancellable,
+    setPreSuccess
+  } = useMediaLibraryContext(), [sortByAlpha, setSortByAlpha] = useState(!0), [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), handleOnFilesChange = (uploadedFiles2, sourceFilesInfo) => {
+    sourceFilesInfoRef.current = sourceFilesInfo, setUploadedFiles(uploadedFiles2), uploadedFiles2.length ? (setCancellable(uploadedFiles2), setResultCounter(uploadedFiles2.length), setResult(uploadedFiles2)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
-    multiple && /* @__PURE__ */ jsx(Alert, { type: "info", className: "flex-shrink-0 mb-16", children: t("bbm.upload.alert") }),
+  return useEffect(() => {
+    if (!multiple || !uploadedFiles.length) {
+      setPreSuccess(void 0);
+      return;
+    }
+    setPreSuccess(() => () => Promise.resolve(orderUploadedFiles(uploadedFiles, sourceFilesInfoRef.current, sortByAlpha)));
+  }, [multiple, uploadedFiles, sortByAlpha, setPreSuccess]), /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
+    multiple && /* @__PURE__ */ jsxs(Flex, { className: "mb-16 ms-8", align: "start", direction: "column", gap: "8", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t("bbm.upload.sort.title"),
+        " :"
+      ] }),
+      /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.alpha"), name: "media-library-upload-sort", value: "alpha", model: sortByAlpha ? "alpha" : "date", checked: sortByAlpha, onChange: () => setSortByAlpha(!0), "data-testid": "media-library-upload-sort-alpha" }),
+      /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.date"), name: "media-library-upload-sort", value: "date", model: sortByAlpha ? "alpha" : "date", checked: !sortByAlpha, onChange: () => setSortByAlpha(!1), "data-testid": "media-library-upload-sort-date" })
+    ] }),
     /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
   ] });
 };

package/dist/modules/multimedia/UploadFiles/UploadFiles.d.ts

@@ -1,7 +1,8 @@
 import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+import { UploadSourceFileInfo } from '../../../hooks';
 declare const UploadFiles: {
     ({ onFilesChange, visibility, }: {
-        onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;
+        onFilesChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
         visibility?: WorkspaceVisibility;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/modules/widgets/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Widget';
 export * from './BookmarkedApps';
+export * from './Widget';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.5-develop-b2school.20260914145143",
+  "version": "2.6.5-develop-b2school.20260917151240",
   "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.5-develop-b2school.20260914145143",
-    "@edifice.io/tiptap-extensions": "2.6.5-develop-b2school.20260914145143",
-    "@edifice.io/utilities": "2.6.5-develop-b2school.20260914145143"
+    "@edifice.io/bootstrap": "2.6.5-develop-b2school.20260917151240",
+    "@edifice.io/tiptap-extensions": "2.6.5-develop-b2school.20260917151240",
+    "@edifice.io/utilities": "2.6.5-develop-b2school.20260917151240"
   },
   "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.5-develop-b2school.20260914145143",
-    "@edifice.io/config": "2.6.5-develop-b2school.20260914145143"
+    "@edifice.io/client": "2.6.5-develop-b2school.20260917151240",
+    "@edifice.io/config": "2.6.5-develop-b2school.20260917151240"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",