strapi-plugin-firebase-authentication 1.1.12 → 1.2.1

package/dist/_chunks/{App-BqjE8BHb.js → App-CAgq2cOo.js}

@@ -3,17 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
-const reactTooltip = require("@radix-ui/react-tooltip");
-const React = require("react");
-const designSystem = require("@strapi/design-system");
+const rt = require("@radix-ui/react-tooltip");
+const m = require("react");
+const api = require("./api-BL-wXuSb.js");
 const reactIntl = require("react-intl");
-const index = require("./index-DlPxMuSK.js");
-const icons = require("@strapi/icons");
+const index = require("./index-Rervtuh1.js");
 const styled = require("styled-components");
 const rx = require("react-icons/rx");
 const ai = require("react-icons/ai");
 const md = require("react-icons/md");
-const api = require("./api-DQCdqlCd.js");
 const PhoneInputModule = require("react-phone-input-2");
 require("react-phone-input-2/lib/style.css");
 const validator = require("validator");
@@ -35,7 +33,7 @@ function _interopNamespace(e2) {
   n.default = e2;
   return Object.freeze(n);
 }
-const React__default = /* @__PURE__ */ _interopDefault(React);
+const m__default = /* @__PURE__ */ _interopDefault(m);
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const PhoneInputModule__namespace = /* @__PURE__ */ _interopNamespace(PhoneInputModule);
 const validator__default = /* @__PURE__ */ _interopDefault(validator);
