strapi-plugin-firebase-authentication 1.3.2 → 1.4.0

package/dist/_chunks/{App-DjamRMm8.mjs → App-BetYshSi.mjs}

@@ -3,9 +3,9 @@ import { Layouts, useQueryParams as useQueryParams$1, getFetchClient, Pagination
 import { useNavigate, useLocation, useParams, Routes, Route } from "react-router-dom";
 import { Provider } from "@radix-ui/react-tooltip";
 import m__default, { useState, useCallback, useMemo, useEffect, useRef, useLayoutEffect } from "react";
-import { z as zc, T, R, N as Nn, A as Ar, S as S1, k as k1, a as A1, b as Tr, E, t as t1, v as v1, C as C1, $ as $1, c as bo, w as wo, h as h0, d as a0, o as ot, K as Km, x as x1, G as G0, e as vm, g as getFirebaseConfig$1, F as Fm, D as D1, p as pl } from "./api-CLQa5PFi.mjs";
+import { z as zc, T, R, N as Nn, A as Ar, S as S1, k as k1, a as A1, b as Tr, E, t as t1, v as v1, C as C1, $ as $1, c as bo, w as wo, h as h0, d as a0, o as ot, K as Km, x as x1, G as G0, e as vm, g as getFirebaseConfig$1, F as Fm, D as D1, W as Wd, I as Is, p as pl } from "./api-ut3LjIwN.mjs";
 import { useIntl } from "react-intl";
-import { i as isArguments_1, a as isBufferExports, b as isTypedArray_1, c as isLength_1, d as isFunction_1, _ as _getTag, e as _Stack, f as _equalArrays, g as _equalByTag, h as isObjectLike_1, j as getDefaultExportFromCjs, U as U2, k as _baseGetTag, l as _MapCache, m as _Symbol, n as m3, o as bn, N as Nn$1, Y as Y2, J as J2, P as PLUGIN_ID, p as getAugmentedNamespace, q as commonjsGlobal, u as un, s as sn, r as _3 } from "./index-B2NvsXdF.mjs";
+import { i as isArguments_1, a as isBufferExports, b as isTypedArray_1, c as isLength_1, d as isFunction_1, _ as _getTag, e as _Stack, f as _equalArrays, g as _equalByTag, h as isObjectLike_1, j as getDefaultExportFromCjs, U as U2, k as _baseGetTag, l as _MapCache, m as _Symbol, n as m3, o as bn, N as Nn$1, Y as Y2, J as J2, P as PLUGIN_ID, p as getAugmentedNamespace, q as commonjsGlobal, u as un, s as sn, r as c5, w as w5, t as _3 } from "./index-CciifEG2.mjs";
 import styled from "styled-components";
 import { RxCheck, RxCross2 } from "react-icons/rx";
 import { AiOutlineUserAdd, AiFillPhone, AiFillMail, AiFillYahoo, AiFillGithub, AiFillTwitterCircle, AiFillFacebook, AiFillApple, AiFillGoogleCircle } from "react-icons/ai";
@@ -2711,6 +2711,26 @@ const sendVerificationEmail = async (userId) => {
   const { data: result } = await put(url, {});
   return result;
 };
+const fetchActivityLogs = async (firebaseUserId, query = {}) => {
+  const { page = 1, pageSize = 10, filters = {} } = query;
+  let url = `/${PLUGIN_ID}/activity-logs?firebaseUserId=${encodeURIComponent(firebaseUserId)}&page=${page}&pageSize=${pageSize}`;
+  if (filters.activityType && filters.activityType !== "all") {
+    url += `&activityType=${encodeURIComponent(filters.activityType)}`;
+  }
+  if (filters.startDate) {
+    url += `&startDate=${encodeURIComponent(filters.startDate)}`;
+  }
+  if (filters.endDate) {
+    url += `&endDate=${encodeURIComponent(filters.endDate)}`;
+  }
+  try {
+    const { get: get2 } = getFetchClient();
+    const { data } = await get2(url);
+    return data;
+  } catch (e2) {
+    return { data: [], meta: { total: 0, page: 1, pageSize: 10 } };
+  }
+};
 const PaginationFooter = ({ pageCount = 0 }) => {
   const [{ query }, setQuery] = useQueryParams$1();
   const pageSize = query?.pageSize || "10";
@@ -5948,6 +5968,290 @@ const PasswordResetButton = ({
   }
   return button;
 };
+const LogItem = styled(R)`
+  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
+  padding: 12px 0;
+
+  &:last-child {
+    border-bottom: none;
+  }
+`;
+const FilterRow = styled(T)`
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 16px;
+`;
+const ScrollContainer = styled(R)`
+  max-height: 400px;
+  overflow-y: auto;
+`;
+const PaginationRow = styled(T)`
+  margin-top: 16px;
+  justify-content: center;
+  gap: 8px;
+`;
+const ExpandableDetails = styled(R)`
+  margin-top: 8px;
+  padding: 12px;
+  background: ${({ theme }) => theme.colors.neutral100};
+  border-radius: 4px;
+`;
+const ResponseBodyContainer = styled(R)`
+  margin-top: 8px;
+  padding: 8px;
+  background: ${({ theme }) => theme.colors.neutral0};
+  border-radius: 4px;
+  max-height: 300px;
+  overflow: auto;
+  font-family: monospace;
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-all;
+`;
+const ACTIVITY_TYPE_OPTIONS = [
+  { value: "all", label: "All Types" },
+  { value: "authentication", label: "Authentication" },
+  { value: "tokenValidation", label: "Token Validation" },
+  { value: "fieldUpdate", label: "Field Update" },
+  { value: "passwordReset", label: "Password Reset" },
+  { value: "emailVerification", label: "Email Verification" },
+  { value: "accountCreation", label: "Account Creation" },
+  { value: "accountDeletion", label: "Account Deletion" },
+  { value: "adminAction", label: "Admin Action" }
+];
+const getActivityTypeBadgeColor = (activityType) => {
+  switch (activityType) {
+    case "authentication":
+      return "primary600";
+    case "tokenValidation":
+      return "secondary600";
+    case "fieldUpdate":
+      return "warning600";
+    case "passwordReset":
+      return "danger600";
+    case "emailVerification":
+      return "success600";
+    case "adminAction":
+      return "alternative600";
+    case "accountCreation":
+      return "success600";
+    case "accountDeletion":
+      return "danger600";
+    default:
+      return "neutral600";
+  }
+};
+const formatActivityType = (type2) => {
+  return type2.replace(/([A-Z])/g, " $1").trim();
+};
+const ActivityLog = ({ firebaseUserId }) => {
+  const [logs, setLogs] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [page, setPage] = useState(1);
+  const [totalPages, setTotalPages] = useState(1);
+  const [filters, setFilters] = useState({
+    activityType: "all",
+    startDate: "",
+    endDate: ""
+  });
+  const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
+  const pageSize = 10;
+  const toggleExpand = useCallback((documentId) => {
+    setExpandedRows((prev) => {
+      const next = new Set(prev);
+      if (next.has(documentId)) {
+        next.delete(documentId);
+      } else {
+        next.add(documentId);
+      }
+      return next;
+    });
+  }, []);
+  const hasExpandableContent = useCallback((log) => {
+    return log.metadata?.responseBody || log.endpoint || log.userAgent;
+  }, []);
+  const loadLogs = useCallback(async () => {
+    if (!firebaseUserId) return;
+    setIsLoading(true);
+    try {
+      const response = await fetchActivityLogs(firebaseUserId, {
+        page,
+        pageSize,
+        filters: {
+          activityType: filters.activityType !== "all" ? filters.activityType : void 0,
+          startDate: filters.startDate || void 0,
+          endDate: filters.endDate || void 0
+        }
+      });
+      setLogs(response.data || []);
+      setTotalPages(Math.ceil((response.meta?.total || 0) / pageSize));
+    } catch (error) {
+      console.error("Failed to fetch activity logs:", error);
+      setLogs([]);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [firebaseUserId, page, pageSize, filters]);
+  useEffect(() => {
+    loadLogs();
+  }, [loadLogs]);
+  const handleFilterChange = useCallback((field, value) => {
+    setFilters((prev) => ({ ...prev, [field]: value }));
+    setPage(1);
+  }, []);
+  const handleClearFilters = useCallback(() => {
+    setFilters({
+      activityType: "all",
+      startDate: "",
+      endDate: ""
+    });
+    setPage(1);
+  }, []);
+  const renderChanges = (changes) => {
+    return Object.entries(changes).map(([field, { old: oldVal, new: newVal }]) => /* @__PURE__ */ jsxs(T, { gap: 2, marginTop: 1, alignItems: "center", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", style: { minWidth: "100px" }, children: [
+        field,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "danger600", style: { textDecoration: "line-through" }, children: String(oldVal ?? "none") }),
+      /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "neutral600", children: "→" }),
+      /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "success600", children: String(newVal ?? "none") })
+    ] }, field));
+  };
+  return /* @__PURE__ */ jsxs(R, { children: [
+    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", marginBottom: 3, children: "Activity History" }),
+    /* @__PURE__ */ jsxs(FilterRow, { children: [
+      /* @__PURE__ */ jsx(R, { style: { minWidth: "150px" }, children: /* @__PURE__ */ jsx(
+        bo,
+        {
+          label: "Activity Type",
+          value: filters.activityType,
+          onChange: (value) => handleFilterChange("activityType", value),
+          size: "S",
+          children: ACTIVITY_TYPE_OPTIONS.map((option) => /* @__PURE__ */ jsx(wo, { value: option.value, children: option.label }, option.value))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(R, { style: { minWidth: "140px" }, children: /* @__PURE__ */ jsx(
+        G0,
+        {
+          label: "Start Date",
+          type: "date",
+          value: filters.startDate,
+          onChange: (e2) => handleFilterChange("startDate", e2.target.value),
+          size: "S"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(R, { style: { minWidth: "140px" }, children: /* @__PURE__ */ jsx(
+        G0,
+        {
+          label: "End Date",
+          type: "date",
+          value: filters.endDate,
+          onChange: (e2) => handleFilterChange("endDate", e2.target.value),
+          size: "S"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(R, { style: { alignSelf: "flex-end" }, children: /* @__PURE__ */ jsx(Nn, { variant: "tertiary", size: "S", onClick: handleClearFilters, children: "Clear" }) })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx(T, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsx(Wd, { small: true, children: "Loading activity logs..." }) }) : logs.length === 0 ? /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "neutral600", children: "No activity logs found." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ScrollContainer, { children: logs.map((log) => /* @__PURE__ */ jsx(LogItem, { children: /* @__PURE__ */ jsxs(T, { justifyContent: "space-between", alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxs(T, { direction: "column", gap: 1, alignItems: "flex-start", style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxs(T, { gap: 2, alignItems: "center", children: [
+            hasExpandableContent(log) && /* @__PURE__ */ jsx(
+              ot,
+              {
+                onClick: () => toggleExpand(log.documentId),
+                label: expandedRows.has(log.documentId) ? "Collapse" : "Expand",
+                variant: "ghost",
+                size: "S",
+                children: expandedRows.has(log.documentId) ? /* @__PURE__ */ jsx(c5, {}) : /* @__PURE__ */ jsx(w5, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(Is, { textColor: getActivityTypeBadgeColor(log.activityType), size: "S", children: formatActivityType(log.activityType) }),
+            log.activityType !== "fieldUpdate" && /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "semiBold", children: log.action }),
+            log.metadata?.statusCode && /* @__PURE__ */ jsx(
+              Is,
+              {
+                textColor: log.metadata.statusCode >= 400 ? "danger600" : "success600",
+                size: "S",
+                children: log.metadata.statusCode
+              }
+            ),
+            !log.success && /* @__PURE__ */ jsx(Is, { textColor: "danger600", size: "S", children: "Failed" })
+          ] }),
+          log.changes && Object.keys(log.changes).length > 0 && /* @__PURE__ */ jsx(R, { marginTop: 1, children: renderChanges(log.changes) }),
+          log.errorMessage && /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "danger600", marginTop: 1, children: [
+            "Error: ",
+            log.errorMessage
+          ] }),
+          expandedRows.has(log.documentId) && hasExpandableContent(log) && /* @__PURE__ */ jsx(ExpandableDetails, { children: /* @__PURE__ */ jsxs(T, { direction: "column", gap: 2, children: [
+            log.endpoint && /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Endpoint:" }),
+              " ",
+              log.method,
+              " ",
+              log.endpoint
+            ] }),
+            log.metadata?.responseTime && /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Response Time:" }),
+              " ",
+              log.metadata.responseTime,
+              "ms"
+            ] }),
+            log.metadata?.statusCode && /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Status Code:" }),
+              " ",
+              log.metadata.statusCode
+            ] }),
+            log.userAgent && /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", children: [
+              /* @__PURE__ */ jsx("strong", { children: "User Agent:" }),
+              " ",
+              log.userAgent
+            ] }),
+            log.ipAddress && /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", children: [
+              /* @__PURE__ */ jsx("strong", { children: "IP Address:" }),
+              " ",
+              log.ipAddress
+            ] }),
+            log.metadata?.responseBody && /* @__PURE__ */ jsxs(R, { marginTop: 2, children: [
+              /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "neutral600", fontWeight: "semiBold", children: "Response:" }),
+              /* @__PURE__ */ jsx(ResponseBodyContainer, { children: JSON.stringify(log.metadata.responseBody, null, 2) })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "neutral500", children: format(new Date(log.createdAt), "yyyy/MM/dd HH:mm") })
+      ] }) }, log.documentId)) }),
+      totalPages > 1 && /* @__PURE__ */ jsxs(PaginationRow, { children: [
+        /* @__PURE__ */ jsx(
+          Nn,
+          {
+            variant: "tertiary",
+            size: "S",
+            disabled: page === 1,
+            onClick: () => setPage((p) => Math.max(1, p - 1)),
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", children: [
+          "Page ",
+          page,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx(
+          Nn,
+          {
+            variant: "tertiary",
+            size: "S",
+            disabled: page === totalPages,
+            onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+            children: "Next"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
 const MetaWrapper = styled(R)`
   width: 100%;
   display: flex;
@@ -6091,177 +6395,193 @@ const EditUserForm = ({ data }) => {
         isSubmitButtonDisabled: isSubmitDisabled
       }
     ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
-      UserFormLayout,
-      {
-        sidebar: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            R,
-            {
-              as: "aside",
-              background: "neutral0",
-              borderColor: "neutral150",
-              hasRadius: true,
-              paddingBottom: 2,
-              paddingLeft: 4,
-              paddingRight: 4,
-              paddingTop: 2,
-              shadow: "tableShadow",
-              children: [
-                /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
-                  /* @__PURE__ */ jsxs(T, { gap: 1, children: [
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Firebase User ID:" }),
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.firebaseUserID || userData.uid })
-                  ] }),
-                  locationState?.strapiId && /* @__PURE__ */ jsxs(T, { gap: 1, children: [
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Strapi ID:" }),
-                    /* @__PURE__ */ jsx(
-                      E,
-                      {
-                        variant: "sigma",
-                        textColor: "primary600",
-                        component: "a",
-                        onClick: (e2) => {
-                          e2.preventDefault();
-                          navigate(
-                            `/content-manager/collection-types/plugin::users-permissions.user/${userData.strapiDocumentId || userData.documentId || locationState.strapiDocumentId}`
-                          );
-                        },
-                        style: {
-                          cursor: "pointer",
-                          textDecoration: "underline"
-                        },
-                        children: locationState.strapiId
-                      }
-                    )
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(pl, {}),
-                userData.providerData?.map((provider, index) => /* @__PURE__ */ jsxs(m__default.Fragment, { children: [
-                  index > 0 && /* @__PURE__ */ jsx(pl, {}),
+    /* @__PURE__ */ jsxs(Layouts.Content, { children: [
+      /* @__PURE__ */ jsx(
+        UserFormLayout,
+        {
+          sidebar: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              R,
+              {
+                as: "aside",
+                background: "neutral0",
+                borderColor: "neutral150",
+                hasRadius: true,
+                paddingBottom: 2,
+                paddingLeft: 4,
+                paddingRight: 4,
+                paddingTop: 2,
+                shadow: "tableShadow",
+                children: [
                   /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
                     /* @__PURE__ */ jsxs(T, { gap: 1, children: [
-                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Provider:" }),
-                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: provider.providerId })
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Firebase User ID:" }),
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.firebaseUserID || userData.uid })
                     ] }),
-                    /* @__PURE__ */ jsxs(T, { gap: 1, children: [
-                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Identifier:" }),
-                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: provider.uid })
+                    locationState?.strapiId && /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Strapi ID:" }),
+                      /* @__PURE__ */ jsx(
+                        E,
+                        {
+                          variant: "sigma",
+                          textColor: "primary600",
+                          component: "a",
+                          onClick: (e2) => {
+                            e2.preventDefault();
+                            navigate(
+                              `/content-manager/collection-types/plugin::users-permissions.user/${userData.strapiDocumentId || userData.documentId || locationState.strapiDocumentId}`
+                            );
+                          },
+                          style: {
+                            cursor: "pointer",
+                            textDecoration: "underline"
+                          },
+                          children: locationState.strapiId
+                        }
+                      )
                     ] })
-                  ] })
-                ] }, index)),
-                /* @__PURE__ */ jsx(pl, {}),
-                /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 3, children: [
-                  userData.metadata?.lastSignInTime && /* @__PURE__ */ jsxs(MetaWrapper, { children: [
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Last Sign In Time" }),
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: format(new Date(userData.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") })
                   ] }),
-                  (userData.metadata?.creationTime || userData.createdAt) && /* @__PURE__ */ jsxs(MetaWrapper, { children: [
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Creation Time" }),
-                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.metadata?.creationTime ? format(new Date(userData.metadata.creationTime), "yyyy/MM/dd HH:mm z") : userData.createdAt ? format(new Date(userData.createdAt), "yyyy/MM/dd HH:mm z") : "-" })
+                  /* @__PURE__ */ jsx(pl, {}),
+                  userData.providerData?.map((provider, index) => /* @__PURE__ */ jsxs(m__default.Fragment, { children: [
+                    index > 0 && /* @__PURE__ */ jsx(pl, {}),
+                    /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
+                      /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                        /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Provider:" }),
+                        /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: provider.providerId })
+                      ] }),
+                      /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                        /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Identifier:" }),
+                        /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: provider.uid })
+                      ] })
+                    ] })
+                  ] }, index)),
+                  /* @__PURE__ */ jsx(pl, {}),
+                  /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 3, children: [
+                    userData.metadata?.lastSignInTime && /* @__PURE__ */ jsxs(MetaWrapper, { children: [
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Last Sign In Time" }),
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: format(new Date(userData.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") })
+                    ] }),
+                    (userData.metadata?.creationTime || userData.createdAt) && /* @__PURE__ */ jsxs(MetaWrapper, { children: [
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Creation Time" }),
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.metadata?.creationTime ? format(new Date(userData.metadata.creationTime), "yyyy/MM/dd HH:mm z") : userData.createdAt ? format(new Date(userData.createdAt), "yyyy/MM/dd HH:mm z") : "-" })
+                    ] })
                   ] })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(R, { marginTop: 5, marginBottom: 5 }),
-          /* @__PURE__ */ jsxs(
-            R,
-            {
-              as: "aside",
-              background: "neutral0",
-              borderColor: "neutral150",
-              hasRadius: true,
-              paddingBottom: 4,
-              paddingLeft: 4,
-              paddingRight: 4,
-              paddingTop: 4,
-              shadow: "tableShadow",
-              children: [
-                /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", marginBottom: 2, children: "Account Actions" }),
-                /* @__PURE__ */ jsxs(T, { direction: "column", gap: 2, children: [
-                  /* @__PURE__ */ jsx(
-                    PasswordResetButton,
-                    {
-                      user: userData,
-                      fullWidth: true,
-                      onClick: () => {
-                        setShowResetPasswordDialog({
-                          isOpen: true,
-                          email: userData.email || "",
-                          id: userData.uid || ""
-                        });
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(R, { marginTop: 5, marginBottom: 5 }),
+            /* @__PURE__ */ jsxs(
+              R,
+              {
+                as: "aside",
+                background: "neutral0",
+                borderColor: "neutral150",
+                hasRadius: true,
+                paddingBottom: 4,
+                paddingLeft: 4,
+                paddingRight: 4,
+                paddingTop: 4,
+                shadow: "tableShadow",
+                children: [
+                  /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", marginBottom: 2, children: "Account Actions" }),
+                  /* @__PURE__ */ jsxs(T, { direction: "column", gap: 2, children: [
+                    /* @__PURE__ */ jsx(
+                      PasswordResetButton,
+                      {
+                        user: userData,
+                        fullWidth: true,
+                        onClick: () => {
+                          setShowResetPasswordDialog({
+                            isOpen: true,
+                            email: userData.email || "",
+                            id: userData.uid || ""
+                          });
+                        }
                       }
-                    }
-                  ),
-                  userData.email && !userData.emailVerified && /* @__PURE__ */ jsx(
-                    Nn,
+                    ),
+                    userData.email && !userData.emailVerified && /* @__PURE__ */ jsx(
+                      Nn,
+                      {
+                        variant: "secondary",
+                        fullWidth: true,
+                        onClick: () => {
+                          setShowVerificationDialog({
+                            isOpen: true,
+                            email: userData.email || "",
+                            id: userData.uid || ""
+                          });
+                        },
+                        children: "Resend Verification Email"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(R, { marginTop: 5, marginBottom: 5 }),
+            userData.localUser && /* @__PURE__ */ jsx(
+              R,
+              {
+                as: "aside",
+                background: "neutral0",
+                borderColor: "neutral150",
+                hasRadius: true,
+                paddingBottom: 1,
+                paddingLeft: 2,
+                paddingRight: 2,
+                paddingTop: 1,
+                shadow: "tableShadow",
+                children: /* @__PURE__ */ jsxs(R, { paddingTop: 2, paddingBottom: 2, children: [
+                  /* @__PURE__ */ jsx(DetailsButtonWrapper, { children: /* @__PURE__ */ jsx(
+                    zc,
                     {
-                      variant: "secondary",
-                      fullWidth: true,
-                      onClick: () => {
-                        setShowVerificationDialog({
-                          isOpen: true,
-                          email: userData.email || "",
-                          id: userData.uid || ""
-                        });
-                      },
-                      children: "Resend Verification Email"
+                      startIcon: /* @__PURE__ */ jsx(_3, {}),
+                      onClick: () => navigate(
+                        `/content-manager/collection-types/plugin::users-permissions.user/${userData.localUser?.id}`
+                      ),
+                      style: { cursor: "pointer" },
+                      children: "Details"
                     }
-                  )
+                  ) }),
+                  /* @__PURE__ */ jsxs(ContentWrapper, { children: [
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "local user:" }),
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.localUser.username })
+                  ] })
                 ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(R, { marginTop: 5, marginBottom: 5 }),
-          userData.localUser && /* @__PURE__ */ jsx(
-            R,
+              }
+            )
+          ] }),
+          children: /* @__PURE__ */ jsx(
+            UserFormFields,
             {
-              as: "aside",
-              background: "neutral0",
-              borderColor: "neutral150",
-              hasRadius: true,
-              paddingBottom: 1,
-              paddingLeft: 2,
-              paddingRight: 2,
-              paddingTop: 1,
-              shadow: "tableShadow",
-              children: /* @__PURE__ */ jsxs(R, { paddingTop: 2, paddingBottom: 2, children: [
-                /* @__PURE__ */ jsx(DetailsButtonWrapper, { children: /* @__PURE__ */ jsx(
-                  zc,
-                  {
-                    startIcon: /* @__PURE__ */ jsx(_3, {}),
-                    onClick: () => navigate(
-                      `/content-manager/collection-types/plugin::users-permissions.user/${userData.localUser?.id}`
-                    ),
-                    style: { cursor: "pointer" },
-                    children: "Details"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(ContentWrapper, { children: [
-                  /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "local user:" }),
-                  /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.localUser.username })
-                ] })
-              ] })
+              userData,
+              onTextInputChange: handlers.onTextInputChange,
+              onPhoneChange: handlers.onPhoneChange,
+              onToggleInputChange: handlers.onToggleInputChange,
+              onEmailBlur: handlers.onEmailBlur,
+              emailError,
+              phoneError,
+              showPasswordHint: true,
+              hasBeenTouched: true
             }
           )
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          UserFormFields,
-          {
-            userData,
-            onTextInputChange: handlers.onTextInputChange,
-            onPhoneChange: handlers.onPhoneChange,
-            onToggleInputChange: handlers.onToggleInputChange,
-            onEmailBlur: handlers.onEmailBlur,
-            emailError,
-            phoneError,
-            showPasswordHint: true,
-            hasBeenTouched: true
-          }
-        )
-      }
-    ) }),
+        }
+      ),
+      /* @__PURE__ */ jsx(R, { marginTop: 6, children: /* @__PURE__ */ jsx(
+        R,
+        {
+          background: "neutral0",
+          borderColor: "neutral150",
+          hasRadius: true,
+          paddingBottom: 4,
+          paddingLeft: 4,
+          paddingRight: 4,
+          paddingTop: 4,
+          shadow: "tableShadow",
+          children: /* @__PURE__ */ jsx(ActivityLog, { firebaseUserId: userData.uid || userData.firebaseUserID || "" })
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsx(
       ResetPassword,
       {