@firecms/entity_history 3.0.0 → 3.1.0-canary.02232f4

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useContext, useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { useAuthController, useCustomizationController, useNavigationController, useSideEntityController, resolveCollection, getPropertyInPath, getValueInPath, PropertyPreview, SkeletonPropertyComponent, useSnackbarController, useDataSource, EntityView, ErrorBoundary, ConfirmationDialog, mergeCallbacks } from "@firecms/core";
+import { useTranslation, useAuthController, useCustomizationController, useNavigationController, useSideEntityController, resolveCollection, getPropertyInPath, getValueInPath, PropertyPreview, SkeletonPropertyComponent, jsonStringifyReplacer, useSnackbarController, useDataSource, EntityView, ErrorBoundary, ConfirmationDialog, mergeCallbacks } from "@firecms/core";
 import { c } from "react-compiler-runtime";
-import { Chip, Tooltip, Typography, cls, IconButton, KeyboardTabIcon, defaultBorderMixin, KeyboardBackspaceIcon, Label, HistoryIcon } from "@firecms/ui";
+import { Chip, Tooltip, Typography, IconButton, KeyboardTabIcon, cls, defaultBorderMixin, KeyboardBackspaceIcon, Label, HistoryIcon } from "@firecms/ui";
 import equal from "react-fast-compare";
 const HistoryControllerContext = React__default.createContext({});
 const useHistoryController = () => {
@@ -37,59 +37,66 @@ const HistoryControllerProvider = React__default.memo(function HistoryController
   return t2;
 }, equal);
 function UserChip(t0) {
-  const $ = c(11);
+  const $ = c(12);
   const {
     user
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const t1 = user.email ?? user.uid;
   let t2;
-  if ($[0] !== user.displayName || $[1] !== user.photoURL) {
-    t2 = user.photoURL && /* @__PURE__ */ jsx("img", { className: "rounded-full w-6 h-6 mr-2", src: user.photoURL, alt: user.displayName ?? "User picture" });
-    $[0] = user.displayName;
-    $[1] = user.photoURL;
-    $[2] = t2;
+  if ($[0] !== t || $[1] !== user.displayName || $[2] !== user.photoURL) {
+    t2 = user.photoURL && /* @__PURE__ */ jsx("img", { className: "rounded-full w-6 h-6 mr-2", src: user.photoURL, alt: user.displayName ?? t("user_picture") });
+    $[0] = t;
+    $[1] = user.displayName;
+    $[2] = user.photoURL;
+    $[3] = t2;
   } else {
-    t2 = $[2];
+    t2 = $[3];
   }
   const t3 = user.displayName ?? user.email ?? user.uid;
   let t4;
-  if ($[3] !== t3) {
+  if ($[4] !== t3) {
     t4 = /* @__PURE__ */ jsx("span", { children: t3 });
-    $[3] = t3;
-    $[4] = t4;
+    $[4] = t3;
+    $[5] = t4;
   } else {
-    t4 = $[4];
+    t4 = $[5];
   }
   let t5;
-  if ($[5] !== t2 || $[6] !== t4) {
+  if ($[6] !== t2 || $[7] !== t4) {
     t5 = /* @__PURE__ */ jsxs(Chip, { size: "small", className: "flex items-center", children: [
       t2,
       t4
     ] });
-    $[5] = t2;
-    $[6] = t4;
-    $[7] = t5;
+    $[6] = t2;
+    $[7] = t4;
+    $[8] = t5;
   } else {
-    t5 = $[7];
+    t5 = $[8];
   }
   let t6;
-  if ($[8] !== t1 || $[9] !== t5) {
+  if ($[9] !== t1 || $[10] !== t5) {
     t6 = /* @__PURE__ */ jsx(Tooltip, { title: t1, children: t5 });
-    $[8] = t1;
-    $[9] = t5;
-    $[10] = t6;
+    $[9] = t1;
+    $[10] = t5;
+    $[11] = t6;
   } else {
-    t6 = $[10];
+    t6 = $[11];
   }
   return t6;
 }
 function PreviousValueView(t0) {
-  const $ = c(12);
+  const $ = c(18);
   const {
     previousValueInPath,
     childProperty,
-    key
+    propertyKey
   } = t0;
+  const {
+    t
+  } = useTranslation();
   if (typeof previousValueInPath === "string" || typeof previousValueInPath === "number") {
     let t1;
     if ($[0] !== previousValueInPath) {
@@ -114,43 +121,61 @@ function PreviousValueView(t0) {
       return t2;
     } else {
       let t1;
-      if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "Previous value" });
-        $[4] = t1;
+      if ($[4] !== t) {
+        t1 = t("entity_history_previous_value");
+        $[4] = t;
+        $[5] = t1;
       } else {
-        t1 = $[4];
+        t1 = $[5];
       }
-      const t2 = key;
-      const t3 = childProperty;
-      let t4;
-      if ($[5] !== previousValueInPath || $[6] !== t2 || $[7] !== t3) {
-        t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          t1,
-          /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: t2, value: previousValueInPath, property: t3, size: "small" })
-        ] });
-        $[5] = previousValueInPath;
-        $[6] = t2;
-        $[7] = t3;
-        $[8] = t4;
+      let t2;
+      if ($[6] !== t1) {
+        t2 = /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: t1 });
+        $[6] = t1;
+        $[7] = t2;
       } else {
-        t4 = $[8];
+        t2 = $[7];
       }
+      const t3 = propertyKey;
+      const t4 = childProperty;
       let t5;
-      if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ jsx(KeyboardBackspaceIcon, { size: "smallest", color: "disabled", className: "mb-1" });
-        $[9] = t5;
+      if ($[8] !== previousValueInPath || $[9] !== t3 || $[10] !== t4) {
+        t5 = /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: t3, value: previousValueInPath, property: t4, size: "small" });
+        $[8] = previousValueInPath;
+        $[9] = t3;
+        $[10] = t4;
+        $[11] = t5;
       } else {
-        t5 = $[9];
+        t5 = $[11];
       }
       let t6;
