@firecms/core 3.0.0-canary.126 → 3.0.0-canary.128

package/dist/index.umd.js

@@ -2964,9 +2964,11 @@
   function makePropertiesEditable(properties) {
     Object.keys(properties).forEach((key) => {
       const property = properties[key];
-      property.editable = true;
-      if (property.dataType === "map" && property.properties) {
-        makePropertiesEditable(property.properties);
+      if (property) {
+        property.editable = true;
+        if (property.dataType === "map" && property.properties) {
+          makePropertiesEditable(property.properties);
+        }
       }
     });
     return properties;
@@ -2974,13 +2976,19 @@
   function makePropertiesNonEditable(properties) {
     return Object.entries(properties).reduce((acc, [key, property]) => {
       if (!isPropertyBuilder(property) && property.dataType === "map" && property.properties) {
-        const updated = { ...property, properties: makePropertiesNonEditable(property.properties) };
+        const updated = {
+          ...property,
+          properties: makePropertiesNonEditable(property.properties)
+        };
         acc[key] = updated;
       }
       if (isPropertyBuilder(property)) {
         acc[key] = property;
       } else {
-        acc[key] = { ...property, editable: false };
+        acc[key] = {
+          ...property,
+          editable: false
+        };
       }
       return acc;
     }, {});
@@ -10786,6 +10794,23 @@
       }
     );
   }
+  function addRecentId(collectionId, id) {
+    const recentIds = getRecentIds(collectionId);
+    const newRecentIds = [id, ...recentIds.filter((i) => i !== id)];
+    if (newRecentIds.length > 5) {
+      newRecentIds.pop();
+    }
+    saveSearchedIdsLocally(collectionId, newRecentIds);
+    return newRecentIds;
+  }
+  function saveSearchedIdsLocally(collectionId, ids) {
+    localStorage.setItem("recent_id_searches::" + collectionId, JSON.stringify(ids));
+  }
+  function getRecentIds(collectionId) {
+    const stored = localStorage.getItem("recent_id_searches::" + collectionId);
+    if (!stored) return [];
+    return JSON.parse(stored);
+  }
   const editEntityAction = {
     icon: /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {}),
     name: "Edit",
@@ -10803,6 +10828,9 @@
         path: entity.path,
         entityId: entity.id
       });
+      if (collection) {
+        addRecentId(collection.id, entity.id);
+      }
       const path = collection?.collectionGroup ? entity.path : fullPath ?? entity.path;
       context.sideEntityController.open({
         entityId: entity.id,
@@ -12841,6 +12869,7 @@
   }) {
     const [openPopup, setOpenPopup] = React.useState(false);
     const [searchString, setSearchString] = React.useState("");
+    const [recentIds, setRecentIds] = React.useState(getRecentIds(collection.id));
     const sideEntityController = useSideEntityController();
     return /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: !openPopup ? "Find by ID" : void 0, asChild: false, children: /* @__PURE__ */ jsxRuntime.jsx(
       ui.Popover,
@@ -12851,47 +12880,69 @@
         align: "start",
         alignOffset: -117,
         trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SearchIcon, { size: "small" }) }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "form",
-          {
-            noValidate: true,
-            onSubmit: (e) => {
-              e.preventDefault();
-              if (!searchString) return;
-              setOpenPopup(false);
-              return sideEntityController.open({
-                entityId: searchString.trim(),
-                path,
-                collection,
-                updateUrl: true
-              });
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("my-2 rounded-lg bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-white"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "form",
+            {
+              noValidate: true,
+              onSubmit: (e) => {
+                e.preventDefault();
+                if (!searchString) return;
+                setOpenPopup(false);
+                setRecentIds(addRecentId(collection.id, searchString.trim()));
+                return sideEntityController.open({
+                  entityId: searchString.trim(),
+                  path,
+                  collection,
+                  updateUrl: true
+                });
+              },
+              className: "w-96 max-w-full",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    autoFocus: openPopup,
+                    placeholder: "Find entity by ID",
+                    onChange: (e) => {
+                      setSearchString(e.target.value);
+                    },
+                    value: searchString,
+                    className: "rounded-lg bg-white dark:bg-gray-800 flex-grow bg-transparent outline-none p-2 " + ui.focusedDisabled
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    variant: "text",
+                    disabled: !searchString.trim(),
+                    type: "submit",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {})
+                  }
+                )
+              ] })
+            }
+          ),
+          recentIds && recentIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(
+            ReferencePreview,
+            {
+              reference: new EntityReference(id, path),
+              hover: true,
+              onClick: () => {
+                setOpenPopup(false);
+                sideEntityController.open({
+                  entityId: id,
+                  path,
+                  collection,
+                  updateUrl: true
+                });
+              },
+              includeEntityLink: false,
+              size: "small"
             },
-            className: "text-gray-900 dark:text-white w-96 max-w-full",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  autoFocus: openPopup,
-                  placeholder: "Find entity by ID",
-                  onChange: (e) => {
-                    setSearchString(e.target.value);
-                  },
-                  value: searchString,
-                  className: "flex-grow bg-transparent outline-none p-1 " + ui.focusedDisabled
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  variant: "outlined",
-                  disabled: !searchString.trim(),
-                  type: "submit",
-                  children: "Go"
-                }
-              )
-            ] })
-          }
-        )
+            id
+          )) })
+        ] })
       }
     ) });
   }