@@ -302,8 +300,8 @@ const Header = ({
 }) => {
   const navigate = reactRouterDom.useNavigate();
   const didChangeData = !isEqual$1(initialData, modifiedData) || isCreatingEntry && !isEmpty$1(modifiedData);
-  const primaryAction = /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Button,
+  const primaryAction = /* @__PURE__ */ jsxRuntime.jsx(api.T, { children: /* @__PURE__ */ jsxRuntime.jsx(api.R, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    api.Nn,
     {
       disabled: !didChangeData || isSubmitButtonDisabled,
       onClick: onSave,
@@ -318,9 +316,9 @@ const Header = ({
       title,
       primaryAction,
       navigationAction: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Link,
+        api.zc,
         {
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.U2, {}),
           onClick: (e2) => {
             e2.preventDefault();
             navigate(-1);
@@ -486,7 +484,7 @@ const providerNameMapping = {
   anonymous: "Anonymous"
 };
 const MapProviderToIcon = ({ providerData }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, children: providerData?.map(({ providerId }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { description: providerNameMapping[providerId] || providerId, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: providerIconMapping[providerId] || providerId }) }, providerId)) });
+  return /* @__PURE__ */ jsxRuntime.jsx(api.T, { gap: 2, children: providerData?.map(({ providerId }) => /* @__PURE__ */ jsxRuntime.jsx(api.Ar, { description: providerNameMapping[providerId] || providerId, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: providerIconMapping[providerId] || providerId }) }, providerId)) });
 };
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -724,7 +722,7 @@ var formatters$1 = {
     return addLeadingZeros(date.getUTCHours(), token.length);
   },
   // Minute
-  m: function m(date, token) {
+  m: function m2(date, token) {
     return addLeadingZeros(date.getUTCMinutes(), token.length);
   },
   // Second
@@ -1249,7 +1247,7 @@ var formatters = {
     return addLeadingZeros(hours, token.length);
   },
   // Minute
-  m: function m2(date, token, localize2) {
+  m: function m3(date, token, localize2) {
     if (token === "mo") {
       return localize2.ordinalNumber(date.getUTCMinutes(), {
         unit: "minute"
@@ -2016,10 +2014,10 @@ const getPasswordResetTooltip = (user) => {
   }
   return `Password reset is only available for users with email/password authentication. Current provider(s): ${providers}`;
 };
-const TypographyMaxWidth = styled__default.default(designSystem.Typography)`
+const TypographyMaxWidth = styled__default.default(api.E)`
   max-width: 300px;
 `;
-const CellLink = styled__default.default(designSystem.Td)`
+const CellLink = styled__default.default(api.A1)`
   text-decoration: underline;
   color: ${({ theme }) => theme.colors.primary600};
   &:hover {
@@ -2030,7 +2028,7 @@ const CellLink = styled__default.default(designSystem.Td)`
     color: ${({ theme }) => theme.colors.primary600};
   }
 `;
-const ActionCell = styled__default.default(designSystem.Td)`
+const ActionCell = styled__default.default(api.A1)`
   /* Prevent scroll on button clicks */
   position: relative;
 
@@ -2058,11 +2056,11 @@ const FirebaseTableRows = ({
   const { formatMessage } = reactIntl.useIntl();
   const navigate = reactRouterDom.useNavigate();
   const location = reactRouterDom.useLocation();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: rows.map((data) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(api.S1, { children: rows.map((data) => {
     const isChecked = entriesToDelete.includes(data.id);
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Checkbox,
+    return /* @__PURE__ */ jsxRuntime.jsxs(api.k1, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: /* @__PURE__ */ jsxRuntime.jsx(api.T, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        api.Tr,
         {
           "aria-label": formatMessage({
             id: "app.component.table.select.one-entry",
@@ -2090,7 +2088,7 @@ const FirebaseTableRows = ({
         data.uid
       ),
       /* @__PURE__ */ jsxRuntime.jsx(CellLink, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Box,
+        api.R,
         {
           onClick: () => {
             navigate(
@@ -2101,15 +2099,15 @@ const FirebaseTableRows = ({
           children: data.strapiId
         }
       ) }) }, data.strapiId),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.username }) }, data.username),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.displayName }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { padding: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.email }) }, data.email),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { padding: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.phoneNumber || "-" }) }, data.phoneNumber),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(MapProviderToIcon, { providerData: data.providerData }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: data.emailVerified ? /* @__PURE__ */ jsxRuntime.jsx(rx.RxCheck, { size: 24 }) : /* @__PURE__ */ jsxRuntime.jsx(rx.RxCross2, { size: 24 }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: data.disabled ? /* @__PURE__ */ jsxRuntime.jsx(rx.RxCheck, { size: 24 }) : /* @__PURE__ */ jsxRuntime.jsx(rx.RxCross2, { size: 24 }) }, data.disabled),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.createdAt ? format(new Date(data.createdAt), "yyyy/MM/dd HH:mm z") : data.metadata?.creationTime ? format(new Date(data.metadata.creationTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.createdAt),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.metadata?.lastSignInTime ? format(new Date(data.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.metadata?.lastSignInTime || "lastSignInTime"),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.username }) }, data.username),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.displayName }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { style: { padding: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.email }) }, data.email),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { style: { padding: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.phoneNumber || "-" }) }, data.phoneNumber),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: /* @__PURE__ */ jsxRuntime.jsx(MapProviderToIcon, { providerData: data.providerData }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: data.emailVerified ? /* @__PURE__ */ jsxRuntime.jsx(rx.RxCheck, { size: 24 }) : /* @__PURE__ */ jsxRuntime.jsx(rx.RxCross2, { size: 24 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: data.disabled ? /* @__PURE__ */ jsxRuntime.jsx(rx.RxCheck, { size: 24 }) : /* @__PURE__ */ jsxRuntime.jsx(rx.RxCross2, { size: 24 }) }, data.disabled),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.createdAt ? format(new Date(data.createdAt), "yyyy/MM/dd HH:mm z") : data.metadata?.creationTime ? format(new Date(data.metadata.creationTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.createdAt),
+      /* @__PURE__ */ jsxRuntime.jsx(api.A1, { children: /* @__PURE__ */ jsxRuntime.jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.metadata?.lastSignInTime ? format(new Date(data.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.metadata?.lastSignInTime || "lastSignInTime"),
       /* @__PURE__ */ jsxRuntime.jsx(
         ActionCell,
         {
@@ -2120,9 +2118,9 @@ const FirebaseTableRows = ({
           onMouseDown: (e2) => {
             e2.preventDefault();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, justifyContent: "center", alignItems: "center", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { gap: 2, justifyContent: "center", alignItems: "center", children: [
             hasPasswordProvider(data) ? /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
+              api.Nn,
               {
                 onClick: (e2) => {
                   e2.preventDefault();
@@ -2141,10 +2139,10 @@ const FirebaseTableRows = ({
                   padding: "0.25rem 0.75rem",
                   minWidth: "5.5rem"
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Key, { "aria-hidden": true, style: { display: "block" } })
+                children: /* @__PURE__ */ jsxRuntime.jsx(index.m3, { "aria-hidden": true, style: { display: "block" } })
               }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: getPasswordResetTooltip(data), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
+            ) : /* @__PURE__ */ jsxRuntime.jsx(api.Ar, { label: getPasswordResetTooltip(data), children: /* @__PURE__ */ jsxRuntime.jsx(api.R, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              api.Nn,
               {
                 disabled: true,
                 variant: "secondary",
@@ -2160,11 +2158,11 @@ const FirebaseTableRows = ({
                   opacity: 0.5,
                   cursor: "not-allowed"
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Key, { "aria-hidden": true, style: { display: "block" } })
+                children: /* @__PURE__ */ jsxRuntime.jsx(index.m3, { "aria-hidden": true, style: { display: "block" } })
               }
             ) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
+              api.Nn,
               {
                 onClick: (e2) => {
                   e2.preventDefault();
@@ -2183,7 +2181,7 @@ const FirebaseTableRows = ({
                   padding: "0.25rem 0.75rem",
                   minWidth: "5.5rem"
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { "aria-hidden": true, style: { display: "block" } })
+                children: /* @__PURE__ */ jsxRuntime.jsx(index.bn, { "aria-hidden": true, style: { display: "block" } })
               }
             )
           ] })
@@ -2338,8 +2336,8 @@ const tableHeaders = [
   }
 ];
 const useBulkSelection = (items) => {
-  const [selectedIds, setSelectedIds] = React.useState(/* @__PURE__ */ new Set());
-  const toggleSelectAll = React.useCallback(() => {
+  const [selectedIds, setSelectedIds] = m.useState(/* @__PURE__ */ new Set());
+  const toggleSelectAll = m.useCallback(() => {
     setSelectedIds((prev) => {
       if (prev.size === items.length) {
         return /* @__PURE__ */ new Set();
@@ -2348,7 +2346,7 @@ const useBulkSelection = (items) => {
       }
     });
   }, [items]);
-  const toggleSelectItem = React.useCallback((id) => {
+  const toggleSelectItem = m.useCallback((id) => {
     setSelectedIds((prev) => {
       const newSet = new Set(prev);
       if (newSet.has(id)) {
@@ -2359,20 +2357,20 @@ const useBulkSelection = (items) => {
       return newSet;
     });
   }, []);
-  const clearSelection = React.useCallback(() => {
+  const clearSelection = m.useCallback(() => {
     setSelectedIds(/* @__PURE__ */ new Set());
   }, []);
-  const isAllSelected = React.useMemo(
+  const isAllSelected = m.useMemo(
     () => selectedIds.size === items.length && items.length > 0,
     [selectedIds.size, items.length]
   );
-  const isIndeterminate = React.useMemo(
+  const isIndeterminate = m.useMemo(
     () => selectedIds.size > 0 && selectedIds.size < items.length,
     [selectedIds.size, items.length]
   );
-  const hasSelection = React.useMemo(() => selectedIds.size > 0, [selectedIds.size]);
-  const selectedCount = React.useMemo(() => selectedIds.size, [selectedIds.size]);
-  const selectedArray = React.useMemo(() => Array.from(selectedIds), [selectedIds]);
+  const hasSelection = m.useMemo(() => selectedIds.size > 0, [selectedIds.size]);
+  const selectedCount = m.useMemo(() => selectedIds.size, [selectedIds.size]);
+  const selectedArray = m.useMemo(() => Array.from(selectedIds), [selectedIds]);
   return {
     selectedIds,
     toggleSelectAll,
@@ -2392,31 +2390,31 @@ const DeleteAccount = ({
   onToggleDialog,
   isSingleRecord = false
 }) => {
-  const [isStrapiIncluded, setIsStrapiIncluded] = React.useState(true);
-  const [isFirebaseIncluded, setIsFirebaseIncluded] = React.useState(true);
-  React.useEffect(() => {
+  const [isStrapiIncluded, setIsStrapiIncluded] = m.useState(true);
+  const [isFirebaseIncluded, setIsFirebaseIncluded] = m.useState(true);
+  m.useEffect(() => {
     setIsStrapiIncluded(true);
     setIsFirebaseIncluded(true);
   }, [isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isOpen, onOpenChange: (open) => !open && onToggleDialog(), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: "Delete Account" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "center", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { fill: "danger700", width: "20px", height: "20px" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger700", children: "After you delete an account, it's permanently deleted. Accounts cannot be undeleted." })
+  return /* @__PURE__ */ jsxRuntime.jsx(api.t1.Root, { open: isOpen, onOpenChange: (open) => !open && onToggleDialog(), children: /* @__PURE__ */ jsxRuntime.jsxs(api.t1.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(api.t1.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(api.t1.Title, { children: "Delete Account" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(api.t1.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "row", alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.Nn, { fill: "danger700", width: "20px", height: "20px" }),
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { textColor: "danger700", children: "After you delete an account, it's permanently deleted. Accounts cannot be undeleted." })
       ] }),
-      isSingleRecord ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "User account" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: email })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Bulk delete operation" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "You are about to delete multiple user accounts" })
+      isSingleRecord ? /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", alignItems: "stretch", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", children: "User account" }),
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { children: email })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", alignItems: "stretch", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", children: "Bulk delete operation" }),
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { children: "You are about to delete multiple user accounts" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Delete user from:" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "center", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { children: "Delete user from:" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "row", alignItems: "center", gap: 4, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Checkbox,
+            api.Tr,
             {
               onCheckedChange: (checked) => setIsStrapiIncluded(checked === true),
               checked: isStrapiIncluded,
@@ -2424,7 +2422,7 @@ const DeleteAccount = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Checkbox,
+            api.Tr,
             {
               onCheckedChange: (checked) => setIsFirebaseIncluded(checked === true),
               checked: isFirebaseIncluded,
@@ -2434,10 +2432,10 @@ const DeleteAccount = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onToggleDialog, variant: "tertiary", children: "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.t1.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Nn, { onClick: onToggleDialog, variant: "tertiary", children: "Cancel" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Button,
+        api.Nn,
         {
           variant: "danger",
           onClick: () => {
@@ -2487,7 +2485,7 @@ const StyledTableContainer = styled__default.default.div`
     cursor: pointer;
   }
 `;
-const BulkActionsBar = styled__default.default(designSystem.Box)`
+const BulkActionsBar = styled__default.default(api.R)`
   margin-bottom: 16px;
   padding: 12px 0;
 `;
@@ -2528,7 +2526,7 @@ const FirebaseTable = ({
     selectedArray
   } = useBulkSelection(rows);
   const [{ query }, setQuery] = admin.useQueryParams();
-  const [showBulkDeleteDialog, setShowBulkDeleteDialog] = React.useState(false);
+  const [showBulkDeleteDialog, setShowBulkDeleteDialog] = m.useState(false);
   const sort = query?.sort ?? "";
   const [sortBy, sortOrder] = sort.split(":");
   const handleBulkDelete = async (isStrapiIncluded, isFirebaseIncluded) => {
@@ -2555,21 +2553,21 @@ const FirebaseTable = ({
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(BulkActionsBar, { paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "center", justifyContent: "space-between", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "center", gap: 2, wrap: "nowrap", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(BulkActionsBar, { paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "row", alignItems: "center", justifyContent: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "row", alignItems: "center", gap: 2, wrap: "nowrap", children: [
         action,
         hasSelection && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { whiteSpace: "nowrap" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(api.E, { variant: "omega", fontWeight: "semiBold", style: { whiteSpace: "nowrap" }, children: [
             selectedCount,
             " ",
             selectedCount === 1 ? "entry" : "entries",
             " selected"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
+            api.Nn,
             {
               variant: "danger",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.bn, {}),
               onClick: () => setShowBulkDeleteDialog(true),
               size: "S",
               style: { whiteSpace: "nowrap" },
@@ -2577,7 +2575,7 @@ const FirebaseTable = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
+            api.Nn,
             {
               variant: "secondary",
               onClick: clearSelection,
@@ -2590,10 +2588,10 @@ const FirebaseTable = ({
       ] }),
       createAction
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: tableHeaders.length + 2, rowCount: rows.length + 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Checkbox,
+    /* @__PURE__ */ jsxRuntime.jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs(api.v1, { colCount: tableHeaders.length + 2, rowCount: rows.length + 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.C1, { children: /* @__PURE__ */ jsxRuntime.jsxs(api.k1, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.$1, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          api.Tr,
           {
             "aria-label": "Select all entries",
             checked: isAllSelected,
@@ -2605,19 +2603,19 @@ const FirebaseTable = ({
           const isSorted = sortBy === header.name;
           const isAsc = sortOrder === "ASC";
           const isSortable = header.metadatas.sortable;
-          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: isSortable ? /* @__PURE__ */ jsxRuntime.jsxs(
+          return /* @__PURE__ */ jsxRuntime.jsx(api.$1, { children: isSortable ? /* @__PURE__ */ jsxRuntime.jsxs(
             SortButton,
             {
               onClick: () => handleSort(header.name),
               "aria-label": `Sort by ${header.metadatas.label}`,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }),
-                isSorted && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isAsc ? /* @__PURE__ */ jsxRuntime.jsx(icons.CaretUp, { width: "10px", height: "10px" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: "10px", height: "10px" }) })
+                /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }),
+                isSorted && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isAsc ? /* @__PURE__ */ jsxRuntime.jsx(index.Y2, { width: "10px", height: "10px" }) : /* @__PURE__ */ jsxRuntime.jsx(index.J2, { width: "10px", height: "10px" }) })
               ]
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }) }, header.key);
+          ) : /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }) }, header.key);
         }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Actions" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(api.$1, { children: /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Actions" }) })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         FirebaseTableRows,
@@ -2731,27 +2729,33 @@ const getFirebaseConfig = async () => {
     };
   }
 };
+const sendVerificationEmail = async (userId) => {
+  const url = `/${index.PLUGIN_ID}/users/sendVerificationEmail/${userId}`;
+  const { put } = admin.getFetchClient();
+  const { data: result } = await put(url, {});
+  return result;
+};
 const PaginationFooter = ({ pageCount = 0 }) => {
   const [{ query }, setQuery] = admin.useQueryParams();
   const pageSize = query?.pageSize || "10";
   const handlePageSizeChange = (value) => {
     setQuery({ pageSize: value, page: 1 });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Entries per page:" }),
+  return /* @__PURE__ */ jsxRuntime.jsx(api.R, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(api.T, { alignItems: "center", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "pi", textColor: "neutral600", children: "Entries per page:" }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.SingleSelect,
+        api.bo,
         {
           size: "S",
           value: pageSize,
           onChange: handlePageSizeChange,
           "aria-label": "Entries per page",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: "10" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "25", children: "25" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "50", children: "50" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "100", children: "100" })
+            /* @__PURE__ */ jsxRuntime.jsx(api.wo, { value: "10", children: "10" }),
+            /* @__PURE__ */ jsxRuntime.jsx(api.wo, { value: "25", children: "25" }),
+            /* @__PURE__ */ jsxRuntime.jsx(api.wo, { value: "50", children: "50" }),
+            /* @__PURE__ */ jsxRuntime.jsx(api.wo, { value: "100", children: "100" })
           ]
         }
       )
@@ -3085,9 +3089,9 @@ function nameOf(f) {
   if (f.name) {
     return f.name;
   }
-  var m3 = $match.call(functionToString.call(f), /^function\s*([\w$]+)/);
-  if (m3) {
-    return m3[1];
+  var m4 = $match.call(functionToString.call(f), /^function\s*([\w$]+)/);
+  if (m4) {
+    return m4[1];
   }
   return null;
 }
@@ -3153,7 +3157,7 @@ function isSet(x2) {
     setSize.call(x2);
     try {
       mapSize.call(x2);
-    } catch (m3) {
+    } catch (m4) {
       return true;
     }
     return x2 instanceof Set;
@@ -4827,14 +4831,14 @@ var lib = {
 const useQueryParams = (initialParams) => {
   const { search } = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
-  const query = React.useMemo(() => {
+  const query = m.useMemo(() => {
     const searchQuery = search.substring(1);
     if (!search) {
       return initialParams;
     }
     return lib.parse(searchQuery);
   }, [search, initialParams]);
-  const setQuery = React.useCallback(
+  const setQuery = m.useCallback(
     (nextParams, method = "push") => {
       let nextQuery = { ...query };
       if (method === "remove") {
@@ -4851,14 +4855,14 @@ const useQueryParams = (initialParams) => {
   return { query, rawQuery: search, setQuery };
 };
 const SearchURLQuery = ({ label, placeholder = void 0 }) => {
-  const wrapperRef = React.useRef(null);
-  const iconButtonRef = React.useRef(null);
+  const wrapperRef = m.useRef(null);
+  const iconButtonRef = m.useRef(null);
   const { query, setQuery } = useQueryParams();
-  const [value, setValue] = React.useState(query?.search || "");
-  const [isOpen, setIsOpen] = React.useState(!!value);
+  const [value, setValue] = m.useState(query?.search || "");
+  const [isOpen, setIsOpen] = m.useState(!!value);
   const { formatMessage } = reactIntl.useIntl();
   const handleToggle = () => setIsOpen((prev) => !prev);
-  React.useLayoutEffect(() => {
+  m.useLayoutEffect(() => {
     if (isOpen) {
       setTimeout(() => {
         wrapperRef.current?.querySelector("input").focus();
@@ -4879,8 +4883,8 @@ const SearchURLQuery = ({ label, placeholder = void 0 }) => {
     }
   };
   if (isOpen) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.SearchForm, { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Searchbar,
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(api.h0, { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(
+      api.a0,
       {
         name: "search",
         onChange: ({ target: { value: value2 } }) => setValue(value2),
@@ -4897,7 +4901,7 @@ const SearchURLQuery = ({ label, placeholder = void 0 }) => {
     ) }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.IconButton,
+    api.ot,
     {
       ref: iconButtonRef,
       variant: "tertiary",
@@ -4906,7 +4910,7 @@ const SearchURLQuery = ({ label, placeholder = void 0 }) => {
         id: "app.component.search.label",
         defaultMessage: "Search"
       }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Search, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.un, {})
     }
   );
 };
@@ -4920,13 +4924,13 @@ const ResetPassword = ({
   passwordRegex = "^.{6,}$",
   passwordMessage = "Password must be at least 6 characters long"
 }) => {
-  const [mode, setMode] = React.useState("direct");
-  const [password, setPassword] = React.useState("");
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [emailSent, setEmailSent] = React.useState(false);
-  const [error, setError] = React.useState("");
-  const [isPasswordChanged, setIsPasswordChanged] = React.useState(false);
-  React.useEffect(() => {
+  const [mode, setMode] = m.useState("direct");
+  const [password, setPassword] = m.useState("");
+  const [isLoading, setIsLoading] = m.useState(false);
+  const [emailSent, setEmailSent] = m.useState(false);
+  const [error, setError] = m.useState("");
+  const [isPasswordChanged, setIsPasswordChanged] = m.useState(false);
+  m.useEffect(() => {
     if (!isOpen) {
       resetState();
     }
@@ -4978,23 +4982,23 @@ const ResetPassword = ({
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: "Reset Password" }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "User email" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: email })
+  return /* @__PURE__ */ jsxRuntime.jsx(api.Km.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(api.Km.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(api.Km.Header, { children: "Reset Password" }),
+    /* @__PURE__ */ jsxRuntime.jsx(api.Km.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", children: "User email" }),
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { children: email })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { value: mode, onValueChange: (val) => setMode(val), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "direct", children: "Set Password Directly" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "email", children: "Send Reset Email" })
+      /* @__PURE__ */ jsxRuntime.jsxs(api.x1.Root, { value: mode, onValueChange: (val) => setMode(val), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(api.x1.List, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(api.x1.Trigger, { value: "direct", children: "Set Password Directly" }),
+          /* @__PURE__ */ jsxRuntime.jsx(api.x1.Trigger, { value: "email", children: "Send Reset Email" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "direct", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, paddingTop: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Set a new password for this user. The user will not be notified of this change." }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.x1.Content, { value: "direct", children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", gap: 3, paddingTop: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(api.E, { children: "Set a new password for this user. The user will not be notified of this change." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", gap: 1, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.TextInput,
+              api.G0,
               {
                 type: "password",
                 label: "New password",
@@ -5008,24 +5012,24 @@ const ResetPassword = ({
                 required: true
               }
             ),
-            isPasswordChanged && password && !validatePassword(password) && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger500", children: passwordMessage })
+            isPasswordChanged && password && !validatePassword(password) && /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "pi", textColor: "danger500", children: passwordMessage })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "email", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 3, paddingTop: 4, children: !emailSent ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(api.x1.Content, { value: "email", children: /* @__PURE__ */ jsxRuntime.jsx(api.T, { direction: "column", gap: 3, paddingTop: 4, children: !emailSent ? /* @__PURE__ */ jsxRuntime.jsxs(api.E, { children: [
           "Send a password reset email to ",
           /* @__PURE__ */ jsxRuntime.jsx("strong", { children: email }),
           ". The link will expire in 1 hour."
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Alert, { variant: "success", title: "Email Sent", children: [
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(api.vm, { variant: "success", title: "Email Sent", children: [
           "Password reset email has been sent to ",
           email
         ] }) }) })
       ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "danger", title: "Error", children: error })
+      error && /* @__PURE__ */ jsxRuntime.jsx(api.vm, { variant: "danger", title: "Error", children: error })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.Km.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Nn, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
       !emailSent && /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Button,
+        api.Nn,
         {
           variant: mode === "direct" ? "danger-light" : "success",
           loading: isLoading,
@@ -5037,6 +5041,59 @@ const ResetPassword = ({
     ] })
   ] }) });
 };
+const ResendVerification = ({
+  isOpen,
+  email,
+  userId,
+  onClose,
+  onSendVerificationEmail
+}) => {
+  const [isLoading, setIsLoading] = m.useState(false);
+  const [emailSent, setEmailSent] = m.useState(false);
+  const [error, setError] = m.useState("");
+  const resetState = () => {
+    setEmailSent(false);
+    setError("");
+    setIsLoading(false);
+  };
+  const handleClose = () => {
+    resetState();
+    onClose();
+  };
+  const handleSendEmail = async () => {
+    try {
+      setIsLoading(true);
+      setError("");
+      await onSendVerificationEmail();
+      setEmailSent(true);
+    } catch (err) {
+      setError(err.message || "Failed to send verification email");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(api.Km.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(api.Km.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(api.Km.Header, { children: "Resend Verification Email" }),
+    /* @__PURE__ */ jsxRuntime.jsx(api.Km.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", gap: 4, alignItems: "center", children: [
+      !emailSent ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(api.E, { textAlign: "center", children: [
+          "Send a verification email to ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: email }),
+          "?"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "omega", textColor: "neutral600", textAlign: "center", children: "The link will expire in 1 hour." })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(api.vm, { variant: "success", title: "Email Sent", children: [
+        "Verification email has been sent to ",
+        email
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(api.vm, { variant: "danger", title: "Error", children: error })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.Km.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Nn, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
+      !emailSent && /* @__PURE__ */ jsxRuntime.jsx(api.Nn, { variant: "success", loading: isLoading, onClick: handleSendEmail, children: "Send" })
+    ] })
+  ] }) });
+};
 const HEADER_TITLE = "Firebase Users";
 const NOTIFICATION_MESSAGES = {
   DELETED: "Deleted",
@@ -5049,22 +5106,22 @@ const mapUserData = (users) => users.map((item) => ({
   ...item
 }));
 function ListView({ data, meta }) {
-  const [showResetPasswordDialogue, setShowResetPasswordDialogue] = React.useState({
+  const [showResetPasswordDialogue, setShowResetPasswordDialogue] = m.useState({
     isOpen: false,
     email: "",
     id: ""
   });
-  const [showDeleteAccountDialogue, setShowDeleteAccountDialogue] = React.useState({
+  const [showDeleteAccountDialogue, setShowDeleteAccountDialogue] = m.useState({
     isOpen: false,
     email: "",
     id: ""
   });
-  const [rowsData, setRowsData] = React.useState([]);
-  const [rowsMeta, setRowsMeta] = React.useState({
+  const [rowsData, setRowsData] = m.useState([]);
+  const [rowsMeta, setRowsMeta] = m.useState({
     pagination: { page: 1, pageCount: 1, pageSize: 10, total: 0 }
   });
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [passwordConfig, setPasswordConfig] = React.useState({
+  const [isLoading, setIsLoading] = m.useState(false);
+  const [passwordConfig, setPasswordConfig] = m.useState({
     passwordRequirementsRegex: "^.{6,}$",
     passwordRequirementsMessage: "Password must be at least 6 characters long",
     passwordResetUrl: "http://localhost:3000/reset-password",
@@ -5074,15 +5131,15 @@ function ListView({ data, meta }) {
   const navigate = reactRouterDom.useNavigate();
   const { toggleNotification } = admin.useNotification();
   const { formatMessage } = reactIntl.useIntl();
-  const queryKey = React.useMemo(() => JSON.stringify(query.query), [query.query]);
-  const setNextPageToken = React.useCallback((page, nextPageToken) => {
+  const queryKey = m.useMemo(() => JSON.stringify(query.query), [query.query]);
+  const setNextPageToken = m.useCallback((page, nextPageToken) => {
     const formattedPage = parseInt(page, 10) || 1;
     const storeObject = sessionStorage.getItem("nextPageTokens");
     const tokens = storeObject ? JSON.parse(storeObject) : {};
     tokens[formattedPage + 1] = nextPageToken;
     sessionStorage.setItem("nextPageTokens", JSON.stringify(tokens));
   }, []);
-  const getNextPageToken = React.useCallback((page) => {
+  const getNextPageToken = m.useCallback((page) => {
     const formattedPage = parseInt(page, 10);
     const storeObject = sessionStorage.getItem("nextPageTokens");
     if (!storeObject) {
@@ -5091,7 +5148,7 @@ function ListView({ data, meta }) {
     const tokens = JSON.parse(storeObject);
     return tokens[formattedPage];
   }, []);
-  const fetchPaginatedUsers = React.useCallback(async () => {
+  const fetchPaginatedUsers = m.useCallback(async () => {
     const page = query?.query?.page;
     const nextPageToken = page ? getNextPageToken(page) : void 0;
     const queryWithToken = {
@@ -5104,7 +5161,7 @@ function ListView({ data, meta }) {
     }
     return response;
   }, [query.query, getNextPageToken, setNextPageToken]);
-  React.useEffect(() => {
+  m.useEffect(() => {
     const fetchConfig = async () => {
       try {
         const config = await getFirebaseConfig();
@@ -5115,7 +5172,7 @@ function ListView({ data, meta }) {
     };
     fetchConfig();
   }, []);
-  React.useEffect(() => {
+  m.useEffect(() => {
     let isMounted = true;
     const fetchPaginatedData = async () => {
       try {
@@ -5144,7 +5201,7 @@ function ListView({ data, meta }) {
       isMounted = false;
     };
   }, [queryKey]);
-  const fetchData = React.useCallback(async () => {
+  const fetchData = m.useCallback(async () => {
     try {
       setIsLoading(true);
       const response = await fetchPaginatedUsers();
@@ -5167,14 +5224,14 @@ function ListView({ data, meta }) {
       setIsLoading(false);
     }
   }, [fetchPaginatedUsers, toggleNotification, formatMessage]);
-  const handleDeleteAll = React.useCallback(
+  const handleDeleteAll = m.useCallback(
     async (idsToDelete, destination = null) => {
       await Promise.all(idsToDelete.map((id) => deleteUser(id, destination)));
       await fetchData();
     },
     [fetchData]
   );
-  const handleDeleteRecord = React.useCallback(
+  const handleDeleteRecord = m.useCallback(
     async (idsToDelete, destination) => {
       await deleteUser(idsToDelete, destination);
       const result = await fetchData();
@@ -5182,7 +5239,7 @@ function ListView({ data, meta }) {
     },
     [fetchData]
   );
-  const handleConfirmDeleteData = React.useCallback(
+  const handleConfirmDeleteData = m.useCallback(
     async (idsToDelete, isStrapiIncluded, isFirebaseIncluded) => {
       let destination = null;
       if (isStrapiIncluded && isFirebaseIncluded) {
@@ -5197,20 +5254,20 @@ function ListView({ data, meta }) {
     },
     [handleDeleteRecord]
   );
-  const handleNavigateToCreate = React.useCallback(() => {
+  const handleNavigateToCreate = m.useCallback(() => {
     navigate("users/create");
   }, [navigate]);
-  const getCreateAction = React.useCallback(
-    () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleNavigateToCreate, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}), children: "Create" }),
+  const getCreateAction = m.useCallback(
+    () => /* @__PURE__ */ jsxRuntime.jsx(api.Nn, { onClick: handleNavigateToCreate, startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.sn, {}), children: "Create" }),
     [handleNavigateToCreate]
   );
-  const handleCloseResetDialogue = React.useCallback(() => {
+  const handleCloseResetDialogue = m.useCallback(() => {
     setShowResetPasswordDialogue({ isOpen: false, email: "", id: "" });
   }, []);
-  const handleCloseDeleteDialogue = React.useCallback(() => {
+  const handleCloseDeleteDialogue = m.useCallback(() => {
     setShowDeleteAccountDialogue({ isOpen: false, email: "", id: "" });
   }, []);
-  const resetPassword = React.useCallback(
+  const resetPassword = m.useCallback(
     async (newPassword) => {
       try {
         await resetUserPassword(showResetPasswordDialogue.id, {
@@ -5230,7 +5287,7 @@ function ListView({ data, meta }) {
     },
     [showResetPasswordDialogue.id, handleCloseResetDialogue, toggleNotification]
   );
-  const deleteAccount = React.useCallback(
+  const deleteAccount = m.useCallback(
     async (isStrapiIncluded, isFirebaseIncluded) => {
       const newRowsData = await handleConfirmDeleteData(
         showDeleteAccountDialogue.id,
@@ -5242,14 +5299,14 @@ function ListView({ data, meta }) {
     },
     [showDeleteAccountDialogue.id, handleConfirmDeleteData, handleCloseDeleteDialogue]
   );
-  const handleResetPasswordClick = React.useCallback((data2) => {
+  const handleResetPasswordClick = m.useCallback((data2) => {
     setShowResetPasswordDialogue({
       isOpen: true,
       email: data2.email,
       id: data2.uid
     });
   }, []);
-  const handleDeleteAccountClick = React.useCallback((data2) => {
+  const handleDeleteAccountClick = m.useCallback((data2) => {
     setShowDeleteAccountDialogue({
       isOpen: true,
       email: data2.email,
@@ -5266,7 +5323,7 @@ function ListView({ data, meta }) {
       {
         subtitle: headSubtitle,
         title: HEADER_TITLE,
-        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}), to: "/content-manager/", children: "Back" })
+        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(api.zc, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.U2, {}), to: "/content-manager/", children: "Back" })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Content, { children: [
@@ -5348,10 +5405,10 @@ const ContentContainer = styled__default.default.div`
 `;
 const HomePage = () => {
   const { toggleNotification } = admin.useNotification();
-  const [isNotConfigured, setIsNotConfigured] = React.useState(false);
-  const [isLoading, setIsLoading] = React.useState(true);
+  const [isNotConfigured, setIsNotConfigured] = m.useState(false);
+  const [isLoading, setIsLoading] = m.useState(true);
   const navigate = reactRouterDom.useNavigate();
-  React.useEffect(() => {
+  m.useEffect(() => {
     const loadData = async () => {
       try {
         const config = await api.getFirebaseConfig();
@@ -5378,11 +5435,11 @@ const HomePage = () => {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(StyledPageMain, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: "Firebase Users" }),
-    !isNotConfigured ? /* @__PURE__ */ jsxRuntime.jsx(ContentContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ListView, {}) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", marginTop: 10, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Firebase is not configured, please configure Firebase" }) }),
+    !isNotConfigured ? /* @__PURE__ */ jsxRuntime.jsx(ContentContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(api.T, { direction: "column", alignItems: "stretch", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ListView, {}) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", marginTop: 10, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Nn, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(api.R, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(api.E, { children: "Firebase is not configured, please configure Firebase" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Button,
+        api.Nn,
         {
           marginTop: 3,
           onClick: () => {
@@ -5397,24 +5454,10 @@ const HomePage = () => {
 let PhoneInputTemp = PhoneInputModule__namespace;
 let unwrapCount = 0;
 while (PhoneInputTemp && typeof PhoneInputTemp === "object" && PhoneInputTemp.default && unwrapCount < 5) {
-  console.log(`🔧 Unwrapping PhoneInput layer ${unwrapCount}:`, PhoneInputTemp);
   PhoneInputTemp = PhoneInputTemp.default;
   unwrapCount++;
 }
 const PhoneInput = PhoneInputTemp;
-console.log("🔍 ==================== PhoneInput Final Check ====================");
-console.log("  Unwrap iterations:", unwrapCount);
-console.log("  PhoneInput FINAL:", PhoneInput);
-console.log("  PhoneInput type:", typeof PhoneInput);
-console.log("  PhoneInput $$typeof:", PhoneInput?.$$typeof);
-console.log("  PhoneInput name:", PhoneInput?.name);
-console.log("  PhoneInput displayName:", PhoneInput?.displayName);
-console.log("  Is function?:", typeof PhoneInput === "function");
-console.log(
-  "  Is valid React component?:",
-  typeof PhoneInput === "function" || PhoneInput && PhoneInput.$$typeof
-);
-console.log("🔍 ================================================================");
 const StyledPhoneInputWrapper = styled__default.default.div`
   width: 100%;
 
@@ -5590,14 +5633,14 @@ const UserFormFields = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Field.Root,
+      api.Fm.Root,
       {
         style: { width: "50%" },
         error: emailError || (hasBeenTouched && !userData?.email && !userData?.phoneNumber ? "Email or Phone Number is required" : void 0),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Email" }),
+          /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Label, { children: "Email" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.TextInput,
+            api.G0,
             {
               id: "email",
               name: "email",
@@ -5607,14 +5650,14 @@ const UserFormFields = ({
               value: userData.email || ""
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+          /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Error, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "50%" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Display Name" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.Fm.Root, { style: { width: "50%" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Label, { children: "Display Name" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.TextInput,
+        api.G0,
         {
           id: "displayName",
           name: "displayName",
@@ -5624,8 +5667,8 @@ const UserFormFields = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "50%" }, error: phoneError || void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Phone Number" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.Fm.Root, { style: { width: "50%" }, error: phoneError || void 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Label, { children: "Phone Number" }),
       /* @__PURE__ */ jsxRuntime.jsx(StyledPhoneInputWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -5655,18 +5698,18 @@ const UserFormFields = ({
           }
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: "E.164 format: +[country code][number] (e.g., +14155552671)" })
+      /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Error, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Hint, { children: "E.164 format: +[country code][number] (e.g., +14155552671)" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Field.Root,
+      api.Fm.Root,
       {
         style: { width: "50%" },
         error: userData?.password?.length && userData?.password?.length < 6 ? "Password must be at least 6 characters" : void 0,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Label, { children: "Password" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.TextInput,
+            api.G0,
             {
               id: "password",
               name: "password",
@@ -5677,15 +5720,15 @@ const UserFormFields = ({
               required: isPasswordRequired
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {}),
-          showPasswordHint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: "Leave empty to keep current password" })
+          /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Error, {}),
+          showPasswordHint && /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Hint, { children: "Leave empty to keep current password" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { maxWidth: "320px", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Disabled" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.Fm.Root, { maxWidth: "320px", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Label, { children: "Disabled" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Toggle,
+        api.D1,
         {
           name: "disabled",
           onLabel: "True",
@@ -5695,10 +5738,10 @@ const UserFormFields = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { maxWidth: "320px", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Email Verified" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(api.Fm.Root, { maxWidth: "320px", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(api.Fm.Label, { children: "Email Verified" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Toggle,
+        api.D1,
         {
           name: "emailVerified",
           onLabel: "True",
@@ -5711,9 +5754,9 @@ const UserFormFields = ({
   ] });
 };
 const UserFormLayout = ({ children, sidebar }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "stretch", gap: 4, width: "100%", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "row", alignItems: "stretch", gap: 4, width: "100%", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
+      api.R,
       {
         background: "neutral0",
         borderColor: "neutral150",
@@ -5721,11 +5764,11 @@ const UserFormLayout = ({ children, sidebar }) => {
         padding: 8,
         shadow: "tableShadow",
         style: { flex: "9 1 0px", minWidth: 0 },
-        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 4, alignItems: "stretch", children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(api.T, { direction: "column", gap: 4, alignItems: "stretch", children })
       }
     ),
     sidebar && /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Flex,
+      api.T,
       {
         direction: "column",
         gap: 4,
@@ -5762,11 +5805,11 @@ function validatePhoneNumber(phone) {
   return { isValid: true, error: null };
 }
 const useUserForm = (initialData = {}) => {
-  const [userData, setUserData] = React.useState(initialData);
-  const [emailError, setEmailError] = React.useState(null);
-  const [phoneError, setPhoneError] = React.useState(null);
-  const [hasBeenTouched, setHasBeenTouched] = React.useState(false);
-  const onTextInputChange = React.useCallback(
+  const [userData, setUserData] = m.useState(initialData);
+  const [emailError, setEmailError] = m.useState(null);
+  const [phoneError, setPhoneError] = m.useState(null);
+  const [hasBeenTouched, setHasBeenTouched] = m.useState(false);
+  const onTextInputChange = m.useCallback(
     (e2) => {
       const { name, value } = e2.target;
       setUserData((prevState) => ({
@@ -5779,13 +5822,13 @@ const useUserForm = (initialData = {}) => {
     },
     [emailError]
   );
-  const onEmailBlur = React.useCallback((e2) => {
+  const onEmailBlur = m.useCallback((e2) => {
     const { value } = e2.target;
     const validation = validateEmail(value);
     setEmailError(validation.error);
     setHasBeenTouched(true);
   }, []);
-  const onPhoneChange = React.useCallback((value) => {
+  const onPhoneChange = m.useCallback((value) => {
     setUserData((prevState) => ({
       ...prevState,
       phoneNumber: value || ""
@@ -5793,7 +5836,7 @@ const useUserForm = (initialData = {}) => {
     const validation = validatePhoneNumber(value);
     setPhoneError(validation.error);
   }, []);
-  const onToggleInputChange = React.useCallback((e2) => {
+  const onToggleInputChange = m.useCallback((e2) => {
     setUserData((prevState) => ({
       ...prevState,
       [e2.target.name]: e2.target.checked
@@ -5818,11 +5861,11 @@ const useUserForm = (initialData = {}) => {
   };
 };
 const CreateUserForm = () => {
-  const [isLoading, setIsLoading] = React.useState(false);
+  const [isLoading, setIsLoading] = m.useState(false);
   const { toggleNotification } = admin.useNotification();
   const navigate = reactRouterDom.useNavigate();
   const { userData, emailError, phoneError, hasBeenTouched, handlers, isSubmitDisabled } = useUserForm();
-  const createUserHandler = React.useCallback(async () => {
+  const createUserHandler = m.useCallback(async () => {
     setIsLoading(true);
     try {
       const createdUser = await createUser(userData);
@@ -5892,11 +5935,11 @@ const PasswordResetButton = ({
     }
   };
   const button = /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Button,
+    api.Nn,
     {
       onClick: handleClick,
       disabled: !canResetPassword,
-      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Key, {}),
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(index.m3, {}),
       variant,
       size,
       fullWidth,
@@ -5904,18 +5947,18 @@ const PasswordResetButton = ({
     }
   );
   if (!canResetPassword) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: tooltipMessage, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: button }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(api.Ar, { label: tooltipMessage, children: /* @__PURE__ */ jsxRuntime.jsx(api.R, { children: button }) });
   }
   return button;
 };
-const MetaWrapper = styled__default.default(designSystem.Box)`
+const MetaWrapper = styled__default.default(api.R)`
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   font-size: 18px;
 `;
-const ContentWrapper = styled__default.default(designSystem.Box)`
+const ContentWrapper = styled__default.default(api.R)`
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -5923,7 +5966,7 @@ const ContentWrapper = styled__default.default(designSystem.Box)`
   font-size: 18px;
   padding: 5px;
 `;
-const DetailsButtonWrapper = styled__default.default(designSystem.Box)`
+const DetailsButtonWrapper = styled__default.default(api.R)`
   width: 100%;
   display: flex;
   justify-content: flex-end;
@@ -5931,14 +5974,19 @@ const DetailsButtonWrapper = styled__default.default(designSystem.Box)`
   padding: 5px;
 `;
 const EditUserForm = ({ data }) => {
-  const [originalUserData] = React.useState(data);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [showResetPasswordDialog, setShowResetPasswordDialog] = React.useState({
+  const [originalUserData] = m.useState(data);
+  const [isLoading, setIsLoading] = m.useState(false);
+  const [showResetPasswordDialog, setShowResetPasswordDialog] = m.useState({
+    isOpen: false,
+    email: "",
+    id: ""
+  });
+  const [showVerificationDialog, setShowVerificationDialog] = m.useState({
     isOpen: false,
     email: "",
     id: ""
   });
-  const [passwordConfig, setPasswordConfig] = React.useState({
+  const [passwordConfig, setPasswordConfig] = m.useState({
     passwordRequirementsRegex: "^.{6,}$",
     passwordRequirementsMessage: "Password must be at least 6 characters long"
   });
@@ -5947,7 +5995,7 @@ const EditUserForm = ({ data }) => {
   const location = reactRouterDom.useLocation();
   const locationState = location.state || {};
   const { userData, setUserData, emailError, phoneError, handlers, isSubmitDisabled } = useUserForm(data);
-  const updateUserHandler = React.useCallback(async () => {
+  const updateUserHandler = m.useCallback(async () => {
     setIsLoading(true);
     try {
       const updatedUser = await updateUser(userData.uid, userData);
@@ -5974,7 +6022,7 @@ const EditUserForm = ({ data }) => {
       setUserData(data);
     }
   }, [userData, toggleNotification, data, setUserData]);
-  React.useEffect(() => {
+  m.useEffect(() => {
     const fetchConfig = async () => {
       try {
         const config = await getFirebaseConfig();
@@ -5988,10 +6036,10 @@ const EditUserForm = ({ data }) => {
     };
     fetchConfig();
   }, []);
-  const handleCloseResetDialog = React.useCallback(() => {
+  const handleCloseResetDialog = m.useCallback(() => {
     setShowResetPasswordDialog({ isOpen: false, email: "", id: "" });
   }, []);
-  const handleResetPassword = React.useCallback(
+  const handleResetPassword = m.useCallback(
     async (newPassword) => {
       try {
         await resetUserPassword(userData.uid, { password: newPassword });
@@ -6010,7 +6058,7 @@ const EditUserForm = ({ data }) => {
     },
     [userData.uid, toggleNotification, handleCloseResetDialog]
   );
-  const handleSendResetEmail = React.useCallback(async () => {
+  const handleSendResetEmail = m.useCallback(async () => {
     try {
       await sendResetEmail(userData.uid);
       toggleNotification({
@@ -6025,6 +6073,12 @@ const EditUserForm = ({ data }) => {
       });
     }
   }, [userData.uid, toggleNotification]);
+  const handleCloseVerificationDialog = m.useCallback(() => {
+    setShowVerificationDialog({ isOpen: false, email: "", id: "" });
+  }, []);
+  const handleSendVerificationEmail = m.useCallback(async () => {
+    await sendVerificationEmail(userData.uid);
+  }, [userData.uid]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
   }
@@ -6045,7 +6099,7 @@ const EditUserForm = ({ data }) => {
       {
         sidebar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.Box,
+            api.R,
             {
               as: "aside",
               background: "neutral0",
@@ -6057,15 +6111,15 @@ const EditUserForm = ({ data }) => {
               paddingTop: 2,
               shadow: "tableShadow",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Firebase User ID:" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: userData.firebaseUserID || userData.uid })
+                /* @__PURE__ */ jsxRuntime.jsxs(api.T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(api.T, { gap: 1, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Firebase User ID:" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: userData.firebaseUserID || userData.uid })
                   ] }),
-                  locationState?.strapiId && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Strapi ID:" }),
+                  locationState?.strapiId && /* @__PURE__ */ jsxRuntime.jsxs(api.T, { gap: 1, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Strapi ID:" }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Typography,
+                      api.E,
                       {
                         variant: "sigma",
                         textColor: "primary600",
@@ -6085,37 +6139,37 @@ const EditUserForm = ({ data }) => {
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
-                userData.providerData?.map((provider, index2) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-                  index2 > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Provider:" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: provider.providerId })
+                /* @__PURE__ */ jsxRuntime.jsx(api.pl, {}),
+                userData.providerData?.map((provider, index2) => /* @__PURE__ */ jsxRuntime.jsxs(m__default.default.Fragment, { children: [
+                  index2 > 0 && /* @__PURE__ */ jsxRuntime.jsx(api.pl, {}),
+                  /* @__PURE__ */ jsxRuntime.jsxs(api.T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(api.T, { gap: 1, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Provider:" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: provider.providerId })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Identifier:" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: provider.uid })
+                    /* @__PURE__ */ jsxRuntime.jsxs(api.T, { gap: 1, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Identifier:" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: provider.uid })
                     ] })
                   ] })
                 ] }, index2)),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 3, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(api.pl, {}),
+                /* @__PURE__ */ jsxRuntime.jsxs(api.T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 3, children: [
                   userData.metadata?.lastSignInTime && /* @__PURE__ */ jsxRuntime.jsxs(MetaWrapper, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Last Sign In Time" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: format(new Date(userData.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") })
+                    /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Last Sign In Time" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: format(new Date(userData.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") })
                   ] }),
                   (userData.metadata?.creationTime || userData.createdAt) && /* @__PURE__ */ jsxRuntime.jsxs(MetaWrapper, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Creation Time" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { 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__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "Creation Time" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(api.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__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5, marginBottom: 5 }),
+          /* @__PURE__ */ jsxRuntime.jsx(api.R, { marginTop: 5, marginBottom: 5 }),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.Box,
+            api.R,
             {
               as: "aside",
               background: "neutral0",
@@ -6127,27 +6181,44 @@ const EditUserForm = ({ data }) => {
               paddingTop: 4,
               shadow: "tableShadow",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, children: "Account Actions" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  PasswordResetButton,
-                  {
-                    user: userData,
-                    fullWidth: true,
-                    onClick: () => {
-                      setShowResetPasswordDialog({
-                        isOpen: true,
-                        email: userData.email || "",
-                        id: userData.uid || ""
-                      });
+                /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", marginBottom: 2, children: "Account Actions" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(api.T, { direction: "column", gap: 2, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    PasswordResetButton,
+                    {
+                      user: userData,
+                      fullWidth: true,
+                      onClick: () => {
+                        setShowResetPasswordDialog({
+                          isOpen: true,
+                          email: userData.email || "",
+                          id: userData.uid || ""
+                        });
+                      }
                     }
-                  }
-                )
+                  ),
+                  userData.email && !userData.emailVerified && /* @__PURE__ */ jsxRuntime.jsx(
+                    api.Nn,
+                    {
+                      variant: "secondary",
+                      fullWidth: true,
+                      onClick: () => {
+                        setShowVerificationDialog({
+                          isOpen: true,
+                          email: userData.email || "",
+                          id: userData.uid || ""
+                        });
+                      },
+                      children: "Resend Verification Email"
+                    }
+                  )
+                ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5, marginBottom: 5 }),
+          /* @__PURE__ */ jsxRuntime.jsx(api.R, { marginTop: 5, marginBottom: 5 }),
           userData.localUser && /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Box,
+            api.R,
             {
               as: "aside",
               background: "neutral0",
@@ -6158,11 +6229,11 @@ const EditUserForm = ({ data }) => {
               paddingRight: 2,
               paddingTop: 1,
               shadow: "tableShadow",
-              children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 2, paddingBottom: 2, children: [
+              children: /* @__PURE__ */ jsxRuntime.jsxs(api.R, { paddingTop: 2, paddingBottom: 2, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(DetailsButtonWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Link,
+                  api.zc,
                   {
-                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}),
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(index._3, {}),
                     onClick: () => navigate(
                       `/content-manager/collection-types/plugin::users-permissions.user/${userData.localUser?.id}`
                     ),
@@ -6171,8 +6242,8 @@ const EditUserForm = ({ data }) => {
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "local user:" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: userData.localUser.username })
+                  /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: "local user:" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(api.E, { variant: "sigma", textColor: "neutral600", children: userData.localUser.username })
                 ] })
               ] })
             }
@@ -6206,15 +6277,25 @@ const EditUserForm = ({ data }) => {
         passwordMessage: passwordConfig.passwordRequirementsMessage,
         onSendResetEmail: handleSendResetEmail
       }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ResendVerification,
+      {
+        isOpen: showVerificationDialog.isOpen,
+        onClose: handleCloseVerificationDialog,
+        email: showVerificationDialog.email,
+        userId: showVerificationDialog.id,
+        onSendVerificationEmail: handleSendVerificationEmail
+      }
     )
   ] });
 };
 const EditView = () => {
   const { id } = reactRouterDom.useParams();
   const { toggleNotification } = admin.useNotification();
-  const [userData, setUserData] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  React.useEffect(() => {
+  const [userData, setUserData] = m.useState(null);
+  const [isLoading, setIsLoading] = m.useState(true);
+  m.useEffect(() => {
     const loadUser = async () => {
       try {
         if (!id) {
@@ -6250,7 +6331,7 @@ const CreateView = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(CreateUserForm, {});
 };
 const App = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactTooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(rt.Provider, { delayDuration: 300, skipDelayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "users/create", element: /* @__PURE__ */ jsxRuntime.jsx(CreateView, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: ":id", element: /* @__PURE__ */ jsxRuntime.jsx(EditView, {}) }),