-      if ($[10] !== t4) {
-        t6 = /* @__PURE__ */ jsx(Tooltip, { side: "left", title: t4, children: t5 });
-        $[10] = t4;
-        $[11] = t6;
+      if ($[12] !== t2 || $[13] !== t5) {
+        t6 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          t2,
+          t5
+        ] });
+        $[12] = t2;
+        $[13] = t5;
+        $[14] = t6;
+      } else {
+        t6 = $[14];
+      }
+      let t7;
+      if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t7 = /* @__PURE__ */ jsx(KeyboardBackspaceIcon, { size: "smallest", color: "disabled", className: "mb-1" });
+        $[15] = t7;
+      } else {
+        t7 = $[15];
+      }
+      let t8;
+      if ($[16] !== t6) {
+        t8 = /* @__PURE__ */ jsx(Tooltip, { side: "left", title: t6, children: t7 });
+        $[16] = t6;
+        $[17] = t8;
       } else {
-        t6 = $[11];
+        t8 = $[17];
       }
-      return t6;
+      return t8;
     }
   }
 }
@@ -168,6 +193,9 @@ function EntityHistoryEntry({
   const customizationController = useCustomizationController();
   const navigationController = useNavigationController();
   const sideEntityController = useSideEntityController();
+  const {
+    t
+  } = useTranslation();
   const collection = collectionProp ?? navigationController.getCollection(entity.path);
   const updatedOn = entity.values?.["__metadata"]?.["updated_on"];
   if (!collection) {
@@ -191,9 +219,9 @@ function EntityHistoryEntry({
       !user && updatedBy && /* @__PURE__ */ jsx(Chip, { size: "small", children: updatedBy }),
       user && /* @__PURE__ */ jsx(UserChip, { user })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: cls("bg-white dark:bg-surface-900", "min-h-[42px]", "w-full", "items-center", hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800" : "", size === "small" ? "p-1" : "px-2 py-1", "flex border rounded-lg", onClick ? "cursor-pointer" : "", defaultBorderMixin), children: [
+    /* @__PURE__ */ jsxs("div", { className: cls("bg-white dark:bg-surface-900", "min-h-[44px]", "w-full", "items-center", hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800" : "", size === "small" ? "p-1" : "px-2 py-1", "flex border rounded-lg", onClick ? "cursor-pointer" : "", defaultBorderMixin), children: [
       actions,
-      entity && /* @__PURE__ */ jsx(Tooltip, { title: "See details for this revision", className: "my-2 grow-0 shrink-0 self-start", children: /* @__PURE__ */ jsx(IconButton, { color: "inherit", className: "", onClick: (e) => {
+      entity && /* @__PURE__ */ jsx(Tooltip, { title: t("entity_history_see_details"), className: "my-2 grow-0 shrink-0 self-start", children: /* @__PURE__ */ jsx(IconButton, { color: "inherit", className: "", onClick: (e) => {
         sideEntityController.open({
           entityId: entity.id,
           path: entity.path,
@@ -216,11 +244,11 @@ function EntityHistoryEntry({
         const childProperty = getPropertyInPath(resolvedCollection.properties, key);
         const valueInPath = getValueInPath(entity.values, key);
         const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : void 0;
-        const element = childProperty ? entity ? /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: key, value: valueInPath, property: childProperty, size: "small" }) : /* @__PURE__ */ jsx(SkeletonPropertyComponent, { property: childProperty, size: "small" }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", children: typeof valueInPath === "string" ? valueInPath : JSON.stringify(valueInPath) });
+        const element = childProperty ? entity ? /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: key, value: valueInPath, property: childProperty, size: "small" }) : /* @__PURE__ */ jsx(SkeletonPropertyComponent, { property: childProperty, size: "small" }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", children: typeof valueInPath === "string" ? valueInPath : JSON.stringify(valueInPath, jsonStringifyReplacer) });
         return /* @__PURE__ */ jsxs("div", { className: "flex w-full my-1 items-center", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "min-w-[140px] md:min-w-[200px] w-1/5 pr-8 overflow-hidden text-ellipsis text-right", children: key }),
           /* @__PURE__ */ jsxs("div", { className: "w-4/5", children: [
-            previousValueInPath !== void 0 && previousValueInPath !== valueInPath && /* @__PURE__ */ jsx(PreviousValueView, { previousValueInPath, childProperty }, key),
+            previousValueInPath !== void 0 && previousValueInPath !== valueInPath && /* @__PURE__ */ jsx(PreviousValueView, { previousValueInPath, childProperty, propertyKey: key }),
             element
           ] })
         ] }, "ref_prev_" + key);
@@ -229,7 +257,7 @@ function EntityHistoryEntry({
   ] });
 }
 function EntityHistoryView(t0) {
-  const $ = c(58);
+  const $ = c(78);
   const {
     entity,
     collection,
@@ -237,12 +265,15 @@ function EntityHistoryView(t0) {
   } = t0;
   const authController = useAuthController();
   const snackbarController = useSnackbarController();
+  const {
+    t
+  } = useTranslation();
   const dirty = formContext?.formex.dirty;
   const dataSource = useDataSource();
   const pathAndId = entity ? entity?.path + "/" + entity?.id : void 0;
   const [revertVersionDialog, setRevertVersionDialog] = useState(void 0);
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
     $[0] = t1;
   } else {
@@ -256,8 +287,7 @@ function EntityHistoryView(t0) {
   const observerRef = useRef(null);
   const loadMoreRef = useRef(null);
   let t2;
-  let t3;
-  if ($[1] !== dataSource || $[2] !== limit || $[3] !== pathAndId) {
+  if ($[1] !== collection || $[2] !== dataSource || $[3] !== limit || $[4] !== pathAndId) {
     t2 = () => {
       if (!pathAndId) {
         return;
@@ -265,6 +295,7 @@ function EntityHistoryView(t0) {
       setIsLoading(true);
       const listener = dataSource.listenCollection?.({
         path: pathAndId + "/__history",
+        collection,
         order: "desc",
         orderBy: "__metadata.updated_on",
         limit,
@@ -286,19 +317,27 @@ function EntityHistoryView(t0) {
         }
       };
     };
+    $[1] = collection;
+    $[2] = dataSource;
+    $[3] = limit;
+    $[4] = pathAndId;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== dataSource || $[7] !== limit || $[8] !== pathAndId) {
     t3 = [pathAndId, limit, dataSource];
-    $[1] = dataSource;
-    $[2] = limit;
-    $[3] = pathAndId;
-    $[4] = t2;
-    $[5] = t3;
+    $[6] = dataSource;
+    $[7] = limit;
+    $[8] = pathAndId;
+    $[9] = t3;
   } else {
-    t2 = $[4];
-    t3 = $[5];
+    t3 = $[9];
   }
   useEffect(t2, t3);
   let t4;
-  if ($[6] !== hasMore || $[7] !== isLoading) {
+  if ($[10] !== hasMore || $[11] !== isLoading) {
     t4 = () => {
       const currentContainer = containerRef.current;
       const currentLoadMore = loadMoreRef.current;
@@ -317,7 +356,7 @@ function EntityHistoryView(t0) {
       const handleObserver = (entries) => {
         const target = entries[0];
         if (target.isIntersecting && hasMore && !isLoading) {
-          setLimit(_temp);
+          setLimit(_temp$1);
         }
       };
       const observer = new IntersectionObserver(handleObserver, options);
@@ -330,35 +369,44 @@ function EntityHistoryView(t0) {
         }
       };
     };
-    $[6] = hasMore;
-    $[7] = isLoading;
-    $[8] = t4;
+    $[10] = hasMore;
+    $[11] = isLoading;
+    $[12] = t4;
   } else {
-    t4 = $[8];
+    t4 = $[12];
   }
   let t5;
-  if ($[9] !== hasMore || $[10] !== isLoading || $[11] !== revisions.length) {
+  if ($[13] !== hasMore || $[14] !== isLoading || $[15] !== revisions.length) {
     t5 = [hasMore, isLoading, revisions.length];
-    $[9] = hasMore;
-    $[10] = isLoading;
-    $[11] = revisions.length;
-    $[12] = t5;
+    $[13] = hasMore;
+    $[14] = isLoading;
+    $[15] = revisions.length;
+    $[16] = t5;
   } else {
-    t5 = $[12];
+    t5 = $[16];
   }
   useEffect(t4, t5);
   if (!entity) {
     let t62;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-      t62 = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx(Label, { children: "History is only available for existing entities" }) });
-      $[13] = t62;
+    if ($[17] !== t) {
+      t62 = t("entity_history_only_existing");
+      $[17] = t;
+      $[18] = t62;
     } else {
-      t62 = $[13];
+      t62 = $[18];
     }
-    return t62;
+    let t72;
+    if ($[19] !== t62) {
+      t72 = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx(Label, { children: t62 }) });
+      $[19] = t62;
+      $[20] = t72;
+    } else {
+      t72 = $[20];
+    }
+    return t72;
   }
   let t6;
-  if ($[14] !== authController || $[15] !== collection || $[16] !== dataSource || $[17] !== entity || $[18] !== formContext || $[19] !== snackbarController) {
+  if ($[21] !== authController || $[22] !== collection || $[23] !== dataSource || $[24] !== entity || $[25] !== formContext || $[26] !== snackbarController || $[27] !== t) {
     t6 = function doRevert2(revertVersion) {
       if (!entity) {
         throw new Error("No entity to revert");
@@ -392,64 +440,75 @@ function EntityHistoryView(t0) {
         });
         setRevertVersionDialog(void 0);
         snackbarController.open({
-          message: "Reverted version",
+          message: t("entity_history_reverted"),
           type: "info"
         });
       }).catch((error_0) => {
         console.error("Error reverting entity:", error_0);
         snackbarController.open({
-          message: "Error reverting entity",
+          message: t("entity_history_error_reverting"),
           type: "error"
         });
       });
     };
-    $[14] = authController;
-    $[15] = collection;
-    $[16] = dataSource;
-    $[17] = entity;
-    $[18] = formContext;
-    $[19] = snackbarController;
-    $[20] = t6;
+    $[21] = authController;
+    $[22] = collection;
+    $[23] = dataSource;
+    $[24] = entity;
+    $[25] = formContext;
+    $[26] = snackbarController;
+    $[27] = t;
+    $[28] = t6;
   } else {
-    t6 = $[20];
+    t6 = $[28];
   }
   const doRevert = t6;
   let t7;
-  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = cls("relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-8");
-    $[21] = t7;
+    $[29] = t7;
   } else {
-    t7 = $[21];
+    t7 = $[29];
   }
   let t8;
-  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "mt-24 ml-4", children: "History" });
-    $[22] = t8;
+  if ($[30] !== t) {
+    t8 = t("history");
+    $[30] = t;
+    $[31] = t8;
   } else {
-    t8 = $[22];
+    t8 = $[31];
   }
   let t9;
-  if ($[23] !== revisions.length) {
-    t9 = revisions.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Label, { className: "ml-4 mt-8", children: "No history available" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "ml-4", children: "When you save an entity, a new version is created and stored in the history." })
-    ] });
-    $[23] = revisions.length;
-    $[24] = t9;
+  if ($[32] !== t8) {
+    t9 = /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "mt-24 ml-4", children: t8 });
+    $[32] = t8;
+    $[33] = t9;
   } else {
-    t9 = $[24];
+    t9 = $[33];
   }
   let t10;
-  if ($[25] !== collection || $[26] !== dirty || $[27] !== revisions || $[28] !== snackbarController) {
-    let t112;
-    if ($[30] !== collection || $[31] !== dirty || $[32] !== snackbarController) {
-      t112 = (revision, index) => {
+  if ($[34] !== revisions.length || $[35] !== t) {
+    t10 = revisions.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Label, { className: "ml-4 mt-8", children: t("entity_history_no_history") }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "ml-4", children: t("entity_history_when_save") })
+    ] });
+    $[34] = revisions.length;
+    $[35] = t;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  let t11;
+  if ($[37] !== collection || $[38] !== dirty || $[39] !== revisions || $[40] !== snackbarController || $[41] !== t) {
+    let t122;
+    if ($[43] !== collection || $[44] !== dirty || $[45] !== snackbarController || $[46] !== t) {
+      t122 = (revision, index) => {
         const previewKeys = revision.values?.__metadata?.changed_fields;
         const previousValues = revision.values?.__metadata?.previous_values;
-        return /* @__PURE__ */ jsx("div", { className: "flex flex-cols gap-2 w-full", children: /* @__PURE__ */ jsx(EntityHistoryEntry, { size: "large", entity: revision, collection, previewKeys, previousValues, actions: /* @__PURE__ */ jsx(Tooltip, { title: "Revert to this version", className: "m-2 grow-0 self-start", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => {
+        return /* @__PURE__ */ jsx("div", { className: "flex flex-cols gap-2 w-full", children: /* @__PURE__ */ jsx(EntityHistoryEntry, { size: "large", entity: revision, collection, previewKeys, previousValues, actions: /* @__PURE__ */ jsx(Tooltip, { title: t("entity_history_revert_tooltip"), className: "m-2 grow-0 self-start", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => {
           if (dirty) {
             snackbarController.open({
-              message: "Please save or discard your changes before reverting",
+              message: t("entity_history_please_save"),
               type: "warning"
             });
           } else {
@@ -457,113 +516,130 @@ function EntityHistoryView(t0) {
           }
         }, children: /* @__PURE__ */ jsx(HistoryIcon, {}) }) }) }) }, index);
       };
-      $[30] = collection;
-      $[31] = dirty;
-      $[32] = snackbarController;
-      $[33] = t112;
+      $[43] = collection;
+      $[44] = dirty;
+      $[45] = snackbarController;
+      $[46] = t;
+      $[47] = t122;
     } else {
-      t112 = $[33];
+      t122 = $[47];
     }
-    t10 = revisions.map(t112);
-    $[25] = collection;
-    $[26] = dirty;
-    $[27] = revisions;
-    $[28] = snackbarController;
-    $[29] = t10;
+    t11 = revisions.map(t122);
+    $[37] = collection;
+    $[38] = dirty;
+    $[39] = revisions;
+    $[40] = snackbarController;
+    $[41] = t;
+    $[42] = t11;
   } else {
-    t10 = $[29];
+    t11 = $[42];
   }
-  let t11;
-  if ($[34] !== hasMore || $[35] !== isLoading || $[36] !== revisions.length) {
-    t11 = revisions.length > 0 && /* @__PURE__ */ jsxs("div", { ref: loadMoreRef, className: "py-4 text-center", children: [
-      isLoading && /* @__PURE__ */ jsx(Label, { children: "Loading more..." }),
-      !hasMore && revisions.length > 5 && /* @__PURE__ */ jsx(Label, { children: "No more history available" })
+  let t12;
+  if ($[48] !== hasMore || $[49] !== isLoading || $[50] !== revisions.length || $[51] !== t) {
+    t12 = revisions.length > 0 && /* @__PURE__ */ jsxs("div", { ref: loadMoreRef, className: "py-4 text-center", children: [
+      isLoading && /* @__PURE__ */ jsx(Label, { children: t("loading_more") }),
+      !hasMore && revisions.length > 5 && /* @__PURE__ */ jsx(Label, { children: t("entity_history_no_more") })
     ] });
-    $[34] = hasMore;
-    $[35] = isLoading;
-    $[36] = revisions.length;
-    $[37] = t11;
+    $[48] = hasMore;
+    $[49] = isLoading;
+    $[50] = revisions.length;
+    $[51] = t;
+    $[52] = t12;
   } else {
-    t11 = $[37];
+    t12 = $[52];
   }
-  let t12;
-  if ($[38] !== t10 || $[39] !== t11 || $[40] !== t9) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 max-w-6xl mx-auto w-full", children: [
-      t8,
+  let t13;
+  if ($[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t9) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 max-w-6xl mx-auto w-full", children: [
       t9,
       t10,
-      t11
+      t11,
+      t12
     ] });
-    $[38] = t10;
-    $[39] = t11;
-    $[40] = t9;
-    $[41] = t12;
+    $[53] = t10;
+    $[54] = t11;
+    $[55] = t12;
+    $[56] = t9;
+    $[57] = t13;
   } else {
-    t12 = $[41];
+    t13 = $[57];
   }
-  const t13 = Boolean(revertVersionDialog);
-  let t14;
-  if ($[42] !== doRevert || $[43] !== revertVersionDialog) {
-    t14 = function() {
+  const t14 = Boolean(revertVersionDialog);
+  let t15;
+  if ($[58] !== doRevert || $[59] !== revertVersionDialog) {
+    t15 = function() {
       if (!revertVersionDialog) {
         return;
       }
       doRevert(revertVersionDialog);
     };
-    $[42] = doRevert;
-    $[43] = revertVersionDialog;
-    $[44] = t14;
+    $[58] = doRevert;
+    $[59] = revertVersionDialog;
+    $[60] = t15;
   } else {
-    t14 = $[44];
+    t15 = $[60];
   }
-  let t15;
   let t16;
-  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = function() {
+  if ($[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t16 = function() {
       setRevertVersionDialog(void 0);
     };
-    t16 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Revert data to this version?" });
-    $[45] = t15;
-    $[46] = t16;
+    $[61] = t16;
   } else {
-    t15 = $[45];
-    t16 = $[46];
+    t16 = $[61];
   }
   let t17;
-  if ($[47] !== collection || $[48] !== entity?.path || $[49] !== revertVersionDialog) {
-    t17 = revertVersionDialog ? /* @__PURE__ */ jsx(EntityView, { entity: revertVersionDialog, collection, path: entity?.path }) : null;
-    $[47] = collection;
-    $[48] = entity?.path;
-    $[49] = revertVersionDialog;
-    $[50] = t17;
+  if ($[62] !== t) {
+    t17 = t("entity_history_revert_dialog_title");
+    $[62] = t;
+    $[63] = t17;
   } else {
-    t17 = $[50];
+    t17 = $[63];
   }
   let t18;
-  if ($[51] !== t13 || $[52] !== t14 || $[53] !== t17) {
-    t18 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(ConfirmationDialog, { open: t13, onAccept: t14, onCancel: t15, title: t16, body: t17 }) });
-    $[51] = t13;
-    $[52] = t14;
-    $[53] = t17;
-    $[54] = t18;
+  if ($[64] !== t17) {
+    t18 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t17 });
+    $[64] = t17;
+    $[65] = t18;
   } else {
-    t18 = $[54];
+    t18 = $[65];
   }
   let t19;
-  if ($[55] !== t12 || $[56] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { ref: containerRef, className: t7, children: [
-      t12,
-      t18
+  if ($[66] !== collection || $[67] !== entity?.path || $[68] !== revertVersionDialog) {
+    t19 = revertVersionDialog ? /* @__PURE__ */ jsx(EntityView, { entity: revertVersionDialog, collection, path: entity?.path }) : null;
+    $[66] = collection;
+    $[67] = entity?.path;
+    $[68] = revertVersionDialog;
+    $[69] = t19;
+  } else {
+    t19 = $[69];
+  }
+  let t20;
+  if ($[70] !== t14 || $[71] !== t15 || $[72] !== t18 || $[73] !== t19) {
+    t20 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(ConfirmationDialog, { open: t14, onAccept: t15, onCancel: t16, title: t18, body: t19 }) });
+    $[70] = t14;
+    $[71] = t15;
+    $[72] = t18;
+    $[73] = t19;
+    $[74] = t20;
+  } else {
+    t20 = $[74];
+  }
+  let t21;
+  if ($[75] !== t13 || $[76] !== t20) {
+    t21 = /* @__PURE__ */ jsxs("div", { ref: containerRef, className: t7, children: [
+      t13,
+      t20
     ] });
-    $[55] = t12;
-    $[56] = t18;
-    $[57] = t19;
+    $[75] = t13;
+    $[76] = t20;
+    $[77] = t21;
   } else {
-    t19 = $[57];
+    t21 = $[77];
   }
-  return t19;
+  return t21;
 }
-function _temp(prev) {
+function _temp$1(prev) {
   return prev + 5;
 }
 function createHistoryEntry({
@@ -571,7 +647,8 @@ function createHistoryEntry({
   previousValues,
   values,
   path,
-  entityId
+  entityId,
+  collection
 }) {
   const uid = context.authController.user?.uid;
   const dataSource = context.dataSource;
@@ -588,7 +665,8 @@ function createHistoryEntry({
   dataSource.saveEntity({
     path: path + "/" + entityId + "/__history",
     values: entry,
-    status: "new"
+    status: "new",
+    collection
   }).then(() => {
     console.debug("History saved for", path, entityId);
   });
@@ -600,12 +678,14 @@ const entityHistoryCallbacks = {
     const path = props.path;
     const entityId = props.entityId;
     const context = props.context;
+    const collection = props.collection;
     createHistoryEntry({
       context,
       previousValues,
       values,
       path,
-      entityId
+      entityId,
+      collection
     });
   }
 };
@@ -649,6 +729,314 @@ function findChangedFields(oldValues, newValues, prefix = "") {
   }
   return changedFields;
 }
+function getRelativeTimeString(date, t) {
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffSeconds < 60) return t("entity_history_just_now");
+  if (diffMinutes < 60) return t("entity_history_minutes_ago", {
+    minutes: diffMinutes
+  });
+  if (diffHours < 24) return t("entity_history_hours_ago", {
+    hours: diffHours
+  });
+  if (diffDays < 30) return t("entity_history_days_ago", {
+    days: diffDays
+  });
+  return date.toLocaleDateString();
+}
+function LastEditedByIndicator(t0) {
+  const $ = c(24);
+  const {
+    path,
+    entityId,
+    collection
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const {
+    getUser
+  } = useHistoryController();
+  const dataSource = useDataSource();
+  const [latestEntry, setLatestEntry] = useState();
+  let t1;
+  if ($[0] !== collection || $[1] !== dataSource || $[2] !== entityId || $[3] !== path) {
+    t1 = () => {
+      if (!path || !entityId) {
+        return;
+      }
+      const historyPath = `${path}/${entityId}/__history`;
+      const unsubscribe = dataSource.listenCollection?.({
+        path: historyPath,
+        collection,
+        orderBy: "__metadata.updated_on",
+        order: "desc",
+        limit: 1,
+        onUpdate: (entities) => {
+          setLatestEntry(entities[0]);
+        },
+        onError: _temp
+      });
+      return () => {
+        if (typeof unsubscribe === "function") {
+          unsubscribe();
+        }
+      };
+    };
+    $[0] = collection;
+    $[1] = dataSource;
+    $[2] = entityId;
+    $[3] = path;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== dataSource || $[6] !== entityId || $[7] !== path) {
+    t2 = [path, entityId, dataSource];
+    $[5] = dataSource;
+    $[6] = entityId;
+    $[7] = path;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  useEffect(t1, t2);
+  const metadata = latestEntry?.values?.__metadata;
+  const uid = metadata?.updated_by;
+  const editedOn = metadata?.updated_on;
+  const hasData = Boolean(uid || editedOn);
+  let t3;
+  if ($[9] !== getUser || $[10] !== uid) {
+    t3 = uid ? getUser?.(uid) : void 0;
+    $[9] = getUser;
+    $[10] = uid;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const user = t3;
+  let t4;
+  if ($[12] !== editedOn) {
+    t4 = editedOn instanceof Date ? editedOn : editedOn?.toDate ? editedOn.toDate() : null;
+    $[12] = editedOn;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  const date = t4;
+  let t5;
+  if ($[14] !== date || $[15] !== t) {
+    t5 = date ? getRelativeTimeString(date, t) : null;
+    $[14] = date;
+    $[15] = t;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  const timeString = t5;
+  const displayName = user?.displayName ?? user?.email ?? uid;
+  const photoURL = user?.photoURL;
+  let t6;
+  if ($[17] !== displayName || $[18] !== hasData || $[19] !== photoURL || $[20] !== timeString) {
+    t6 = hasData && /* @__PURE__ */ jsxs(Fragment, { children: [
+      photoURL ? /* @__PURE__ */ jsx("img", { src: photoURL, alt: displayName ?? "User", className: "rounded-full object-cover w-6 h-6" }) : /* @__PURE__ */ jsx("div", { className: "rounded-full bg-primary/10 dark:bg-primary-dark/20 flex items-center justify-center text-primary dark:text-primary-dark font-medium w-6 h-6 text-xs", children: (displayName ?? "?").charAt(0).toUpperCase() }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        displayName,
+        timeString ? ` · ${timeString}` : ""
+      ] })
+    ] });
+    $[17] = displayName;
+    $[18] = hasData;
+    $[19] = photoURL;
+    $[20] = timeString;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== t6) {
+    t7 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-xs text-text-secondary dark:text-text-secondary-dark min-h-6", children: t6 });
+    $[22] = t6;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
+  }
+  return t7;
+}
+function _temp(error) {
+  console.error("Error fetching latest history entry:", error);
+}
+function LastEditedByFormAction(t0) {
+  const $ = c(4);
+  const {
+    entityId,
+    path,
+    status,
+    collection
+  } = t0;
+  if (status === "new" || status === "copy" || !entityId) {
+    return null;
+  }
+  if (!collection.history) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== collection || $[1] !== entityId || $[2] !== path) {
+    t1 = /* @__PURE__ */ jsx(LastEditedByIndicator, { path, entityId, collection });
+    $[0] = collection;
+    $[1] = entityId;
+    $[2] = path;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+const entityHistoryTranslationsEn = {
+  history: "History",
+  entity_history_only_existing: "History is only available for existing entities",
+  entity_history_reverted: "Reverted version",
+  entity_history_error_reverting: "Error reverting entity",
+  entity_history_no_history: "No history available",
+  entity_history_when_save: "When you save an entity, a new version is created and stored in the history.",
+  entity_history_revert_tooltip: "Revert to this version",
+  entity_history_please_save: "Please save or discard your changes before reverting",
+  loading_more: "Loading more...",
+  entity_history_no_more: "No more history available",
+  entity_history_revert_dialog_title: "Revert data to this version?",
+  entity_history_previous_value: "Previous value",
+  entity_history_see_details: "See details for this revision",
+  entity_history_just_now: "just now",
+  entity_history_minutes_ago: "{{minutes}}m ago",
+  entity_history_hours_ago: "{{hours}}h ago",
+  entity_history_days_ago: "{{days}}d ago",
+  user_picture: "User picture"
+};
+const entityHistoryTranslationsEs = {
+  history: "Historial",
+  entity_history_only_existing: "El historial solo está disponible para entidades existentes",
+  entity_history_reverted: "Versión revertida",
+  entity_history_error_reverting: "Error al revertir la entidad",
+  entity_history_no_history: "No hay historial disponible",
+  entity_history_when_save: "Cuando guardas una entidad, se crea una nueva versión y se almacena en el historial.",
+  entity_history_revert_tooltip: "Revertir a esta versión",
+  entity_history_please_save: "Por favor, guarda o descarta tus cambios antes de revertir",
+  loading_more: "Cargando más...",
+  entity_history_no_more: "No hay más historial disponible",
+  entity_history_revert_dialog_title: "¿Revertir datos a esta versión?",
+  entity_history_previous_value: "Valor anterior",
+  entity_history_see_details: "Ver detalles de esta revisión",
+  entity_history_just_now: "justo ahora",
+  entity_history_minutes_ago: "hace {{minutes}}m",
+  entity_history_hours_ago: "hace {{hours}}h",
+  entity_history_days_ago: "hace {{days}}d",
+  user_picture: "Foto de usuario"
+};
+const entityHistoryTranslationsDe = {
+  history: "Verlauf",
+  entity_history_only_existing: "Verlauf ist nur für vorhandene Entitäten verfügbar",
+  entity_history_reverted: "Wiederhergestellte Version",
+  entity_history_error_reverting: "Fehler beim Wiederherstellen der Entität",
+  entity_history_no_history: "Kein Verlauf verfügbar",
+  entity_history_when_save: "Wenn Sie eine Entität speichern, wird eine neue Version erstellt und im Verlauf gespeichert.",
+  entity_history_revert_tooltip: "Zu dieser Version zurückkehren",
+  entity_history_please_save: "Bitte speichern oder verwerfen Sie Ihre Änderungen vor der Wiederherstellung",
+  loading_more: "Mehr laden...",
+  entity_history_no_more: "Kein weiterer Verlauf verfügbar",
+  entity_history_revert_dialog_title: "Daten auf diese Version zurücksetzen?",
+  entity_history_previous_value: "Vorheriger Wert",
+  entity_history_see_details: "Details zu dieser Überarbeitung anzeigen",
+  entity_history_just_now: "gerade eben",
+  entity_history_minutes_ago: "vor {{minutes}}m",
+  entity_history_hours_ago: "vor {{hours}}h",
+  entity_history_days_ago: "vor {{days}}d",
+  user_picture: "Benutzerbild"
+};
+const entityHistoryTranslationsFr = {
+  history: "Historique",
+  entity_history_only_existing: "L'historique n'est disponible que pour les entités existantes",
+  entity_history_reverted: "Version restaurée",
+  entity_history_error_reverting: "Erreur lors de la restauration de l'entité",
+  entity_history_no_history: "Aucun historique disponible",
+  entity_history_when_save: "Lorsque vous enregistrez une entité, une nouvelle version est créée et stockée dans l'historique.",
+  entity_history_revert_tooltip: "Revenir à cette version",
+  entity_history_please_save: "Veuillez enregistrer ou annuler vos modifications avant de restaurer",
+  loading_more: "Chargement en cours...",
+  entity_history_no_more: "Aucun autre historique disponible",
+  entity_history_revert_dialog_title: "Restaurer les données à cette version ?",
+  entity_history_previous_value: "Valeur précédente",
+  entity_history_see_details: "Voir les détails de cette révision",
+  entity_history_just_now: "à l'instant",
+  entity_history_minutes_ago: "il y a {{minutes}}m",
+  entity_history_hours_ago: "il y a {{hours}}h",
+  entity_history_days_ago: "il y a {{days}}j",
+  user_picture: "Photo de l'utilisateur"
+};
+const entityHistoryTranslationsIt = {
+  history: "Cronologia",
+  entity_history_only_existing: "La cronologia è disponibile solo per le entità esistenti",
+  entity_history_reverted: "Versione ripristinata",
+  entity_history_error_reverting: "Errore durante il ripristino dell'entità",
+  entity_history_no_history: "Nessuna cronologia disponibile",
+  entity_history_when_save: "Quando salvi un'entità, viene creata una nuova versione e memorizzata nella cronologia.",
+  entity_history_revert_tooltip: "Ripristina a questa versione",
+  entity_history_please_save: "Salva o annulla le modifiche prima del ripristino",
+  loading_more: "Caricamento in corso...",
+  entity_history_no_more: "Nessuna ulteriore cronologia disponibile",
+  entity_history_revert_dialog_title: "Vuoi ripristinare i dati a questa versione?",
+  entity_history_previous_value: "Valore precedente",
+  entity_history_see_details: "Vedi i dettagli per questa revisione",
+  entity_history_just_now: "proprio adesso",
+  entity_history_minutes_ago: "{{minutes}} min fa",
+  entity_history_hours_ago: "{{hours}} h fa",
+  entity_history_days_ago: "{{days}} g fa",
+  user_picture: "Immagine utente"
+};
+const entityHistoryTranslationsHi = {
+  history: "इतिहास",
+  entity_history_only_existing: "इतिहास केवल मौजूद संस्थाओं के लिए उपलब्ध है",
+  entity_history_reverted: "परिवर्तित संस्करण",
+  entity_history_error_reverting: "संस्था को वापस लाने में त्रुटि",
+  entity_history_no_history: "कोई इतिहास उपलब्ध नहीं",
+  entity_history_when_save: "जब आप किसी संस्था को सहेजते हैं, तो एक नया संस्करण बनाया जाता है और इतिहास में संग्रहीत किया जाता है।",
+  entity_history_revert_tooltip: "इस संस्करण पर वापस जाएं",
+  entity_history_please_save: "कृपया वापस जाने से पहले अपने परिवर्तनों को सहेजें या हटा दें",
+  loading_more: "और लोड हो रहा है...",
+  entity_history_no_more: "कोई और इतिहास उपलब्ध नहीं",
+  entity_history_revert_dialog_title: "डेटा को इस संस्करण में वापस लाएँ?",
+  entity_history_previous_value: "पिछला मान",
+  entity_history_see_details: "इस संशोधन के लिए विवरण यहाँ देखें",
+  entity_history_just_now: "अभी-अभी",
+  entity_history_minutes_ago: "{{minutes}}m पहले",
+  entity_history_hours_ago: "{{hours}}h पहले",
+  entity_history_days_ago: "{{days}}d पहले",
+  user_picture: "उपयोगकर्ता चित्र"
+};
+const entityHistoryTranslationsPt = {
+  history: "Histórico",
+  entity_history_only_existing: "O histórico está disponível apenas para entidades existentes",
+  entity_history_reverted: "Versão revertida",
+  entity_history_error_reverting: "Erro ao reverter entidade",
+  entity_history_no_history: "Sem histórico disponível",
+  entity_history_when_save: "Quando guarda uma entidade, é criada uma nova versão e armazenada no histórico.",
+  entity_history_revert_tooltip: "Reverter para esta versão",
+  entity_history_please_save: "Por favor guarde ou descarte as suas alterações antes de reverter",
+  loading_more: "A carregar mais...",
+  entity_history_no_more: "Sem mais histórico disponível",
+  entity_history_revert_dialog_title: "Reverter dados para esta versão?",
+  entity_history_previous_value: "Valor anterior",
+  entity_history_see_details: "Ver detalhes desta revisão",
+  entity_history_just_now: "agora mesmo",
+  entity_history_minutes_ago: "há {{minutes}}m",
+  entity_history_hours_ago: "há {{hours}}h",
+  entity_history_days_ago: "há {{days}}d",
+  user_picture: "Foto do utilizador"
+};
 function useEntityHistoryPlugin(props) {
   const {
     defaultEnabled = false
@@ -657,6 +1045,7 @@ function useEntityHistoryPlugin(props) {
     if (collection.history === true || defaultEnabled && collection.history !== false) {
       return {
         ...collection,
+        history: true,
         entityViews: [...collection.entityViews ?? [], {
           key: "__history",
           name: "History",
@@ -677,14 +1066,27 @@ function useEntityHistoryPlugin(props) {
         getUser: props?.getUser
       }
     },
+    form: {
+      BeforeTitle: LastEditedByFormAction
+    },
     collection: {
       modifyCollection
+    },
+    i18n: {
+      en: entityHistoryTranslationsEn,
+      es: entityHistoryTranslationsEs,
+      de: entityHistoryTranslationsDe,
+      fr: entityHistoryTranslationsFr,
+      it: entityHistoryTranslationsIt,
+      hi: entityHistoryTranslationsHi,
+      pt: entityHistoryTranslationsPt
     }
   }), [props]);
 }
 export {
   HistoryControllerContext,
   HistoryControllerProvider,
+  LastEditedByIndicator,
   createHistoryEntry,
   useEntityHistoryPlugin,
   useHistoryController