@@ -12986,7 +13037,7 @@
       }
     ) });
   }
-  function DeleteConfirmationDialog({
+  function ConfirmationDialog({
     open,
     onAccept,
     onCancel,
@@ -13521,7 +13572,7 @@
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `pl-2 pt-1 pb-4 flex ${direction === "row" ? "flex-row-reverse" : "flex-col"} items-center`,
+        className: `pl-2 pt-1 pb-1 flex ${direction === "row" ? "flex-row-reverse" : "flex-col"} items-center`,
         ref: iconRef,
         ...provided.dragHandleProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -19009,7 +19060,7 @@
     };
   }
   const DEFAULT_SERVER = "https://api-drplyi3b6q-ey.a.run.app";
-  async function makeRequest(authController, dataSourceKey, pluginKeys) {
+  async function makeRequest(authController, dataSourceKey, pluginKeys, apiKey) {
     let idToken;
     try {
       idToken = await authController.getAuthToken();
@@ -19026,6 +19077,7 @@
           Authorization: `Basic ${idToken}`
         },
         body: JSON.stringify({
+          apiKey,
           email: authController.user?.email ?? null,
           datasource: dataSourceKey,
           plugins: pluginKeys
@@ -19035,14 +19087,19 @@
       return res.json();
     });
   }
-  function useProjectLog(authController, dataSourceDelegate, plugins) {
+  function useProjectLog({
+    authController,
+    dataSourceDelegate,
+    plugins,
+    apiKey
+  }) {
     const [accessResponse, setAccessResponse] = React.useState(null);
     const accessedUserRef = React.useRef(null);
     const dataSourceKey = dataSourceDelegate.key;
     const pluginKeys = plugins?.map((plugin) => plugin.key);
     React.useEffect(() => {
       if (authController.user && authController.user.uid !== accessedUserRef.current && !authController.initialLoading) {
-        makeRequest(authController, dataSourceKey, pluginKeys).then(setAccessResponse);
+        makeRequest(authController, dataSourceKey, pluginKeys, apiKey).then(setAccessResponse);
         accessedUserRef.current = authController.user.uid;
       }
     }, [authController, dataSourceKey, pluginKeys]);
@@ -19063,7 +19120,8 @@
       propertyConfigs,
       entityViews,
       components,
-      navigationController
+      navigationController,
+      apiKey
     } = props;
     ui.useLocaleConfig(locale);
     const dataSource = useBuildDataSource({
@@ -19087,7 +19145,15 @@
     const analyticsController = React.useMemo(() => ({
       onAnalyticsEvent
     }), []);
-    const accessResponse = useProjectLog(authController, dataSourceDelegate, plugins);
+    const accessResponse = useProjectLog({
+      apiKey,
+      authController,
+      dataSourceDelegate,
+      plugins
+    });
+    if (accessResponse?.message) {
+      console.warn(accessResponse.message);
+    }
     if (navigationController.navigationLoadingError) {
       return /* @__PURE__ */ jsxRuntime.jsx(ui.CenteredView, { maxWidth: "md", children: /* @__PURE__ */ jsxRuntime.jsx(
         ErrorView,
@@ -19107,10 +19173,10 @@
       ) });
     }
     if (accessResponse?.blocked) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(ui.CenteredView, { maxWidth: "md", fullScreen: true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", children: "Access blocked" }),
+      return /* @__PURE__ */ jsxRuntime.jsxs(ui.CenteredView, { maxWidth: "md", fullScreen: true, className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", gutterBottom: true, children: "License needed" }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { children: [
-          "This app has been blocked. Please reach out at ",
+          "You need a valid license to use FireCMS PRO. Please reach out at ",
           /* @__PURE__ */ jsxRuntime.jsx(
             "a",
             {
@@ -19120,10 +19186,7 @@
           ),
           " for more information."
         ] }),
-        accessResponse?.message && /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { children: [
-          "Response from the server: ",
-          accessResponse?.message
-        ] })
+        accessResponse?.message && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: accessResponse?.message })
       ] });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsxRuntime.jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -19755,6 +19818,7 @@
   exports2.BooleanPreview = BooleanPreview;
   exports2.COLLECTION_PATH_SEPARATOR = COLLECTION_PATH_SEPARATOR;
   exports2.CircularProgressCenter = CircularProgressCenter;
+  exports2.ConfirmationDialog = ConfirmationDialog;
   exports2.DEFAULT_FIELD_CONFIGS = DEFAULT_FIELD_CONFIGS;
   exports2.DRAWER_WIDTH = DRAWER_WIDTH;
   exports2.DatePreview = DatePreview;
@@ -19762,7 +19826,6 @@
   exports2.DefaultAppBar = DefaultAppBar;
   exports2.DefaultDrawer = DefaultDrawer;
   exports2.DefaultHomePage = DefaultHomePage;
-  exports2.DeleteConfirmationDialog = DeleteConfirmationDialog;
   exports2.Drawer = Drawer;
   exports2.DrawerLogo = DrawerLogo;
   exports2.DrawerNavigationItem = DrawerNavigationItem;