warqadui 0.0.68 → 0.0.70

package/dist/index.js

@@ -98,6 +98,7 @@ __export(index_exports, {
   useA4StatementView: () => useA4DataView_default,
   useAntdImageUpload: () => useAntdImageUpload_default,
   useApi: () => useApis_default,
+  useApp: () => useApp_default,
   useAuth: () => useAuth_default,
   useAuthStore: () => useAuthStore,
   useLogin: () => useLogin,
@@ -1514,8 +1515,8 @@ var useModal = (initialState = false) => {
     resetState();
   }, []);
   const toggle = (0, import_react10.useCallback)(() => setIsOpen((prev) => !prev), []);
-  const openState = (0, import_react10.useCallback)((data2) => {
-    setState(data2);
+  const openState = (0, import_react10.useCallback)((data) => {
+    setState(data);
     open();
   }, []);
   const ModalComponent = (0, import_react10.useMemo)(() => {
@@ -2192,7 +2193,7 @@ var useApi = () => {
       withCredentials: true
     });
   }, [configApi]);
-  const [data2, setData] = (0, import_react14.useState)();
+  const [data, setData] = (0, import_react14.useState)();
   const [isLoading, setIsLoading] = (0, import_react14.useState)(false);
   const [pdfLoading, setPdfLoading] = (0, import_react14.useState)(false);
   const [error, setError] = (0, import_react14.useState)(null);
@@ -2332,7 +2333,7 @@ var useApi = () => {
     }
   };
   return {
-    data: data2,
+    data,
     error,
     isLoading,
     pdfLoading,
@@ -3143,7 +3144,7 @@ var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function DataTable({
   columns: userColumns,
-  data: data2,
+  data,
   isLoading = false,
   pageRows,
   searchPlaceholder = "Search all columns...",
@@ -3191,8 +3192,8 @@ function DataTable({
   }, [pageRows]);
   const [expanded, setExpanded] = (0, import_react17.useState)(() => {
     const initialState = {};
-    if (defaultExpanded && renderSubComponent && data2) {
-      data2.forEach((row, idx) => {
+    if (defaultExpanded && renderSubComponent && data) {
+      data.forEach((row, idx) => {
         if (hasSubComponent(row)) {
           initialState[idx] = true;
         }
@@ -3223,7 +3224,7 @@ function DataTable({
     ];
   }, [userColumns, index, selectable]);
   const table = (0, import_react_table.useReactTable)({
-    data: data2,
+    data,
     columns,
     onSortingChange: setSorting,
     onColumnFiltersChange: setColumnFilters,
@@ -3331,7 +3332,7 @@ function DataTable({
             },
             header.id
           )) }, headerGroup.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tbody", { className: "", children: isLoading && table.getRowModel().rows?.length === 0 ? Array.from({ length: pageRows || 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tbody", { className: "", children: isLoading ? Array.from({ length: pageRows || 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "tr",
             {
               className: "border-b border-gray-100 dark:border-zinc-800/50",
@@ -3562,16 +3563,16 @@ function PostTable({
   });
   const [internalData, setInternalData] = (0, import_react18.useState)(controlledData || []);
   const isControlled = controlledData !== void 0;
-  const data2 = isControlled ? controlledData : internalData;
+  const data = isControlled ? controlledData : internalData;
   const entryRowRef = (0, import_react18.useRef)(null);
   (0, import_react18.useEffect)(() => {
-    if (defaultExpanded && renderSubComponent && (data2 || []).length > 0) {
+    if (defaultExpanded && renderSubComponent && (data || []).length > 0) {
       setExpanded((prev) => {
         const isAllExpanded = prev === true;
         if (isAllExpanded) return prev;
         const newState = typeof prev === "object" ? { ...prev } : {};
         let changed = false;
-        data2.forEach((row, idx) => {
+        data.forEach((row, idx) => {
           const id = idx.toString();
           if (hasSubComponent(row) && newState[id] === void 0) {
             newState[id] = true;
@@ -3581,7 +3582,7 @@ function PostTable({
         return changed ? newState : prev;
       });
     }
-  }, [data2, defaultExpanded, hasSubComponent, renderSubComponent]);
+  }, [data, defaultExpanded, hasSubComponent, renderSubComponent]);
   const focusAndScrollEntryRow = () => {
     setTimeout(() => {
       if (entryRowRef.current) {
@@ -3606,7 +3607,7 @@ function PostTable({
   const [isSavingAsync, setIsSavingAsync] = (0, import_react18.useState)(false);
   const [fieldErrors, setFieldErrors] = (0, import_react18.useState)({});
   const latestStateRef = (0, import_react18.useRef)({
-    data: data2,
+    data,
     entryData,
     editingIndex,
     isSavingAsync,
@@ -3619,7 +3620,7 @@ function PostTable({
   });
   (0, import_react18.useEffect)(() => {
     latestStateRef.current = {
-      data: data2,
+      data,
       entryData,
       editingIndex,
       isSavingAsync,
@@ -3632,11 +3633,11 @@ function PostTable({
     };
   });
   const handleSaveField = (0, import_react18.useCallback)(async () => {
-    const { data: data3, entryData: entryData2, editingIndex: editingIndex2, onChange: onChange2 } = latestStateRef.current;
+    const { data: data2, entryData: entryData2, editingIndex: editingIndex2, onChange: onChange2 } = latestStateRef.current;
     if (Object.keys(entryData2).length === 0) return;
     const actionType = editingIndex2 !== null ? "edit" : "add";
     const entryToSave = { ...entryData2 };
-    const updated = [...data3];
+    const updated = [...data2];
     let entryToPass;
     if (actionType === "edit" && editingIndex2 !== null) {
       updated[editingIndex2] = {
@@ -3712,9 +3713,9 @@ function PostTable({
   }, []);
   const handleDelete = (0, import_react18.useCallback)(
     async (index2) => {
-      const { data: data3, editingIndex: editingIndex2, onChange: onChange2, onDelete: onDelete2 } = latestStateRef.current;
-      const rowToDelete = data3[index2];
-      const updated = data3.filter((_, i) => i !== index2);
+      const { data: data2, editingIndex: editingIndex2, onChange: onChange2, onDelete: onDelete2 } = latestStateRef.current;
+      const rowToDelete = data2[index2];
+      const updated = data2.filter((_, i) => i !== index2);
       if (onChange2) {
         setIsSavingAsync(true);
         try {
@@ -3830,7 +3831,7 @@ function PostTable({
     return finalColumns;
   }, [userColumns, actionColumn, index, renderSubComponent, hasSubComponent]);
   const table = (0, import_react_table2.useReactTable)({
-    data: data2,
+    data,
     columns,
     onSortingChange: setSorting,
     onColumnFiltersChange: setColumnFilters,
@@ -4140,7 +4141,7 @@ var import_react_table3 = require("@tanstack/react-table");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function SimpleTable({
   columns: userColumns,
-  data: data2,
+  data,
   className = "",
   renderFooter: componentFooter,
   rowPadding = "py-3",
@@ -4175,7 +4176,7 @@ function SimpleTable({
     return cols;
   }, [userColumns, index, startIndex]);
   const table = (0, import_react_table3.useReactTable)({
-    data: data2,
+    data,
     columns,
     getCoreRowModel: (0, import_react_table3.getCoreRowModel)()
   });
@@ -4215,7 +4216,7 @@ function SimpleTable({
             },
             headerGroup.id
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tbody", { className: "text-black dark:text-white font-semibold font-sans tabular-nums", children: isLoading && data2.length === 0 ? Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tbody", { className: "text-black dark:text-white font-semibold font-sans tabular-nums", children: isLoading && data.length === 0 ? Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "tr",
             {
               className: `border-b ${verticalLines ? "border-black dark:border-white" : "border-gray-100 dark:border-zinc-800/60 last:border-0"}`,
@@ -4234,7 +4235,7 @@ function SimpleTable({
               ))
             },
             `skeleton-row-${i}`
-          )) : data2.length === 0 && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          )) : data.length === 0 && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "td",
             {
               colSpan: columns.length,
@@ -5296,7 +5297,7 @@ var useA4StatementView = ({
         renderFooter: (value) => value.reduce((acc, item) => acc + item.amount, 0)
       }
     ],
-    data: data2 = [],
+    data = [],
     error = apiError,
     info,
     index,
@@ -5319,7 +5320,7 @@ var useA4StatementView = ({
     const [currentPageIndex, setCurrentPageIndex] = (0, import_react26.useState)(0);
     const [pageSearch, setPageSearch] = (0, import_react26.useState)("");
     const displayColumnsForSearch = columns.filter((col) => !col.hide);
-    const filteredDisplayData = data2.filter((row) => {
+    const filteredDisplayData = data.filter((row) => {
       if (!globalFilter) return true;
       const lowerFilter = globalFilter.toLowerCase();
       return displayColumnsForSearch.some((col) => {
@@ -5462,7 +5463,7 @@ var useA4StatementView = ({
         isLoading: isActuallyLoading
       }
     ) }) : null;
-    const statusOverlay = isActuallyLoading || error || !data2 || data2.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-col relative w-full items-center justify-center py-12 min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
+    const statusOverlay = isActuallyLoading || error || !data || data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-col relative w-full items-center justify-center py-12 min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
       isActuallyLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ClassicSpin, {}) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-14 h-14 bg-red-100 dark:bg-red-500/10 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.AlertCircle, { className: "w-7 h-7 text-red-600 dark:text-red-500" }) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-14 h-14 bg-gray-200 dark:bg-zinc-800 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.FileX, { className: "w-7 h-7 text-gray-500 dark:text-gray-400" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-lg font-bold text-gray-900 dark:text-white mb-2", children: isActuallyLoading ? "Loading data..." : error ? "Failed to Load Statement" : "No Records Found" }),
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-gray-500 dark:text-gray-400 max-w-xs mb-6 leading-relaxed", children: isActuallyLoading ? "Please wait while we prepare your statement." : error ? typeof error === "string" ? error : "An unexpected error occurred while fetching the statement data." : "There are no transactions or records available in this requested statement." }),
@@ -5705,7 +5706,7 @@ var useA4CategoryView = ({
     getData();
   }, [url, v, JSON.stringify(params), delay]);
   const A4CategoryView = ({
-    data: data2,
+    data,
     groups: incomingGroups,
     error = apiError,
     info,
@@ -5728,7 +5729,7 @@ var useA4CategoryView = ({
     const [pageSearch, setPageSearch] = (0, import_react27.useState)("");
     const groups = incomingGroups ? [...incomingGroups].sort(
       (a, b) => a.title.localeCompare(b.title)
-    ) : data2 ? [{ title: gridTitle, items: data2 }] : [];
+    ) : data ? [{ title: gridTitle, items: data }] : [];
     const flattenedNodes = groups.map((group) => {
       const sortedItems = [...group.items].sort(
         (a, b) => String(a.name).localeCompare(String(b.name))
@@ -6073,7 +6074,7 @@ var useTransaction = ({
           hide: true
         }
       ],
-      data: data2 = [],
+      data = [],
       error = apiError,
       pageRows,
       searchPlaceholder = "Search transactions...",
@@ -6090,7 +6091,7 @@ var useTransaction = ({
       createTitle = "Add New",
       ...rest
     }) => {
-      const emptyState = !isLoading && (error || !data2 || data2.length === 0) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      const emptyState = !isLoading && (error || !data || data.length === 0) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "div",
         {
           className: `flex flex-col relative w-full items-center justify-center py-12 min-h-[300px] ${className}`,
@@ -6157,7 +6158,7 @@ var useTransaction = ({
           DataTable,
           {
             columns,
-            data: data2,
+            data,
             isLoading,
             pageRows,
             searchPlaceholder,
@@ -7863,11 +7864,11 @@ var useAuthStore = (0, import_zustand.create)((set, get) => ({
     isLoggedIn: false,
     isFetched: true
   }),
-  updateAuth: (data2) => set((state) => ({
-    auth: state.auth ? { ...state.auth, ...data2 } : state.auth
+  updateAuth: (data) => set((state) => ({
+    auth: state.auth ? { ...state.auth, ...data } : state.auth
   })),
-  updateAccount: (data2) => set((state) => ({
-    account: state.account ? { ...state.account, ...data2 } : state.account
+  updateAccount: (data) => set((state) => ({
+    account: state.account ? { ...state.account, ...data } : state.account
   })),
   hasPermission: (key) => !!get().auth?.permissions?.[key]
 }));
@@ -7911,13 +7912,13 @@ var useAuth = () => {
     setIsLoggedIn,
     setIsFetched,
     setAuth,
-    login: (data2) => {
-      if (data2?.auth && data2?.account) {
-        setAuth(data2.auth, data2.account);
-      } else if (data2?.user && data2?.account) {
-        setAuth(data2.user, data2.account);
+    login: (data) => {
+      if (data?.auth && data?.account) {
+        setAuth(data.auth, data.account);
+      } else if (data?.user && data?.account) {
+        setAuth(data.user, data.account);
       } else {
-        setAuth(data2, data2?.account || data2);
+        setAuth(data, data?.account || data);
       }
     },
     updateAuth,
@@ -7991,28 +7992,28 @@ function Accounts({ v, url }) {
   const [deleteAccount, setDeleteAccount] = (0, import_react33.useState)(null);
   const { isLoading, remove } = useApis_default();
   const isEmployee = type === "employee";
-  const { data: data2, TransactionViewComponent, reload } = useTransaction_default({
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: url || `/accounts/get/${type}`,
     v,
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
   const navigate = (0, import_react_router_dom5.useNavigate)();
-  const items = (data3) => [
+  const items = (data2) => [
     {
       label: `Edit ${type}`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react19.FilePenLine, { size: 16 }),
-      onClick: () => navigate(`update?id=${data3?._id}`)
+      onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete ${type}`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react19.Trash2, { className: "text-red-500", size: 16 }),
-      onClick: () => setDeleteAccount(data3)
+      onClick: () => setDeleteAccount(data2)
     },
-    isEmployee && !data3?.user && {
+    isEmployee && !data2?.user && {
       label: `Link User`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react19.Cable, { size: 16 }),
-      onClick: () => navigate(`link-user?id=${data3?._id}`)
+      onClick: () => navigate(`link-user?id=${data2?._id}`)
     }
   ].filter(Boolean);
   const columns = [
@@ -8060,12 +8061,12 @@ function Accounts({ v, url }) {
       accessorKey: "actions",
       header: "Actions",
       cell: ({ row }) => {
-        const data3 = row.original;
+        const data2 = row.original;
         return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
-            items: items(data3),
+            items: items(data2),
             triggerMode: "hover",
             children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react19.EllipsisVertical, {})
           }
@@ -8073,7 +8074,7 @@ function Accounts({ v, url }) {
       }
     }
   ].filter(Boolean);
-  const accounts = data2?.data || [];
+  const accounts = data?.data || [];
   const onDelete = async (id) => {
     try {
       await remove({ url: `/accounts/delete/${id}` });
@@ -8118,2501 +8119,114 @@ function Accounts({ v, url }) {
 }
 var Accounts_default = Accounts;
 
-// ../../node_modules/react-router/dist/development/chunk-LFPYN7LY.mjs
-var React24 = __toESM(require("react"), 1);
-var React25 = __toESM(require("react"), 1);
-var React32 = __toESM(require("react"), 1);
-var React42 = __toESM(require("react"), 1);
-var React92 = __toESM(require("react"), 1);
-var React82 = __toESM(require("react"), 1);
-var React72 = __toESM(require("react"), 1);
-var React62 = __toESM(require("react"), 1);
-var React52 = __toESM(require("react"), 1);
-var React102 = __toESM(require("react"), 1);
-var React112 = __toESM(require("react"), 1);
-var import_meta = {};
-function invariant(value, message13) {
-  if (value === false || value === null || typeof value === "undefined") {
-    throw new Error(message13);
-  }
-}
-function warning3(cond, message13) {
-  if (!cond) {
-    if (typeof console !== "undefined") console.warn(message13);
-    try {
-      throw new Error(message13);
-    } catch (e) {
-    }
-  }
-}
-function createPath({
-  pathname = "/",
-  search = "",
-  hash = ""
-}) {
-  if (search && search !== "?")
-    pathname += search.charAt(0) === "?" ? search : "?" + search;
-  if (hash && hash !== "#")
-    pathname += hash.charAt(0) === "#" ? hash : "#" + hash;
-  return pathname;
-}
-function parsePath(path) {
-  let parsedPath = {};
-  if (path) {
-    let hashIndex = path.indexOf("#");
-    if (hashIndex >= 0) {
-      parsedPath.hash = path.substring(hashIndex);
-      path = path.substring(0, hashIndex);
-    }
-    let searchIndex = path.indexOf("?");
-    if (searchIndex >= 0) {
-      parsedPath.search = path.substring(searchIndex);
-      path = path.substring(0, searchIndex);
-    }
-    if (path) {
-      parsedPath.pathname = path;
-    }
-  }
-  return parsedPath;
-}
-var _map;
-_map = /* @__PURE__ */ new WeakMap();
-function matchRoutes(routes, locationArg, basename = "/") {
-  return matchRoutesImpl(routes, locationArg, basename, false);
-}
-function matchRoutesImpl(routes, locationArg, basename, allowPartial) {
-  let location = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
-  let pathname = stripBasename(location.pathname || "/", basename);
-  if (pathname == null) {
-    return null;
-  }
-  let branches = flattenRoutes(routes);
-  rankRouteBranches(branches);
-  let matches = null;
-  for (let i = 0; matches == null && i < branches.length; ++i) {
-    let decoded = decodePath(pathname);
-    matches = matchRouteBranch(
-      branches[i],
-      decoded,
-      allowPartial
-    );
-  }
-  return matches;
-}
-function convertRouteMatchToUiMatch(match, loaderData) {
-  let { route, pathname, params } = match;
-  return {
-    id: route.id,
-    pathname,
-    params,
-    data: loaderData[route.id],
-    loaderData: loaderData[route.id],
-    handle: route.handle
-  };
-}
-function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "", _hasParentOptionalSegments = false) {
-  let flattenRoute = (route, index, hasParentOptionalSegments = _hasParentOptionalSegments, relativePath) => {
-    let meta = {
-      relativePath: relativePath === void 0 ? route.path || "" : relativePath,
-      caseSensitive: route.caseSensitive === true,
-      childrenIndex: index,
-      route
-    };
-    if (meta.relativePath.startsWith("/")) {
-      if (!meta.relativePath.startsWith(parentPath) && hasParentOptionalSegments) {
-        return;
-      }
-      invariant(
-        meta.relativePath.startsWith(parentPath),
-        `Absolute route path "${meta.relativePath}" nested under path "${parentPath}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
-      );
-      meta.relativePath = meta.relativePath.slice(parentPath.length);
-    }
-    let path = joinPaths([parentPath, meta.relativePath]);
-    let routesMeta = parentsMeta.concat(meta);
-    if (route.children && route.children.length > 0) {
-      invariant(
-        // Our types know better, but runtime JS may not!
-        // @ts-expect-error
-        route.index !== true,
-        `Index routes must not have child routes. Please remove all child routes from route path "${path}".`
-      );
-      flattenRoutes(
-        route.children,
-        branches,
-        routesMeta,
-        path,
-        hasParentOptionalSegments
-      );
-    }
-    if (route.path == null && !route.index) {
-      return;
-    }
-    branches.push({
-      path,
-      score: computeScore(path, route.index),
-      routesMeta
-    });
+// src/hooks/useApp.tsx
+var import_react_router_dom6 = require("react-router-dom");
+var useApp = () => {
+  const [searchParams] = (0, import_react_router_dom6.useSearchParams)();
+  const navigate = (0, import_react_router_dom6.useNavigate)();
+  const getParams = (key) => {
+    const params = (0, import_react_router_dom6.useParams)();
+    if (key) return params[key];
+    return params;
   };
-  routes.forEach((route, index) => {
-    if (route.path === "" || !route.path?.includes("?")) {
-      flattenRoute(route, index);
-    } else {
-      for (let exploded of explodeOptionalSegments(route.path)) {
-        flattenRoute(route, index, true, exploded);
-      }
-    }
-  });
-  return branches;
-}
-function explodeOptionalSegments(path) {
-  let segments = path.split("/");
-  if (segments.length === 0) return [];
-  let [first, ...rest] = segments;
-  let isOptional = first.endsWith("?");
-  let required = first.replace(/\?$/, "");
-  if (rest.length === 0) {
-    return isOptional ? [required, ""] : [required];
-  }
-  let restExploded = explodeOptionalSegments(rest.join("/"));
-  let result = [];
-  result.push(
-    ...restExploded.map(
-      (subpath) => subpath === "" ? required : [required, subpath].join("/")
-    )
-  );
-  if (isOptional) {
-    result.push(...restExploded);
-  }
-  return result.map(
-    (exploded) => path.startsWith("/") && exploded === "" ? "/" : exploded
-  );
-}
-function rankRouteBranches(branches) {
-  branches.sort(
-    (a, b) => a.score !== b.score ? b.score - a.score : compareIndexes(
-      a.routesMeta.map((meta) => meta.childrenIndex),
-      b.routesMeta.map((meta) => meta.childrenIndex)
-    )
-  );
-}
-var paramRe = /^:[\w-]+$/;
-var dynamicSegmentValue = 3;
-var indexRouteValue = 2;
-var emptySegmentValue = 1;
-var staticSegmentValue = 10;
-var splatPenalty = -2;
-var isSplat = (s) => s === "*";
-function computeScore(path, index) {
-  let segments = path.split("/");
-  let initialScore = segments.length;
-  if (segments.some(isSplat)) {
-    initialScore += splatPenalty;
-  }
-  if (index) {
-    initialScore += indexRouteValue;
-  }
-  return segments.filter((s) => !isSplat(s)).reduce(
-    (score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue),
-    initialScore
-  );
-}
-function compareIndexes(a, b) {
-  let siblings = a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]);
-  return siblings ? (
-    // If two routes are siblings, we should try to match the earlier sibling
-    // first. This allows people to have fine-grained control over the matching
-    // behavior by simply putting routes with identical paths in the order they
-    // want them tried.
-    a[a.length - 1] - b[b.length - 1]
-  ) : (
-    // Otherwise, it doesn't really make sense to rank non-siblings by index,
-    // so they sort equally.
-    0
-  );
-}
-function matchRouteBranch(branch, pathname, allowPartial = false) {
-  let { routesMeta } = branch;
-  let matchedParams = {};
-  let matchedPathname = "/";
-  let matches = [];
-  for (let i = 0; i < routesMeta.length; ++i) {
-    let meta = routesMeta[i];
-    let end = i === routesMeta.length - 1;
-    let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/";
-    let match = matchPath(
-      { path: meta.relativePath, caseSensitive: meta.caseSensitive, end },
-      remainingPathname
-    );
-    let route = meta.route;
-    if (!match && end && allowPartial && !routesMeta[routesMeta.length - 1].route.index) {
-      match = matchPath(
-        {
-          path: meta.relativePath,
-          caseSensitive: meta.caseSensitive,
-          end: false
-        },
-        remainingPathname
-      );
-    }
-    if (!match) {
-      return null;
-    }
-    Object.assign(matchedParams, match.params);
-    matches.push({
-      // TODO: Can this as be avoided?
-      params: matchedParams,
-      pathname: joinPaths([matchedPathname, match.pathname]),
-      pathnameBase: normalizePathname(
-        joinPaths([matchedPathname, match.pathnameBase])
-      ),
-      route
-    });
-    if (match.pathnameBase !== "/") {
-      matchedPathname = joinPaths([matchedPathname, match.pathnameBase]);
-    }
-  }
-  return matches;
-}
-function matchPath(pattern, pathname) {
-  if (typeof pattern === "string") {
-    pattern = { path: pattern, caseSensitive: false, end: true };
-  }
-  let [matcher, compiledParams] = compilePath(
-    pattern.path,
-    pattern.caseSensitive,
-    pattern.end
-  );
-  let match = pathname.match(matcher);
-  if (!match) return null;
-  let matchedPathname = match[0];
-  let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1");
-  let captureGroups = match.slice(1);
-  let params = compiledParams.reduce(
-    (memo2, { paramName, isOptional }, index) => {
-      if (paramName === "*") {
-        let splatValue = captureGroups[index] || "";
-        pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1");
-      }
-      const value = captureGroups[index];
-      if (isOptional && !value) {
-        memo2[paramName] = void 0;
-      } else {
-        memo2[paramName] = (value || "").replace(/%2F/g, "/");
-      }
-      return memo2;
-    },
-    {}
-  );
-  return {
-    params,
-    pathname: matchedPathname,
-    pathnameBase,
-    pattern
+  const getQuery = (key) => {
+    if (key) return searchParams.get(key);
+    return Object.fromEntries(searchParams.entries());
   };
-}
-function compilePath(path, caseSensitive = false, end = true) {
-  warning3(
-    path === "*" || !path.endsWith("*") || path.endsWith("/*"),
-    `Route path "${path}" will be treated as if it were "${path.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${path.replace(/\*$/, "/*")}".`
-  );
-  let params = [];
-  let regexpSource = "^" + path.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
-    /\/:([\w-]+)(\?)?/g,
-    (match, paramName, isOptional, index, str) => {
-      params.push({ paramName, isOptional: isOptional != null });
-      if (isOptional) {
-        let nextChar = str.charAt(index + match.length);
-        if (nextChar && nextChar !== "/") {
-          return "/([^\\/]*)";
-        }
-        return "(?:/([^\\/]*))?";
-      }
-      return "/([^\\/]+)";
-    }
-  ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
-  if (path.endsWith("*")) {
-    params.push({ paramName: "*" });
-    regexpSource += path === "*" || path === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
-  } else if (end) {
-    regexpSource += "\\/*$";
-  } else if (path !== "" && path !== "/") {
-    regexpSource += "(?:(?=\\/|$))";
-  } else {
-  }
-  let matcher = new RegExp(regexpSource, caseSensitive ? void 0 : "i");
-  return [matcher, params];
-}
-function decodePath(value) {
-  try {
-    return value.split("/").map((v) => decodeURIComponent(v).replace(/\//g, "%2F")).join("/");
-  } catch (error) {
-    warning3(
-      false,
-      `The URL path "${value}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${error}).`
-    );
-    return value;
-  }
-}
-function stripBasename(pathname, basename) {
-  if (basename === "/") return pathname;
-  if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) {
-    return null;
-  }
-  let startIndex = basename.endsWith("/") ? basename.length - 1 : basename.length;
-  let nextChar = pathname.charAt(startIndex);
-  if (nextChar && nextChar !== "/") {
-    return null;
-  }
-  return pathname.slice(startIndex) || "/";
-}
-var ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-function resolvePath(to, fromPathname = "/") {
-  let {
-    pathname: toPathname,
-    search = "",
-    hash = ""
-  } = typeof to === "string" ? parsePath(to) : to;
-  let pathname;
-  if (toPathname) {
-    toPathname = toPathname.replace(/\/\/+/g, "/");
-    if (toPathname.startsWith("/")) {
-      pathname = resolvePathname(toPathname.substring(1), "/");
-    } else {
-      pathname = resolvePathname(toPathname, fromPathname);
-    }
-  } else {
-    pathname = fromPathname;
-  }
   return {
-    pathname,
-    search: normalizeSearch(search),
-    hash: normalizeHash(hash)
+    navigate,
+    getQuery,
+    getParams
   };
-}
-function resolvePathname(relativePath, fromPathname) {
-  let segments = fromPathname.replace(/\/+$/, "").split("/");
-  let relativeSegments = relativePath.split("/");
-  relativeSegments.forEach((segment) => {
-    if (segment === "..") {
-      if (segments.length > 1) segments.pop();
-    } else if (segment !== ".") {
-      segments.push(segment);
-    }
-  });
-  return segments.length > 1 ? segments.join("/") : "/";
-}
-function getInvalidPathError(char, field, dest, path) {
-  return `Cannot include a '${char}' character in a manually specified \`to.${field}\` field [${JSON.stringify(
-    path
-  )}].  Please separate it out to the \`to.${dest}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
-}
-function getPathContributingMatches(matches) {
-  return matches.filter(
-    (match, index) => index === 0 || match.route.path && match.route.path.length > 0
-  );
-}
-function getResolveToMatches(matches) {
-  let pathMatches = getPathContributingMatches(matches);
-  return pathMatches.map(
-    (match, idx) => idx === pathMatches.length - 1 ? match.pathname : match.pathnameBase
-  );
-}
-function resolveTo(toArg, routePathnames, locationPathname, isPathRelative = false) {
-  let to;
-  if (typeof toArg === "string") {
-    to = parsePath(toArg);
-  } else {
-    to = { ...toArg };
-    invariant(
-      !to.pathname || !to.pathname.includes("?"),
-      getInvalidPathError("?", "pathname", "search", to)
-    );
-    invariant(
-      !to.pathname || !to.pathname.includes("#"),
-      getInvalidPathError("#", "pathname", "hash", to)
-    );
-    invariant(
-      !to.search || !to.search.includes("#"),
-      getInvalidPathError("#", "search", "hash", to)
-    );
-  }
-  let isEmptyPath = toArg === "" || to.pathname === "";
-  let toPathname = isEmptyPath ? "/" : to.pathname;
-  let from;
-  if (toPathname == null) {
-    from = locationPathname;
-  } else {
-    let routePathnameIndex = routePathnames.length - 1;
-    if (!isPathRelative && toPathname.startsWith("..")) {
-      let toSegments = toPathname.split("/");
-      while (toSegments[0] === "..") {
-        toSegments.shift();
-        routePathnameIndex -= 1;
-      }
-      to.pathname = toSegments.join("/");
-    }
-    from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/";
-  }
-  let path = resolvePath(to, from);
-  let hasExplicitTrailingSlash = toPathname && toPathname !== "/" && toPathname.endsWith("/");
-  let hasCurrentTrailingSlash = (isEmptyPath || toPathname === ".") && locationPathname.endsWith("/");
-  if (!path.pathname.endsWith("/") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) {
-    path.pathname += "/";
-  }
-  return path;
-}
-var joinPaths = (paths) => paths.join("/").replace(/\/\/+/g, "/");
-var normalizePathname = (pathname) => pathname.replace(/\/+$/, "").replace(/^\/*/, "/");
-var normalizeSearch = (search) => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search;
-var normalizeHash = (hash) => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash;
-var ErrorResponseImpl = class {
-  constructor(status, statusText, data2, internal = false) {
-    this.status = status;
-    this.statusText = statusText || "";
-    this.internal = internal;
-    if (data2 instanceof Error) {
-      this.data = data2.toString();
-      this.error = data2;
-    } else {
-      this.data = data2;
-    }
-  }
 };
-function isRouteErrorResponse(error) {
-  return error != null && typeof error.status === "number" && typeof error.statusText === "string" && typeof error.internal === "boolean" && "data" in error;
-}
-function getRoutePattern(matches) {
-  return matches.map((m) => m.route.path).filter(Boolean).join("/").replace(/\/\/*/g, "/") || "/";
-}
-var isBrowser2 = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-function parseToInfo(_to, basename) {
-  let to = _to;
-  if (typeof to !== "string" || !ABSOLUTE_URL_REGEX.test(to)) {
-    return {
-      absoluteURL: void 0,
-      isExternal: false,
-      to
-    };
-  }
-  let absoluteURL = to;
-  let isExternal = false;
-  if (isBrowser2) {
+var useApp_default = useApp;
+
+// src/utils/Enums.ts
+var Enums = {
+  roles: ["admin", "staff"],
+  sex: ["male", "female"],
+  accountTypes: ["employee", "supplier", "customer", "investor"],
+  verificationTypes: ["email_verification", "password_reset"],
+  auditActions: ["create", "update", "delete", "login", "logout"]
+};
+var Enums_default = Enums;
+
+// src/components/accounts/schema.tsx
+var import_zod2 = require("zod");
+var createAccountSchema = import_zod2.z.object({
+  name: import_zod2.z.string().min(2, { message: "Name must be at least 2 characters" }),
+  email: import_zod2.z.string().optional().refine((val) => !val || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val), {
+    message: "Please enter a valid email address"
+  }).transform((val) => val?.toLowerCase()),
+  phoneNumber: import_zod2.z.string().optional(),
+  sex: import_zod2.z.enum(Enums_default.sex),
+  owner: import_zod2.z.string().min(1, { message: "Owner is required" }),
+  host: import_zod2.z.string().min(1, { message: "Host is required" })
+});
+
+// src/components/accounts/AccountForm.tsx
+var import_react_hook_form8 = require("react-hook-form");
+var import_zod3 = require("@hookform/resolvers/zod");
+var import_antd7 = require("antd");
+var import_react34 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function AccountForm() {
+  const { getQuery, getParams, navigate } = useApp_default();
+  const id = getQuery("id");
+  const type = getParams("type");
+  const isEdit = !!id;
+  const { post, put, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = (0, import_react_hook_form8.useForm)({
+    resolver: (0, import_zod3.zodResolver)(createAccountSchema),
+    defaultValues: {
+      name: "",
+      email: "",
+      phoneNumber: "",
+      sex: "male",
+      owner: "",
+      host: ""
+    },
+    shouldUnregister: false
+  });
+  const { handleSubmit } = methods;
+  const onSubmit = async (data) => {
     try {
-      let currentUrl = new URL(window.location.href);
-      let targetUrl = to.startsWith("//") ? new URL(currentUrl.protocol + to) : new URL(to);
-      let path = stripBasename(targetUrl.pathname, basename);
-      if (targetUrl.origin === currentUrl.origin && path != null) {
-        to = path + targetUrl.search + targetUrl.hash;
+      const payload = {
+        ...data,
+        type
+      };
+      if (isEdit) {
+        await put({
+          url: `/accounts/update/${id}`,
+          body: payload
+        });
       } else {
-        isExternal = true;
+        await post({
+          url: "/accounts/create",
+          body: payload
+        });
       }
-    } catch (e) {
-      warning3(
-        false,
-        `<Link to="${to}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
-      );
+      import_antd7.message.success(`${type} ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd7.message.error(error?.message || "Something went wrong");
     }
-  }
-  return {
-    absoluteURL,
-    isExternal,
-    to
   };
-}
-var objectProtoNames = Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-var validMutationMethodsArr = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-var validMutationMethods = new Set(
-  validMutationMethodsArr
-);
-var validRequestMethodsArr = [
-  "GET",
-  ...validMutationMethodsArr
-];
-var validRequestMethods = new Set(validRequestMethodsArr);
-var DataRouterContext = React24.createContext(null);
-DataRouterContext.displayName = "DataRouter";
-var DataRouterStateContext = React24.createContext(null);
-DataRouterStateContext.displayName = "DataRouterState";
-var RSCRouterContext = React24.createContext(false);
-var ViewTransitionContext = React24.createContext({
-  isTransitioning: false
-});
-ViewTransitionContext.displayName = "ViewTransition";
-var FetchersContext = React24.createContext(
-  /* @__PURE__ */ new Map()
-);
-FetchersContext.displayName = "Fetchers";
-var AwaitContext = React24.createContext(null);
-AwaitContext.displayName = "Await";
-var NavigationContext = React24.createContext(
-  null
-);
-NavigationContext.displayName = "Navigation";
-var LocationContext = React24.createContext(
-  null
-);
-LocationContext.displayName = "Location";
-var RouteContext = React24.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: false
-});
-RouteContext.displayName = "Route";
-var RouteErrorContext = React24.createContext(null);
-RouteErrorContext.displayName = "RouteError";
-var ENABLE_DEV_WARNINGS = true;
-var ERROR_DIGEST_BASE = "REACT_ROUTER_ERROR";
-var ERROR_DIGEST_REDIRECT = "REDIRECT";
-var ERROR_DIGEST_ROUTE_ERROR_RESPONSE = "ROUTE_ERROR_RESPONSE";
-function decodeRedirectErrorDigest(digest) {
-  if (digest.startsWith(`${ERROR_DIGEST_BASE}:${ERROR_DIGEST_REDIRECT}:{`)) {
+  const fetches = async () => {
     try {
-      let parsed = JSON.parse(digest.slice(28));
-      if (typeof parsed === "object" && parsed && typeof parsed.status === "number" && typeof parsed.statusText === "string" && typeof parsed.location === "string" && typeof parsed.reloadDocument === "boolean" && typeof parsed.replace === "boolean") {
-        return parsed;
-      }
-    } catch {
+      const res = await get({
+        url: `/accounts/get/${type}?id=${id}`
+      });
+      const data = res.data;
+      methods.reset(data);
+    } catch (error) {
+      import_antd7.message.error(error?.message || "Something went wrong");
     }
-  }
-}
-function decodeRouteErrorResponseDigest(digest) {
-  if (digest.startsWith(
-    `${ERROR_DIGEST_BASE}:${ERROR_DIGEST_ROUTE_ERROR_RESPONSE}:{`
-  )) {
-    try {
-      let parsed = JSON.parse(digest.slice(40));
-      if (typeof parsed === "object" && parsed && typeof parsed.status === "number" && typeof parsed.statusText === "string") {
-        return new ErrorResponseImpl(
-          parsed.status,
-          parsed.statusText,
-          parsed.data
-        );
-      }
-    } catch {
-    }
-  }
-}
-function useHref(to, { relative } = {}) {
-  invariant(
-    useInRouterContext(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    `useHref() may be used only in the context of a <Router> component.`
-  );
-  let { basename, navigator: navigator2 } = React25.useContext(NavigationContext);
-  let { hash, pathname, search } = useResolvedPath(to, { relative });
-  let joinedPathname = pathname;
-  if (basename !== "/") {
-    joinedPathname = pathname === "/" ? basename : joinPaths([basename, pathname]);
-  }
-  return navigator2.createHref({ pathname: joinedPathname, search, hash });
-}
-function useInRouterContext() {
-  return React25.useContext(LocationContext) != null;
-}
-function useLocation3() {
-  invariant(
-    useInRouterContext(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    `useLocation() may be used only in the context of a <Router> component.`
-  );
-  return React25.useContext(LocationContext).location;
-}
-var navigateEffectWarning = `You should call navigate() in a React.useEffect(), not when your component is first rendered.`;
-function useIsomorphicLayoutEffect(cb) {
-  let isStatic = React25.useContext(NavigationContext).static;
-  if (!isStatic) {
-    React25.useLayoutEffect(cb);
-  }
-}
-function useNavigate5() {
-  let { isDataRoute } = React25.useContext(RouteContext);
-  return isDataRoute ? useNavigateStable() : useNavigateUnstable();
-}
-function useNavigateUnstable() {
-  invariant(
-    useInRouterContext(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    `useNavigate() may be used only in the context of a <Router> component.`
-  );
-  let dataRouterContext = React25.useContext(DataRouterContext);
-  let { basename, navigator: navigator2 } = React25.useContext(NavigationContext);
-  let { matches } = React25.useContext(RouteContext);
-  let { pathname: locationPathname } = useLocation3();
-  let routePathnamesJson = JSON.stringify(getResolveToMatches(matches));
-  let activeRef = React25.useRef(false);
-  useIsomorphicLayoutEffect(() => {
-    activeRef.current = true;
-  });
-  let navigate = React25.useCallback(
-    (to, options = {}) => {
-      warning3(activeRef.current, navigateEffectWarning);
-      if (!activeRef.current) return;
-      if (typeof to === "number") {
-        navigator2.go(to);
-        return;
-      }
-      let path = resolveTo(
-        to,
-        JSON.parse(routePathnamesJson),
-        locationPathname,
-        options.relative === "path"
-      );
-      if (dataRouterContext == null && basename !== "/") {
-        path.pathname = path.pathname === "/" ? basename : joinPaths([basename, path.pathname]);
-      }
-      (!!options.replace ? navigator2.replace : navigator2.push)(
-        path,
-        options.state,
-        options
-      );
-    },
-    [
-      basename,
-      navigator2,
-      routePathnamesJson,
-      locationPathname,
-      dataRouterContext
-    ]
-  );
-  return navigate;
-}
-var OutletContext = React25.createContext(null);
-function useParams2() {
-  let { matches } = React25.useContext(RouteContext);
-  let routeMatch = matches[matches.length - 1];
-  return routeMatch ? routeMatch.params : {};
-}
-function useResolvedPath(to, { relative } = {}) {
-  let { matches } = React25.useContext(RouteContext);
-  let { pathname: locationPathname } = useLocation3();
-  let routePathnamesJson = JSON.stringify(getResolveToMatches(matches));
-  return React25.useMemo(
-    () => resolveTo(
-      to,
-      JSON.parse(routePathnamesJson),
-      locationPathname,
-      relative === "path"
-    ),
-    [to, routePathnamesJson, locationPathname, relative]
-  );
-}
-function useRoutesImpl(routes, locationArg, dataRouterOpts) {
-  invariant(
-    useInRouterContext(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    `useRoutes() may be used only in the context of a <Router> component.`
-  );
-  let { navigator: navigator2 } = React25.useContext(NavigationContext);
-  let { matches: parentMatches } = React25.useContext(RouteContext);
-  let routeMatch = parentMatches[parentMatches.length - 1];
-  let parentParams = routeMatch ? routeMatch.params : {};
-  let parentPathname = routeMatch ? routeMatch.pathname : "/";
-  let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : "/";
-  let parentRoute = routeMatch && routeMatch.route;
-  if (ENABLE_DEV_WARNINGS) {
-    let parentPath = parentRoute && parentRoute.path || "";
-    warningOnce2(
-      parentPathname,
-      !parentRoute || parentPath.endsWith("*") || parentPath.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${parentPathname}" (under <Route path="${parentPath}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
-
-Please change the parent <Route path="${parentPath}"> to <Route path="${parentPath === "/" ? "*" : `${parentPath}/*`}">.`
-    );
-  }
-  let locationFromContext = useLocation3();
-  let location;
-  if (locationArg) {
-    let parsedLocationArg = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
-    invariant(
-      parentPathnameBase === "/" || parsedLocationArg.pathname?.startsWith(parentPathnameBase),
-      `When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${parentPathnameBase}" but pathname "${parsedLocationArg.pathname}" was given in the \`location\` prop.`
-    );
-    location = parsedLocationArg;
-  } else {
-    location = locationFromContext;
-  }
-  let pathname = location.pathname || "/";
-  let remainingPathname = pathname;
-  if (parentPathnameBase !== "/") {
-    let parentSegments = parentPathnameBase.replace(/^\//, "").split("/");
-    let segments = pathname.replace(/^\//, "").split("/");
-    remainingPathname = "/" + segments.slice(parentSegments.length).join("/");
-  }
-  let matches = matchRoutes(routes, { pathname: remainingPathname });
-  if (ENABLE_DEV_WARNINGS) {
-    warning3(
-      parentRoute || matches != null,
-      `No routes matched location "${location.pathname}${location.search}${location.hash}" `
-    );
-    warning3(
-      matches == null || matches[matches.length - 1].route.element !== void 0 || matches[matches.length - 1].route.Component !== void 0 || matches[matches.length - 1].route.lazy !== void 0,
-      `Matched leaf route at location "${location.pathname}${location.search}${location.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-    );
-  }
-  let renderedMatches = _renderMatches(
-    matches && matches.map(
-      (match) => Object.assign({}, match, {
-        params: Object.assign({}, parentParams, match.params),
-        pathname: joinPaths([
-          parentPathnameBase,
-          // Re-encode pathnames that were decoded inside matchRoutes.
-          // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          navigator2.encodeLocation ? navigator2.encodeLocation(
-            match.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : match.pathname
-        ]),
-        pathnameBase: match.pathnameBase === "/" ? parentPathnameBase : joinPaths([
-          parentPathnameBase,
-          // Re-encode pathnames that were decoded inside matchRoutes
-          // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          navigator2.encodeLocation ? navigator2.encodeLocation(
-            match.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : match.pathnameBase
-        ])
-      })
-    ),
-    parentMatches,
-    dataRouterOpts
-  );
-  if (locationArg && renderedMatches) {
-    return /* @__PURE__ */ React25.createElement(
-      LocationContext.Provider,
-      {
-        value: {
-          location: {
-            pathname: "/",
-            search: "",
-            hash: "",
-            state: null,
-            key: "default",
-            unstable_mask: void 0,
-            ...location
-          },
-          navigationType: "POP"
-          /* Pop */
-        }
-      },
-      renderedMatches
-    );
-  }
-  return renderedMatches;
-}
-function DefaultErrorComponent() {
-  let error = useRouteError();
-  let message13 = isRouteErrorResponse(error) ? `${error.status} ${error.statusText}` : error instanceof Error ? error.message : JSON.stringify(error);
-  let stack = error instanceof Error ? error.stack : null;
-  let lightgrey = "rgba(200,200,200, 0.5)";
-  let preStyles = { padding: "0.5rem", backgroundColor: lightgrey };
-  let codeStyles = { padding: "2px 4px", backgroundColor: lightgrey };
-  let devInfo = null;
-  if (ENABLE_DEV_WARNINGS) {
-    console.error(
-      "Error handled by React Router default ErrorBoundary:",
-      error
-    );
-    devInfo = /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("p", null, "\u{1F4BF} Hey developer \u{1F44B}"), /* @__PURE__ */ React25.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ React25.createElement("code", { style: codeStyles }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ React25.createElement("code", { style: codeStyles }, "errorElement"), " prop on your route."));
-  }
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ React25.createElement("h3", { style: { fontStyle: "italic" } }, message13), stack ? /* @__PURE__ */ React25.createElement("pre", { style: preStyles }, stack) : null, devInfo);
-}
-var defaultErrorElement = /* @__PURE__ */ React25.createElement(DefaultErrorComponent, null);
-var RenderErrorBoundary = class extends React25.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      location: props.location,
-      revalidation: props.revalidation,
-      error: props.error
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return { error };
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (state.location !== props.location || state.revalidation !== "idle" && props.revalidation === "idle") {
-      return {
-        error: props.error,
-        location: props.location,
-        revalidation: props.revalidation
-      };
-    }
-    return {
-      error: props.error !== void 0 ? props.error : state.error,
-      location: state.location,
-      revalidation: props.revalidation || state.revalidation
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    if (this.props.onError) {
-      this.props.onError(error, errorInfo);
-    } else {
-      console.error(
-        "React Router caught the following error during render",
-        error
-      );
-    }
-  }
-  render() {
-    let error = this.state.error;
-    if (this.context && typeof error === "object" && error && "digest" in error && typeof error.digest === "string") {
-      const decoded = decodeRouteErrorResponseDigest(error.digest);
-      if (decoded) error = decoded;
-    }
-    let result = error !== void 0 ? /* @__PURE__ */ React25.createElement(RouteContext.Provider, { value: this.props.routeContext }, /* @__PURE__ */ React25.createElement(
-      RouteErrorContext.Provider,
-      {
-        value: error,
-        children: this.props.component
-      }
-    )) : this.props.children;
-    if (this.context) {
-      return /* @__PURE__ */ React25.createElement(RSCErrorHandler, { error }, result);
-    }
-    return result;
-  }
-};
-RenderErrorBoundary.contextType = RSCRouterContext;
-var errorRedirectHandledMap = /* @__PURE__ */ new WeakMap();
-function RSCErrorHandler({
-  children,
-  error
-}) {
-  let { basename } = React25.useContext(NavigationContext);
-  if (typeof error === "object" && error && "digest" in error && typeof error.digest === "string") {
-    let redirect2 = decodeRedirectErrorDigest(error.digest);
-    if (redirect2) {
-      let existingRedirect = errorRedirectHandledMap.get(error);
-      if (existingRedirect) throw existingRedirect;
-      let parsed = parseToInfo(redirect2.location, basename);
-      if (isBrowser2 && !errorRedirectHandledMap.get(error)) {
-        if (parsed.isExternal || redirect2.reloadDocument) {
-          window.location.href = parsed.absoluteURL || parsed.to;
-        } else {
-          const redirectPromise = Promise.resolve().then(
-            () => window.__reactRouterDataRouter.navigate(parsed.to, {
-              replace: redirect2.replace
-            })
-          );
-          errorRedirectHandledMap.set(error, redirectPromise);
-          throw redirectPromise;
-        }
-      }
-      return /* @__PURE__ */ React25.createElement(
-        "meta",
-        {
-          httpEquiv: "refresh",
-          content: `0;url=${parsed.absoluteURL || parsed.to}`
-        }
-      );
-    }
-  }
-  return children;
-}
-function RenderedRoute({ routeContext, match, children }) {
-  let dataRouterContext = React25.useContext(DataRouterContext);
-  if (dataRouterContext && dataRouterContext.static && dataRouterContext.staticContext && (match.route.errorElement || match.route.ErrorBoundary)) {
-    dataRouterContext.staticContext._deepestRenderedBoundaryId = match.route.id;
-  }
-  return /* @__PURE__ */ React25.createElement(RouteContext.Provider, { value: routeContext }, children);
-}
-function _renderMatches(matches, parentMatches = [], dataRouterOpts) {
-  let dataRouterState = dataRouterOpts?.state;
-  if (matches == null) {
-    if (!dataRouterState) {
-      return null;
-    }
-    if (dataRouterState.errors) {
-      matches = dataRouterState.matches;
-    } else if (parentMatches.length === 0 && !dataRouterState.initialized && dataRouterState.matches.length > 0) {
-      matches = dataRouterState.matches;
-    } else {
-      return null;
-    }
-  }
-  let renderedMatches = matches;
-  let errors = dataRouterState?.errors;
-  if (errors != null) {
-    let errorIndex = renderedMatches.findIndex(
-      (m) => m.route.id && errors?.[m.route.id] !== void 0
-    );
-    invariant(
-      errorIndex >= 0,
-      `Could not find a matching route for errors on route IDs: ${Object.keys(
-        errors
-      ).join(",")}`
-    );
-    renderedMatches = renderedMatches.slice(
-      0,
-      Math.min(renderedMatches.length, errorIndex + 1)
-    );
-  }
-  let renderFallback = false;
-  let fallbackIndex = -1;
-  if (dataRouterOpts && dataRouterState) {
-    renderFallback = dataRouterState.renderFallback;
-    for (let i = 0; i < renderedMatches.length; i++) {
-      let match = renderedMatches[i];
-      if (match.route.HydrateFallback || match.route.hydrateFallbackElement) {
-        fallbackIndex = i;
-      }
-      if (match.route.id) {
-        let { loaderData, errors: errors2 } = dataRouterState;
-        let needsToRunLoader = match.route.loader && !loaderData.hasOwnProperty(match.route.id) && (!errors2 || errors2[match.route.id] === void 0);
-        if (match.route.lazy || needsToRunLoader) {
-          if (dataRouterOpts.isStatic) {
-            renderFallback = true;
-          }
-          if (fallbackIndex >= 0) {
-            renderedMatches = renderedMatches.slice(0, fallbackIndex + 1);
-          } else {
-            renderedMatches = [renderedMatches[0]];
-          }
-          break;
-        }
-      }
-    }
-  }
-  let onErrorHandler = dataRouterOpts?.onError;
-  let onError = dataRouterState && onErrorHandler ? (error, errorInfo) => {
-    onErrorHandler(error, {
-      location: dataRouterState.location,
-      params: dataRouterState.matches?.[0]?.params ?? {},
-      unstable_pattern: getRoutePattern(dataRouterState.matches),
-      errorInfo
-    });
-  } : void 0;
-  return renderedMatches.reduceRight(
-    (outlet, match, index) => {
-      let error;
-      let shouldRenderHydrateFallback = false;
-      let errorElement = null;
-      let hydrateFallbackElement = null;
-      if (dataRouterState) {
-        error = errors && match.route.id ? errors[match.route.id] : void 0;
-        errorElement = match.route.errorElement || defaultErrorElement;
-        if (renderFallback) {
-          if (fallbackIndex < 0 && index === 0) {
-            warningOnce2(
-              "route-fallback",
-              false,
-              "No `HydrateFallback` element provided to render during initial hydration"
-            );
-            shouldRenderHydrateFallback = true;
-            hydrateFallbackElement = null;
-          } else if (fallbackIndex === index) {
-            shouldRenderHydrateFallback = true;
-            hydrateFallbackElement = match.route.hydrateFallbackElement || null;
-          }
-        }
-      }
-      let matches2 = parentMatches.concat(renderedMatches.slice(0, index + 1));
-      let getChildren = () => {
-        let children;
-        if (error) {
-          children = errorElement;
-        } else if (shouldRenderHydrateFallback) {
-          children = hydrateFallbackElement;
-        } else if (match.route.Component) {
-          children = /* @__PURE__ */ React25.createElement(match.route.Component, null);
-        } else if (match.route.element) {
-          children = match.route.element;
-        } else {
-          children = outlet;
-        }
-        return /* @__PURE__ */ React25.createElement(
-          RenderedRoute,
-          {
-            match,
-            routeContext: {
-              outlet,
-              matches: matches2,
-              isDataRoute: dataRouterState != null
-            },
-            children
-          }
-        );
-      };
-      return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React25.createElement(
-        RenderErrorBoundary,
-        {
-          location: dataRouterState.location,
-          revalidation: dataRouterState.revalidation,
-          component: errorElement,
-          error,
-          children: getChildren(),
-          routeContext: { outlet: null, matches: matches2, isDataRoute: true },
-          onError
-        }
-      ) : getChildren();
-    },
-    null
-  );
-}
-function getDataRouterConsoleError(hookName) {
-  return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function useDataRouterContext(hookName) {
-  let ctx = React25.useContext(DataRouterContext);
-  invariant(ctx, getDataRouterConsoleError(hookName));
-  return ctx;
-}
-function useDataRouterState(hookName) {
-  let state = React25.useContext(DataRouterStateContext);
-  invariant(state, getDataRouterConsoleError(hookName));
-  return state;
-}
-function useRouteContext(hookName) {
-  let route = React25.useContext(RouteContext);
-  invariant(route, getDataRouterConsoleError(hookName));
-  return route;
-}
-function useCurrentRouteId(hookName) {
-  let route = useRouteContext(hookName);
-  let thisRoute = route.matches[route.matches.length - 1];
-  invariant(
-    thisRoute.route.id,
-    `${hookName} can only be used on routes that contain a unique "id"`
-  );
-  return thisRoute.route.id;
-}
-function useRouteId() {
-  return useCurrentRouteId(
-    "useRouteId"
-    /* UseRouteId */
-  );
-}
-function useNavigation() {
-  let state = useDataRouterState(
-    "useNavigation"
-    /* UseNavigation */
-  );
-  return state.navigation;
-}
-function useMatches() {
-  let { matches, loaderData } = useDataRouterState(
-    "useMatches"
-    /* UseMatches */
-  );
-  return React25.useMemo(
-    () => matches.map((m) => convertRouteMatchToUiMatch(m, loaderData)),
-    [matches, loaderData]
-  );
-}
-function useRouteError() {
-  let error = React25.useContext(RouteErrorContext);
-  let state = useDataRouterState(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  let routeId = useCurrentRouteId(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  if (error !== void 0) {
-    return error;
-  }
-  return state.errors?.[routeId];
-}
-function useNavigateStable() {
-  let { router } = useDataRouterContext(
-    "useNavigate"
-    /* UseNavigateStable */
-  );
-  let id = useCurrentRouteId(
-    "useNavigate"
-    /* UseNavigateStable */
-  );
-  let activeRef = React25.useRef(false);
-  useIsomorphicLayoutEffect(() => {
-    activeRef.current = true;
-  });
-  let navigate = React25.useCallback(
-    async (to, options = {}) => {
-      warning3(activeRef.current, navigateEffectWarning);
-      if (!activeRef.current) return;
-      if (typeof to === "number") {
-        await router.navigate(to);
-      } else {
-        await router.navigate(to, { fromRouteId: id, ...options });
-      }
-    },
-    [router, id]
-  );
-  return navigate;
-}
-var alreadyWarned = {};
-function warningOnce2(key, cond, message13) {
-  if (!cond && !alreadyWarned[key]) {
-    alreadyWarned[key] = true;
-    warning3(false, message13);
-  }
-}
-var USE_OPTIMISTIC = "useOptimistic";
-var useOptimisticImpl = React32[USE_OPTIMISTIC];
-var MemoizedDataRoutes = React32.memo(DataRoutes);
-function DataRoutes({
-  routes,
-  future,
-  state,
-  isStatic,
-  onError
-}) {
-  return useRoutesImpl(routes, void 0, { state, isStatic, onError, future });
-}
-function Router({
-  basename: basenameProp = "/",
-  children = null,
-  location: locationProp,
-  navigationType = "POP",
-  navigator: navigator2,
-  static: staticProp = false,
-  unstable_useTransitions
-}) {
-  invariant(
-    !useInRouterContext(),
-    `You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`
-  );
-  let basename = basenameProp.replace(/^\/*/, "/");
-  let navigationContext = React32.useMemo(
-    () => ({
-      basename,
-      navigator: navigator2,
-      static: staticProp,
-      unstable_useTransitions,
-      future: {}
-    }),
-    [basename, navigator2, staticProp, unstable_useTransitions]
-  );
-  if (typeof locationProp === "string") {
-    locationProp = parsePath(locationProp);
-  }
-  let {
-    pathname = "/",
-    search = "",
-    hash = "",
-    state = null,
-    key = "default",
-    unstable_mask
-  } = locationProp;
-  let locationContext = React32.useMemo(() => {
-    let trailingPathname = stripBasename(pathname, basename);
-    if (trailingPathname == null) {
-      return null;
-    }
-    return {
-      location: {
-        pathname: trailingPathname,
-        search,
-        hash,
-        state,
-        key,
-        unstable_mask
-      },
-      navigationType
-    };
-  }, [
-    basename,
-    pathname,
-    search,
-    hash,
-    state,
-    key,
-    navigationType,
-    unstable_mask
-  ]);
-  warning3(
-    locationContext != null,
-    `<Router basename="${basename}"> is not able to match the URL "${pathname}${search}${hash}" because it does not start with the basename, so the <Router> won't render anything.`
-  );
-  if (locationContext == null) {
-    return null;
-  }
-  return /* @__PURE__ */ React32.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React32.createElement(LocationContext.Provider, { children, value: locationContext }));
-}
-var defaultMethod = "get";
-var defaultEncType = "application/x-www-form-urlencoded";
-function isHtmlElement(object3) {
-  return typeof HTMLElement !== "undefined" && object3 instanceof HTMLElement;
-}
-function isButtonElement(object3) {
-  return isHtmlElement(object3) && object3.tagName.toLowerCase() === "button";
-}
-function isFormElement(object3) {
-  return isHtmlElement(object3) && object3.tagName.toLowerCase() === "form";
-}
-function isInputElement(object3) {
-  return isHtmlElement(object3) && object3.tagName.toLowerCase() === "input";
-}
-function isModifiedEvent(event) {
-  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
-}
-function shouldProcessLinkClick(event, target) {
-  return event.button === 0 && // Ignore everything but left clicks
-  (!target || target === "_self") && // Let browser handle "target=_blank" etc.
-  !isModifiedEvent(event);
-}
-function createSearchParams(init = "") {
-  return new URLSearchParams(
-    typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo2, key) => {
-      let value = init[key];
-      return memo2.concat(
-        Array.isArray(value) ? value.map((v) => [key, v]) : [[key, value]]
-      );
-    }, [])
-  );
-}
-function getSearchParamsForLocation(locationSearch, defaultSearchParams) {
-  let searchParams = createSearchParams(locationSearch);
-  if (defaultSearchParams) {
-    defaultSearchParams.forEach((_, key) => {
-      if (!searchParams.has(key)) {
-        defaultSearchParams.getAll(key).forEach((value) => {
-          searchParams.append(key, value);
-        });
-      }
-    });
-  }
-  return searchParams;
-}
-var _formDataSupportsSubmitter = null;
-function isFormDataSubmitterSupported() {
-  if (_formDataSupportsSubmitter === null) {
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      );
-      _formDataSupportsSubmitter = false;
-    } catch (e) {
-      _formDataSupportsSubmitter = true;
-    }
-  }
-  return _formDataSupportsSubmitter;
-}
-var supportedFormEncTypes = /* @__PURE__ */ new Set([
-  "application/x-www-form-urlencoded",
-  "multipart/form-data",
-  "text/plain"
-]);
-function getFormEncType(encType) {
-  if (encType != null && !supportedFormEncTypes.has(encType)) {
-    warning3(
-      false,
-      `"${encType}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${defaultEncType}"`
-    );
-    return null;
-  }
-  return encType;
-}
-function getFormSubmissionInfo(target, basename) {
-  let method;
-  let action;
-  let encType;
-  let formData;
-  let body;
-  if (isFormElement(target)) {
-    let attr = target.getAttribute("action");
-    action = attr ? stripBasename(attr, basename) : null;
-    method = target.getAttribute("method") || defaultMethod;
-    encType = getFormEncType(target.getAttribute("enctype")) || defaultEncType;
-    formData = new FormData(target);
-  } else if (isButtonElement(target) || isInputElement(target) && (target.type === "submit" || target.type === "image")) {
-    let form = target.form;
-    if (form == null) {
-      throw new Error(
-        `Cannot submit a <button> or <input type="submit"> without a <form>`
-      );
-    }
-    let attr = target.getAttribute("formaction") || form.getAttribute("action");
-    action = attr ? stripBasename(attr, basename) : null;
-    method = target.getAttribute("formmethod") || form.getAttribute("method") || defaultMethod;
-    encType = getFormEncType(target.getAttribute("formenctype")) || getFormEncType(form.getAttribute("enctype")) || defaultEncType;
-    formData = new FormData(form, target);
-    if (!isFormDataSubmitterSupported()) {
-      let { name, type, value } = target;
-      if (type === "image") {
-        let prefix = name ? `${name}.` : "";
-        formData.append(`${prefix}x`, "0");
-        formData.append(`${prefix}y`, "0");
-      } else if (name) {
-        formData.append(name, value);
-      }
-    }
-  } else if (isHtmlElement(target)) {
-    throw new Error(
-      `Cannot submit element that is not <form>, <button>, or <input type="submit|image">`
-    );
-  } else {
-    method = defaultMethod;
-    action = null;
-    encType = defaultEncType;
-    body = target;
-  }
-  if (formData && encType === "text/plain") {
-    body = formData;
-    formData = void 0;
-  }
-  return { action, method: method.toLowerCase(), encType, formData, body };
-}
-var objectProtoNames2 = Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-var ESCAPE_LOOKUP = {
-  "&": "\\u0026",
-  ">": "\\u003e",
-  "<": "\\u003c",
-  "\u2028": "\\u2028",
-  "\u2029": "\\u2029"
-};
-var ESCAPE_REGEX = /[&><\u2028\u2029]/g;
-function escapeHtml(html) {
-  return html.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
-}
-function invariant2(value, message13) {
-  if (value === false || value === null || typeof value === "undefined") {
-    throw new Error(message13);
-  }
-}
-function singleFetchUrl(reqUrl, basename, trailingSlashAware, extension) {
-  let url = typeof reqUrl === "string" ? new URL(
-    reqUrl,
-    // This can be called during the SSR flow via PrefetchPageLinksImpl so
-    // don't assume window is available
-    typeof window === "undefined" ? "server://singlefetch/" : window.location.origin
-  ) : reqUrl;
-  if (trailingSlashAware) {
-    if (url.pathname.endsWith("/")) {
-      url.pathname = `${url.pathname}_.${extension}`;
-    } else {
-      url.pathname = `${url.pathname}.${extension}`;
-    }
-  } else {
-    if (url.pathname === "/") {
-      url.pathname = `_root.${extension}`;
-    } else if (basename && stripBasename(url.pathname, basename) === "/") {
-      url.pathname = `${basename.replace(/\/$/, "")}/_root.${extension}`;
-    } else {
-      url.pathname = `${url.pathname.replace(/\/$/, "")}.${extension}`;
-    }
-  }
-  return url;
-}
-async function loadRouteModule(route, routeModulesCache) {
-  if (route.id in routeModulesCache) {
-    return routeModulesCache[route.id];
-  }
-  try {
-    let routeModule = await import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      route.module
-    );
-    routeModulesCache[route.id] = routeModule;
-    return routeModule;
-  } catch (error) {
-    console.error(
-      `Error loading route module \`${route.module}\`, reloading page...`
-    );
-    console.error(error);
-    if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
-    import_meta.hot) {
-      throw error;
-    }
-    window.location.reload();
-    return new Promise(() => {
-    });
-  }
-}
-function isPageLinkDescriptor(object3) {
-  return object3 != null && typeof object3.page === "string";
-}
-function isHtmlLinkDescriptor(object3) {
-  if (object3 == null) {
-    return false;
-  }
-  if (object3.href == null) {
-    return object3.rel === "preload" && typeof object3.imageSrcSet === "string" && typeof object3.imageSizes === "string";
-  }
-  return typeof object3.rel === "string" && typeof object3.href === "string";
-}
-async function getKeyedPrefetchLinks(matches, manifest, routeModules) {
-  let links = await Promise.all(
-    matches.map(async (match) => {
-      let route = manifest.routes[match.route.id];
-      if (route) {
-        let mod = await loadRouteModule(route, routeModules);
-        return mod.links ? mod.links() : [];
-      }
-      return [];
-    })
-  );
-  return dedupeLinkDescriptors(
-    links.flat(1).filter(isHtmlLinkDescriptor).filter((link) => link.rel === "stylesheet" || link.rel === "preload").map(
-      (link) => link.rel === "stylesheet" ? { ...link, rel: "prefetch", as: "style" } : { ...link, rel: "prefetch" }
-    )
-  );
-}
-function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, location, mode) {
-  let isNew = (match, index) => {
-    if (!currentMatches[index]) return true;
-    return match.route.id !== currentMatches[index].route.id;
-  };
-  let matchPathChanged = (match, index) => {
-    return (
-      // param change, /users/123 -> /users/456
-      currentMatches[index].pathname !== match.pathname || // splat param changed, which is not present in match.path
-      // e.g. /files/images/avatar.jpg -> files/finances.xls
-      currentMatches[index].route.path?.endsWith("*") && currentMatches[index].params["*"] !== match.params["*"]
-    );
-  };
-  if (mode === "assets") {
-    return nextMatches.filter(
-      (match, index) => isNew(match, index) || matchPathChanged(match, index)
-    );
-  }
-  if (mode === "data") {
-    return nextMatches.filter((match, index) => {
-      let manifestRoute = manifest.routes[match.route.id];
-      if (!manifestRoute || !manifestRoute.hasLoader) {
-        return false;
-      }
-      if (isNew(match, index) || matchPathChanged(match, index)) {
-        return true;
-      }
-      if (match.route.shouldRevalidate) {
-        let routeChoice = match.route.shouldRevalidate({
-          currentUrl: new URL(
-            location.pathname + location.search + location.hash,
-            window.origin
-          ),
-          currentParams: currentMatches[0]?.params || {},
-          nextUrl: new URL(page, window.origin),
-          nextParams: match.params,
-          defaultShouldRevalidate: true
-        });
-        if (typeof routeChoice === "boolean") {
-          return routeChoice;
-        }
-      }
-      return true;
-    });
-  }
-  return [];
-}
-function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
-  return dedupeHrefs(
-    matches.map((match) => {
-      let route = manifest.routes[match.route.id];
-      if (!route) return [];
-      let hrefs = [route.module];
-      if (route.clientActionModule) {
-        hrefs = hrefs.concat(route.clientActionModule);
-      }
-      if (route.clientLoaderModule) {
-        hrefs = hrefs.concat(route.clientLoaderModule);
-      }
-      if (includeHydrateFallback && route.hydrateFallbackModule) {
-        hrefs = hrefs.concat(route.hydrateFallbackModule);
-      }
-      if (route.imports) {
-        hrefs = hrefs.concat(route.imports);
-      }
-      return hrefs;
-    }).flat(1)
-  );
-}
-function dedupeHrefs(hrefs) {
-  return [...new Set(hrefs)];
-}
-function sortKeys(obj) {
-  let sorted = {};
-  let keys = Object.keys(obj).sort();
-  for (let key of keys) {
-    sorted[key] = obj[key];
-  }
-  return sorted;
-}
-function dedupeLinkDescriptors(descriptors, preloads) {
-  let set = /* @__PURE__ */ new Set();
-  let preloadsSet = new Set(preloads);
-  return descriptors.reduce((deduped, descriptor) => {
-    let alreadyModulePreload = preloads && !isPageLinkDescriptor(descriptor) && descriptor.as === "script" && descriptor.href && preloadsSet.has(descriptor.href);
-    if (alreadyModulePreload) {
-      return deduped;
-    }
-    let key = JSON.stringify(sortKeys(descriptor));
-    if (!set.has(key)) {
-      set.add(key);
-      deduped.push({ key, link: descriptor });
-    }
-    return deduped;
-  }, []);
-}
-function useDataRouterContext2() {
-  let context = React82.useContext(DataRouterContext);
-  invariant2(
-    context,
-    "You must render this element inside a <DataRouterContext.Provider> element"
-  );
-  return context;
-}
-function useDataRouterStateContext() {
-  let context = React82.useContext(DataRouterStateContext);
-  invariant2(
-    context,
-    "You must render this element inside a <DataRouterStateContext.Provider> element"
-  );
-  return context;
-}
-var FrameworkContext = React82.createContext(void 0);
-FrameworkContext.displayName = "FrameworkContext";
-function useFrameworkContext() {
-  let context = React82.useContext(FrameworkContext);
-  invariant2(
-    context,
-    "You must render this element inside a <HydratedRouter> element"
-  );
-  return context;
-}
-function usePrefetchBehavior(prefetch, theirElementProps) {
-  let frameworkContext = React82.useContext(FrameworkContext);
-  let [maybePrefetch, setMaybePrefetch] = React82.useState(false);
-  let [shouldPrefetch, setShouldPrefetch] = React82.useState(false);
-  let { onFocus, onBlur, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
-  let ref = React82.useRef(null);
-  React82.useEffect(() => {
-    if (prefetch === "render") {
-      setShouldPrefetch(true);
-    }
-    if (prefetch === "viewport") {
-      let callback = (entries) => {
-        entries.forEach((entry) => {
-          setShouldPrefetch(entry.isIntersecting);
-        });
-      };
-      let observer = new IntersectionObserver(callback, { threshold: 0.5 });
-      if (ref.current) observer.observe(ref.current);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [prefetch]);
-  React82.useEffect(() => {
-    if (maybePrefetch) {
-      let id = setTimeout(() => {
-        setShouldPrefetch(true);
-      }, 100);
-      return () => {
-        clearTimeout(id);
-      };
-    }
-  }, [maybePrefetch]);
-  let setIntent = () => {
-    setMaybePrefetch(true);
-  };
-  let cancelIntent = () => {
-    setMaybePrefetch(false);
-    setShouldPrefetch(false);
-  };
-  if (!frameworkContext) {
-    return [false, ref, {}];
-  }
-  if (prefetch !== "intent") {
-    return [shouldPrefetch, ref, {}];
-  }
-  return [
-    shouldPrefetch,
-    ref,
-    {
-      onFocus: composeEventHandlers(onFocus, setIntent),
-      onBlur: composeEventHandlers(onBlur, cancelIntent),
-      onMouseEnter: composeEventHandlers(onMouseEnter, setIntent),
-      onMouseLeave: composeEventHandlers(onMouseLeave, cancelIntent),
-      onTouchStart: composeEventHandlers(onTouchStart, setIntent)
-    }
-  ];
-}
-function composeEventHandlers(theirHandler, ourHandler) {
-  return (event) => {
-    theirHandler && theirHandler(event);
-    if (!event.defaultPrevented) {
-      ourHandler(event);
-    }
-  };
-}
-function PrefetchPageLinks({ page, ...linkProps }) {
-  let { router } = useDataRouterContext2();
-  let matches = React82.useMemo(
-    () => matchRoutes(router.routes, page, router.basename),
-    [router.routes, page, router.basename]
-  );
-  if (!matches) {
-    return null;
-  }
-  return /* @__PURE__ */ React82.createElement(PrefetchPageLinksImpl, { page, matches, ...linkProps });
-}
-function useKeyedPrefetchLinks(matches) {
-  let { manifest, routeModules } = useFrameworkContext();
-  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React82.useState([]);
-  React82.useEffect(() => {
-    let interrupted = false;
-    void getKeyedPrefetchLinks(matches, manifest, routeModules).then(
-      (links) => {
-        if (!interrupted) {
-          setKeyedPrefetchLinks(links);
-        }
-      }
-    );
-    return () => {
-      interrupted = true;
-    };
-  }, [matches, manifest, routeModules]);
-  return keyedPrefetchLinks;
-}
-function PrefetchPageLinksImpl({
-  page,
-  matches: nextMatches,
-  ...linkProps
-}) {
-  let location = useLocation3();
-  let { future, manifest, routeModules } = useFrameworkContext();
-  let { basename } = useDataRouterContext2();
-  let { loaderData, matches } = useDataRouterStateContext();
-  let newMatchesForData = React82.useMemo(
-    () => getNewMatchesForLinks(
-      page,
-      nextMatches,
-      matches,
-      manifest,
-      location,
-      "data"
-    ),
-    [page, nextMatches, matches, manifest, location]
-  );
-  let newMatchesForAssets = React82.useMemo(
-    () => getNewMatchesForLinks(
-      page,
-      nextMatches,
-      matches,
-      manifest,
-      location,
-      "assets"
-    ),
-    [page, nextMatches, matches, manifest, location]
-  );
-  let dataHrefs = React82.useMemo(() => {
-    if (page === location.pathname + location.search + location.hash) {
-      return [];
-    }
-    let routesParams = /* @__PURE__ */ new Set();
-    let foundOptOutRoute = false;
-    nextMatches.forEach((m) => {
-      let manifestRoute = manifest.routes[m.route.id];
-      if (!manifestRoute || !manifestRoute.hasLoader) {
-        return;
-      }
-      if (!newMatchesForData.some((m2) => m2.route.id === m.route.id) && m.route.id in loaderData && routeModules[m.route.id]?.shouldRevalidate) {
-        foundOptOutRoute = true;
-      } else if (manifestRoute.hasClientLoader) {
-        foundOptOutRoute = true;
-      } else {
-        routesParams.add(m.route.id);
-      }
-    });
-    if (routesParams.size === 0) {
-      return [];
-    }
-    let url = singleFetchUrl(
-      page,
-      basename,
-      future.unstable_trailingSlashAwareDataRequests,
-      "data"
-    );
-    if (foundOptOutRoute && routesParams.size > 0) {
-      url.searchParams.set(
-        "_routes",
-        nextMatches.filter((m) => routesParams.has(m.route.id)).map((m) => m.route.id).join(",")
-      );
-    }
-    return [url.pathname + url.search];
-  }, [
-    basename,
-    future.unstable_trailingSlashAwareDataRequests,
-    loaderData,
-    location,
-    manifest,
-    newMatchesForData,
-    nextMatches,
-    page,
-    routeModules
-  ]);
-  let moduleHrefs = React82.useMemo(
-    () => getModuleLinkHrefs(newMatchesForAssets, manifest),
-    [newMatchesForAssets, manifest]
-  );
-  let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React82.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React82.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
-    // these don't spread `linkProps` because they are full link descriptors
-    // already with their own props
-    /* @__PURE__ */ React82.createElement(
-      "link",
-      {
-        key,
-        nonce: linkProps.nonce,
-        ...link,
-        crossOrigin: link.crossOrigin ?? linkProps.crossOrigin
-      }
-    )
-  )));
-}
-function mergeRefs(...refs) {
-  return (value) => {
-    refs.forEach((ref) => {
-      if (typeof ref === "function") {
-        ref(value);
-      } else if (ref != null) {
-        ref.current = value;
-      }
-    });
-  };
-}
-var isBrowser22 = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-try {
-  if (isBrowser22) {
-    window.__reactRouterVersion = // @ts-expect-error
-    "7.13.1";
-  }
-} catch (e) {
-}
-function HistoryRouter({
-  basename,
-  children,
-  history,
-  unstable_useTransitions
-}) {
-  let [state, setStateImpl] = React102.useState({
-    action: history.action,
-    location: history.location
-  });
-  let setState = React102.useCallback(
-    (newState) => {
-      if (unstable_useTransitions === false) {
-        setStateImpl(newState);
-      } else {
-        React102.startTransition(() => setStateImpl(newState));
-      }
-    },
-    [unstable_useTransitions]
-  );
-  React102.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React102.createElement(
-    Router,
-    {
-      basename,
-      children,
-      location: state.location,
-      navigationType: state.action,
-      navigator: history,
-      unstable_useTransitions
-    }
-  );
-}
-HistoryRouter.displayName = "unstable_HistoryRouter";
-var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-var Link = React102.forwardRef(
-  function LinkWithRef({
-    onClick,
-    discover = "render",
-    prefetch = "none",
-    relative,
-    reloadDocument,
-    replace: replace2,
-    unstable_mask,
-    state,
-    target,
-    to,
-    preventScrollReset,
-    viewTransition,
-    unstable_defaultShouldRevalidate,
-    ...rest
-  }, forwardedRef) {
-    let { basename, navigator: navigator2, unstable_useTransitions } = React102.useContext(NavigationContext);
-    let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX2.test(to);
-    let parsed = parseToInfo(to, basename);
-    to = parsed.to;
-    let href = useHref(to, { relative });
-    let location = useLocation3();
-    let maskedHref = null;
-    if (unstable_mask) {
-      let resolved = resolveTo(
-        unstable_mask,
-        [],
-        location.unstable_mask ? location.unstable_mask.pathname : "/",
-        true
-      );
-      if (basename !== "/") {
-        resolved.pathname = resolved.pathname === "/" ? basename : joinPaths([basename, resolved.pathname]);
-      }
-      maskedHref = navigator2.createHref(resolved);
-    }
-    let [shouldPrefetch, prefetchRef, prefetchHandlers] = usePrefetchBehavior(
-      prefetch,
-      rest
-    );
-    let internalOnClick = useLinkClickHandler(to, {
-      replace: replace2,
-      unstable_mask,
-      state,
-      target,
-      preventScrollReset,
-      relative,
-      viewTransition,
-      unstable_defaultShouldRevalidate,
-      unstable_useTransitions
-    });
-    function handleClick(event) {
-      if (onClick) onClick(event);
-      if (!event.defaultPrevented) {
-        internalOnClick(event);
-      }
-    }
-    let isSpaLink = !(parsed.isExternal || reloadDocument);
-    let link = (
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ React102.createElement(
-        "a",
-        {
-          ...rest,
-          ...prefetchHandlers,
-          href: (isSpaLink ? maskedHref : void 0) || parsed.absoluteURL || href,
-          onClick: isSpaLink ? handleClick : onClick,
-          ref: mergeRefs(forwardedRef, prefetchRef),
-          target,
-          "data-discover": !isAbsolute && discover === "render" ? "true" : void 0
-        }
-      )
-    );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React102.createElement(React102.Fragment, null, link, /* @__PURE__ */ React102.createElement(PrefetchPageLinks, { page: href })) : link;
-  }
-);
-Link.displayName = "Link";
-var NavLink = React102.forwardRef(
-  function NavLinkWithRef({
-    "aria-current": ariaCurrentProp = "page",
-    caseSensitive = false,
-    className: classNameProp = "",
-    end = false,
-    style: styleProp,
-    to,
-    viewTransition,
-    children,
-    ...rest
-  }, ref) {
-    let path = useResolvedPath(to, { relative: rest.relative });
-    let location = useLocation3();
-    let routerState = React102.useContext(DataRouterStateContext);
-    let { navigator: navigator2, basename } = React102.useContext(NavigationContext);
-    let isTransitioning = routerState != null && // Conditional usage is OK here because the usage of a data router is static
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useViewTransitionState(path) && viewTransition === true;
-    let toPathname = navigator2.encodeLocation ? navigator2.encodeLocation(path).pathname : path.pathname;
-    let locationPathname = location.pathname;
-    let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;
-    if (!caseSensitive) {
-      locationPathname = locationPathname.toLowerCase();
-      nextLocationPathname = nextLocationPathname ? nextLocationPathname.toLowerCase() : null;
-      toPathname = toPathname.toLowerCase();
-    }
-    if (nextLocationPathname && basename) {
-      nextLocationPathname = stripBasename(nextLocationPathname, basename) || nextLocationPathname;
-    }
-    const endSlashPosition = toPathname !== "/" && toPathname.endsWith("/") ? toPathname.length - 1 : toPathname.length;
-    let isActive = locationPathname === toPathname || !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(endSlashPosition) === "/";
-    let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname || !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(toPathname.length) === "/");
-    let renderProps = {
-      isActive,
-      isPending,
-      isTransitioning
-    };
-    let ariaCurrent = isActive ? ariaCurrentProp : void 0;
-    let className;
-    if (typeof classNameProp === "function") {
-      className = classNameProp(renderProps);
-    } else {
-      className = [
-        classNameProp,
-        isActive ? "active" : null,
-        isPending ? "pending" : null,
-        isTransitioning ? "transitioning" : null
-      ].filter(Boolean).join(" ");
-    }
-    let style = typeof styleProp === "function" ? styleProp(renderProps) : styleProp;
-    return /* @__PURE__ */ React102.createElement(
-      Link,
-      {
-        ...rest,
-        "aria-current": ariaCurrent,
-        className,
-        ref,
-        style,
-        to,
-        viewTransition
-      },
-      typeof children === "function" ? children(renderProps) : children
-    );
-  }
-);
-NavLink.displayName = "NavLink";
-var Form = React102.forwardRef(
-  ({
-    discover = "render",
-    fetcherKey,
-    navigate,
-    reloadDocument,
-    replace: replace2,
-    state,
-    method = defaultMethod,
-    action,
-    onSubmit,
-    relative,
-    preventScrollReset,
-    viewTransition,
-    unstable_defaultShouldRevalidate,
-    ...props
-  }, forwardedRef) => {
-    let { unstable_useTransitions } = React102.useContext(NavigationContext);
-    let submit = useSubmit();
-    let formAction = useFormAction(action, { relative });
-    let formMethod = method.toLowerCase() === "get" ? "get" : "post";
-    let isAbsolute = typeof action === "string" && ABSOLUTE_URL_REGEX2.test(action);
-    let submitHandler = (event) => {
-      onSubmit && onSubmit(event);
-      if (event.defaultPrevented) return;
-      event.preventDefault();
-      let submitter = event.nativeEvent.submitter;
-      let submitMethod = submitter?.getAttribute("formmethod") || method;
-      let doSubmit = () => submit(submitter || event.currentTarget, {
-        fetcherKey,
-        method: submitMethod,
-        navigate,
-        replace: replace2,
-        state,
-        relative,
-        preventScrollReset,
-        viewTransition,
-        unstable_defaultShouldRevalidate
-      });
-      if (unstable_useTransitions && navigate !== false) {
-        React102.startTransition(() => doSubmit());
-      } else {
-        doSubmit();
-      }
-    };
-    return /* @__PURE__ */ React102.createElement(
-      "form",
-      {
-        ref: forwardedRef,
-        method: formMethod,
-        action: formAction,
-        onSubmit: reloadDocument ? onSubmit : submitHandler,
-        ...props,
-        "data-discover": !isAbsolute && discover === "render" ? "true" : void 0
-      }
-    );
-  }
-);
-Form.displayName = "Form";
-function ScrollRestoration({
-  getKey,
-  storageKey,
-  ...props
-}) {
-  let remixContext = React102.useContext(FrameworkContext);
-  let { basename } = React102.useContext(NavigationContext);
-  let location = useLocation3();
-  let matches = useMatches();
-  useScrollRestoration({ getKey, storageKey });
-  let ssrKey = React102.useMemo(
-    () => {
-      if (!remixContext || !getKey) return null;
-      let userKey = getScrollRestorationKey(
-        location,
-        matches,
-        basename,
-        getKey
-      );
-      return userKey !== location.key ? userKey : null;
-    },
-    // Nah, we only need this the first time for the SSR render
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  if (!remixContext || remixContext.isSpaMode) {
-    return null;
-  }
-  let restoreScroll = ((storageKey2, restoreKey) => {
-    if (!window.history.state || !window.history.state.key) {
-      let key = Math.random().toString(32).slice(2);
-      window.history.replaceState({ key }, "");
-    }
-    try {
-      let positions = JSON.parse(sessionStorage.getItem(storageKey2) || "{}");
-      let storedY = positions[restoreKey || window.history.state.key];
-      if (typeof storedY === "number") {
-        window.scrollTo(0, storedY);
-      }
-    } catch (error) {
-      console.error(error);
-      sessionStorage.removeItem(storageKey2);
-    }
-  }).toString();
-  return /* @__PURE__ */ React102.createElement(
-    "script",
-    {
-      ...props,
-      suppressHydrationWarning: true,
-      dangerouslySetInnerHTML: {
-        __html: `(${restoreScroll})(${escapeHtml(
-          JSON.stringify(storageKey || SCROLL_RESTORATION_STORAGE_KEY)
-        )}, ${escapeHtml(JSON.stringify(ssrKey))})`
-      }
-    }
-  );
-}
-ScrollRestoration.displayName = "ScrollRestoration";
-function getDataRouterConsoleError2(hookName) {
-  return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function useDataRouterContext3(hookName) {
-  let ctx = React102.useContext(DataRouterContext);
-  invariant(ctx, getDataRouterConsoleError2(hookName));
-  return ctx;
-}
-function useDataRouterState2(hookName) {
-  let state = React102.useContext(DataRouterStateContext);
-  invariant(state, getDataRouterConsoleError2(hookName));
-  return state;
-}
-function useLinkClickHandler(to, {
-  target,
-  replace: replaceProp,
-  unstable_mask,
-  state,
-  preventScrollReset,
-  relative,
-  viewTransition,
-  unstable_defaultShouldRevalidate,
-  unstable_useTransitions
-} = {}) {
-  let navigate = useNavigate5();
-  let location = useLocation3();
-  let path = useResolvedPath(to, { relative });
-  return React102.useCallback(
-    (event) => {
-      if (shouldProcessLinkClick(event, target)) {
-        event.preventDefault();
-        let replace2 = replaceProp !== void 0 ? replaceProp : createPath(location) === createPath(path);
-        let doNavigate = () => navigate(to, {
-          replace: replace2,
-          unstable_mask,
-          state,
-          preventScrollReset,
-          relative,
-          viewTransition,
-          unstable_defaultShouldRevalidate
-        });
-        if (unstable_useTransitions) {
-          React102.startTransition(() => doNavigate());
-        } else {
-          doNavigate();
-        }
-      }
-    },
-    [
-      location,
-      navigate,
-      path,
-      replaceProp,
-      unstable_mask,
-      state,
-      target,
-      to,
-      preventScrollReset,
-      relative,
-      viewTransition,
-      unstable_defaultShouldRevalidate,
-      unstable_useTransitions
-    ]
-  );
-}
-function useSearchParams(defaultInit) {
-  warning3(
-    typeof URLSearchParams !== "undefined",
-    `You cannot use the \`useSearchParams\` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.`
-  );
-  let defaultSearchParamsRef = React102.useRef(createSearchParams(defaultInit));
-  let hasSetSearchParamsRef = React102.useRef(false);
-  let location = useLocation3();
-  let searchParams = React102.useMemo(
-    () => (
-      // Only merge in the defaults if we haven't yet called setSearchParams.
-      // Once we call that we want those to take precedence, otherwise you can't
-      // remove a param with setSearchParams({}) if it has an initial value
-      getSearchParamsForLocation(
-        location.search,
-        hasSetSearchParamsRef.current ? null : defaultSearchParamsRef.current
-      )
-    ),
-    [location.search]
-  );
-  let navigate = useNavigate5();
-  let setSearchParams = React102.useCallback(
-    (nextInit, navigateOptions) => {
-      const newSearchParams = createSearchParams(
-        typeof nextInit === "function" ? nextInit(new URLSearchParams(searchParams)) : nextInit
-      );
-      hasSetSearchParamsRef.current = true;
-      navigate("?" + newSearchParams, navigateOptions);
-    },
-    [navigate, searchParams]
-  );
-  return [searchParams, setSearchParams];
-}
-var fetcherId = 0;
-var getUniqueFetcherId = () => `__${String(++fetcherId)}__`;
-function useSubmit() {
-  let { router } = useDataRouterContext3(
-    "useSubmit"
-    /* UseSubmit */
-  );
-  let { basename } = React102.useContext(NavigationContext);
-  let currentRouteId = useRouteId();
-  let routerFetch = router.fetch;
-  let routerNavigate = router.navigate;
-  return React102.useCallback(
-    async (target, options = {}) => {
-      let { action, method, encType, formData, body } = getFormSubmissionInfo(
-        target,
-        basename
-      );
-      if (options.navigate === false) {
-        let key = options.fetcherKey || getUniqueFetcherId();
-        await routerFetch(key, currentRouteId, options.action || action, {
-          unstable_defaultShouldRevalidate: options.unstable_defaultShouldRevalidate,
-          preventScrollReset: options.preventScrollReset,
-          formData,
-          body,
-          formMethod: options.method || method,
-          formEncType: options.encType || encType,
-          flushSync: options.flushSync
-        });
-      } else {
-        await routerNavigate(options.action || action, {
-          unstable_defaultShouldRevalidate: options.unstable_defaultShouldRevalidate,
-          preventScrollReset: options.preventScrollReset,
-          formData,
-          body,
-          formMethod: options.method || method,
-          formEncType: options.encType || encType,
-          replace: options.replace,
-          state: options.state,
-          fromRouteId: currentRouteId,
-          flushSync: options.flushSync,
-          viewTransition: options.viewTransition
-        });
-      }
-    },
-    [routerFetch, routerNavigate, basename, currentRouteId]
-  );
-}
-function useFormAction(action, { relative } = {}) {
-  let { basename } = React102.useContext(NavigationContext);
-  let routeContext = React102.useContext(RouteContext);
-  invariant(routeContext, "useFormAction must be used inside a RouteContext");
-  let [match] = routeContext.matches.slice(-1);
-  let path = { ...useResolvedPath(action ? action : ".", { relative }) };
-  let location = useLocation3();
-  if (action == null) {
-    path.search = location.search;
-    let params = new URLSearchParams(path.search);
-    let indexValues = params.getAll("index");
-    let hasNakedIndexParam = indexValues.some((v) => v === "");
-    if (hasNakedIndexParam) {
-      params.delete("index");
-      indexValues.filter((v) => v).forEach((v) => params.append("index", v));
-      let qs = params.toString();
-      path.search = qs ? `?${qs}` : "";
-    }
-  }
-  if ((!action || action === ".") && match.route.index) {
-    path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
-  }
-  if (basename !== "/") {
-    path.pathname = path.pathname === "/" ? basename : joinPaths([basename, path.pathname]);
-  }
-  return createPath(path);
-}
-var SCROLL_RESTORATION_STORAGE_KEY = "react-router-scroll-positions";
-var savedScrollPositions = {};
-function getScrollRestorationKey(location, matches, basename, getKey) {
-  let key = null;
-  if (getKey) {
-    if (basename !== "/") {
-      key = getKey(
-        {
-          ...location,
-          pathname: stripBasename(location.pathname, basename) || location.pathname
-        },
-        matches
-      );
-    } else {
-      key = getKey(location, matches);
-    }
-  }
-  if (key == null) {
-    key = location.key;
-  }
-  return key;
-}
-function useScrollRestoration({
-  getKey,
-  storageKey
-} = {}) {
-  let { router } = useDataRouterContext3(
-    "useScrollRestoration"
-    /* UseScrollRestoration */
-  );
-  let { restoreScrollPosition, preventScrollReset } = useDataRouterState2(
-    "useScrollRestoration"
-    /* UseScrollRestoration */
-  );
-  let { basename } = React102.useContext(NavigationContext);
-  let location = useLocation3();
-  let matches = useMatches();
-  let navigation = useNavigation();
-  React102.useEffect(() => {
-    window.history.scrollRestoration = "manual";
-    return () => {
-      window.history.scrollRestoration = "auto";
-    };
-  }, []);
-  usePageHide(
-    React102.useCallback(() => {
-      if (navigation.state === "idle") {
-        let key = getScrollRestorationKey(location, matches, basename, getKey);
-        savedScrollPositions[key] = window.scrollY;
-      }
-      try {
-        sessionStorage.setItem(
-          storageKey || SCROLL_RESTORATION_STORAGE_KEY,
-          JSON.stringify(savedScrollPositions)
-        );
-      } catch (error) {
-        warning3(
-          false,
-          `Failed to save scroll positions in sessionStorage, <ScrollRestoration /> will not work properly (${error}).`
-        );
-      }
-      window.history.scrollRestoration = "auto";
-    }, [navigation.state, getKey, basename, location, matches, storageKey])
-  );
-  if (typeof document !== "undefined") {
-    React102.useLayoutEffect(() => {
-      try {
-        let sessionPositions = sessionStorage.getItem(
-          storageKey || SCROLL_RESTORATION_STORAGE_KEY
-        );
-        if (sessionPositions) {
-          savedScrollPositions = JSON.parse(sessionPositions);
-        }
-      } catch (e) {
-      }
-    }, [storageKey]);
-    React102.useLayoutEffect(() => {
-      let disableScrollRestoration = router?.enableScrollRestoration(
-        savedScrollPositions,
-        () => window.scrollY,
-        getKey ? (location2, matches2) => getScrollRestorationKey(location2, matches2, basename, getKey) : void 0
-      );
-      return () => disableScrollRestoration && disableScrollRestoration();
-    }, [router, basename, getKey]);
-    React102.useLayoutEffect(() => {
-      if (restoreScrollPosition === false) {
-        return;
-      }
-      if (typeof restoreScrollPosition === "number") {
-        window.scrollTo(0, restoreScrollPosition);
-        return;
-      }
-      try {
-        if (location.hash) {
-          let el = document.getElementById(
-            decodeURIComponent(location.hash.slice(1))
-          );
-          if (el) {
-            el.scrollIntoView();
-            return;
-          }
-        }
-      } catch {
-        warning3(
-          false,
-          `"${location.hash.slice(
-            1
-          )}" is not a decodable element ID. The view will not scroll to it.`
-        );
-      }
-      if (preventScrollReset === true) {
-        return;
-      }
-      window.scrollTo(0, 0);
-    }, [location, restoreScrollPosition, preventScrollReset]);
-  }
-}
-function usePageHide(callback, options) {
-  let { capture } = options || {};
-  React102.useEffect(() => {
-    let opts = capture != null ? { capture } : void 0;
-    window.addEventListener("pagehide", callback, opts);
-    return () => {
-      window.removeEventListener("pagehide", callback, opts);
-    };
-  }, [callback, capture]);
-}
-function useViewTransitionState(to, { relative } = {}) {
-  let vtContext = React102.useContext(ViewTransitionContext);
-  invariant(
-    vtContext != null,
-    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
-  );
-  let { basename } = useDataRouterContext3(
-    "useViewTransitionState"
-    /* useViewTransitionState */
-  );
-  let path = useResolvedPath(to, { relative });
-  if (!vtContext.isTransitioning) {
-    return false;
-  }
-  let currentPath = stripBasename(vtContext.currentLocation.pathname, basename) || vtContext.currentLocation.pathname;
-  let nextPath = stripBasename(vtContext.nextLocation.pathname, basename) || vtContext.nextLocation.pathname;
-  return matchPath(path.pathname, nextPath) != null || matchPath(path.pathname, currentPath) != null;
-}
-
-// src/hooks/useApp.tsx
-var useApp = () => {
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate5();
-  const getParams = (key) => {
-    const params = useParams2();
-    if (key) return params[key];
-    return params;
-  };
-  const getQuery = (key) => {
-    if (key) return searchParams.get(key);
-    return Object.fromEntries(searchParams.entries());
-  };
-  return {
-    navigate,
-    getQuery,
-    getParams
-  };
-};
-var useApp_default = useApp;
-
-// src/utils/Enums.ts
-var Enums = {
-  roles: ["admin", "staff"],
-  sex: ["male", "female"],
-  accountTypes: ["employee", "supplier", "customer", "investor"],
-  verificationTypes: ["email_verification", "password_reset"],
-  auditActions: ["create", "update", "delete", "login", "logout"]
-};
-var Enums_default = Enums;
-
-// src/components/accounts/schema.tsx
-var import_zod2 = require("zod");
-var createAccountSchema = import_zod2.z.object({
-  name: import_zod2.z.string().min(2, { message: "Name must be at least 2 characters" }),
-  email: import_zod2.z.string().optional().refine((val) => !val || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val), {
-    message: "Please enter a valid email address"
-  }).transform((val) => val?.toLowerCase()),
-  phoneNumber: import_zod2.z.string().optional(),
-  sex: import_zod2.z.enum(Enums_default.sex)
-});
-
-// src/components/accounts/AccountForm.tsx
-var import_react_hook_form8 = require("react-hook-form");
-var import_zod3 = require("@hookform/resolvers/zod");
-var import_antd7 = require("antd");
-var import_react34 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-function AccountForm() {
-  const { getQuery, getParams, navigate } = useApp_default();
-  const id = getQuery("id");
-  const type = getParams("type");
-  const isEdit = !!id;
-  const { post, put, isLoading } = useApis_default();
-  const { isLoading: isLoadingGet, get } = useApis_default();
-  const methods = (0, import_react_hook_form8.useForm)({
-    resolver: (0, import_zod3.zodResolver)(createAccountSchema),
-    defaultValues: {
-      name: "",
-      email: "",
-      phoneNumber: "",
-      sex: "male"
-    },
-    shouldUnregister: false
-  });
-  const { handleSubmit } = methods;
-  const onSubmit = async (data2) => {
-    try {
-      const payload = {
-        ...data2,
-        type
-      };
-      if (isEdit) {
-        await put({
-          url: `/accounts/update/${id}`,
-          body: payload
-        });
-      } else {
-        await post({
-          url: "/accounts/create",
-          body: payload
-        });
-      }
-      import_antd7.message.success(`${type} ${isEdit ? "updated" : "created"} successfully`);
-      navigate(-1);
-    } catch (error) {
-      import_antd7.message.error(error?.message || "Something went wrong");
-    }
-  };
-  const fetches = async () => {
-    try {
-      const res = await get({
-        url: `/accounts/get/${type}?id=${id}`
-      });
-      const data2 = res.data;
-      methods.reset(data2);
-    } catch (error) {
-      import_antd7.message.error(error?.message || "Something went wrong");
-    }
-  };
-  (0, import_react34.useEffect)(() => {
-    if (isEdit) {
-      fetches();
+  };
+  (0, import_react34.useEffect)(() => {
+    if (isEdit) {
+      fetches();
     }
   }, [id]);
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
@@ -10673,6 +8287,28 @@ function AccountForm() {
                     name: "phoneNumber",
                     placeholder: "Enter phone number"
                   }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  Fields_default.SearchApi,
+                  {
+                    label: "Owner",
+                    form: methods,
+                    name: "owner",
+                    api: "/accounts/get/customer",
+                    placeholder: "Search for account owner...",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Host",
+                    form: methods,
+                    name: "host",
+                    type: "text",
+                    placeholder: "Unique host name",
+                    required: true
+                  }
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -10742,10 +8378,10 @@ function LinkUser({ type: initialType = "employee" }) {
     shouldUnregister: false
   });
   const { handleSubmit } = methods;
-  const onSubmit = async (data2) => {
+  const onSubmit = async (data) => {
     try {
       const payload = {
-        ...data2
+        ...data
       };
       await post({
         url: `/accounts/link-user/${id}`,
@@ -10762,13 +8398,13 @@ function LinkUser({ type: initialType = "employee" }) {
       const res = await get({
         url: `/accounts/get/${type}?id=${id}`
       });
-      const data2 = res.data;
-      if (data2?.user) {
+      const data = res.data;
+      if (data?.user) {
         import_antd8.message.error("Account Already Has A Login User");
         navigate(-1);
         return;
       }
-      methods.reset(data2);
+      methods.reset(data);
     } catch (error) {
       import_antd8.message.error(error?.message || "Something went wrong");
     }
@@ -10855,23 +8491,23 @@ var import_react36 = require("react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var { Countdown } = import_antd9.Statistic;
 function VerifyEmailForm({
-  data: data2,
+  data,
   close,
   reload
 }) {
   const { put, isLoading } = useApis_default();
-  const [datas, setDatas] = (0, import_react36.useState)(data2);
+  const [datas, setDatas] = (0, import_react36.useState)(data);
   const [hasPassed, setHasPassed] = (0, import_react36.useState)(
-    data2?.emailVerification?.passed || !data2?.emailVerification?.createdAt
+    data?.emailVerification?.passed || !data?.emailVerification?.createdAt
   );
   (0, import_react36.useEffect)(() => {
-    setDatas(data2);
+    setDatas(data);
     setHasPassed(
-      data2?.emailVerification?.passed || !data2?.emailVerification?.createdAt
+      data?.emailVerification?.passed || !data?.emailVerification?.createdAt
     );
-  }, [data2]);
-  const email = data2?.emailVerification?.email;
-  const oldEmail = data2?.emailVerification?.email !== data2?.email ? data2?.emailVerification?.email : null;
+  }, [data]);
+  const email = data?.emailVerification?.email;
+  const oldEmail = data?.emailVerification?.email !== data?.email ? data?.emailVerification?.email : null;
   const methods = (0, import_react_hook_form10.useForm)({
     resolver: (0, import_zod6.zodResolver)(verifyUserEmailSchema),
     defaultValues: {
@@ -10887,7 +8523,7 @@ function VerifyEmailForm({
         ...datas2
       };
       await put({
-        url: `/users/verify_email/${data2._id}`,
+        url: `/users/verify_email/${data._id}`,
         body: payload
       });
       import_antd9.message.success(`Email Verified successfully`);
@@ -10904,9 +8540,9 @@ function VerifyEmailForm({
   const resend = async () => {
     try {
       const res = await put({
-        url: `/users/resend_email_verification/${data2._id}`,
+        url: `/users/resend_email_verification/${data._id}`,
         body: {
-          email: data2?.emailVerification?.email || data2?.email
+          email: data?.emailVerification?.email || data?.email
         }
       });
       setDatas((prev) => ({
@@ -10996,12 +8632,12 @@ var import_zod7 = require("@hookform/resolvers/zod");
 var import_antd10 = require("antd");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function UpdateEmailForm({
-  data: data2,
+  data,
   close,
   reload
 }) {
   const { put, isLoading } = useApis_default();
-  const currentEmail = data2?.email;
+  const currentEmail = data?.email;
   const methods = (0, import_react_hook_form11.useForm)({
     resolver: (0, import_zod7.zodResolver)(updateUserEmailSchema),
     defaultValues: {
@@ -11013,7 +8649,7 @@ function UpdateEmailForm({
   const onSubmit = async (formData) => {
     try {
       await put({
-        url: `/users/change_email/${data2._id}`,
+        url: `/users/change_email/${data._id}`,
         body: {
           email: formData.newEmail
         }
@@ -11084,20 +8720,20 @@ var import_react37 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var { Countdown: Countdown2 } = import_antd11.Statistic;
 function ResetPasswordForm({
-  data: data2,
+  data,
   close,
   reload
 }) {
   const { put, isLoading } = useApis_default();
-  const [datas, setDatas] = (0, import_react37.useState)(data2);
+  const [datas, setDatas] = (0, import_react37.useState)(data);
   const [hasPassed, setHasPassed] = (0, import_react37.useState)(
-    data2?.passwordReset?.passed || !data2?.passwordReset?.createdAt
+    data?.passwordReset?.passed || !data?.passwordReset?.createdAt
   );
   (0, import_react37.useEffect)(() => {
-    setDatas(data2);
-    setHasPassed(data2?.passwordReset?.passed || !data2?.passwordReset?.createdAt);
-  }, [data2]);
-  const userEmail = data2?.email;
+    setDatas(data);
+    setHasPassed(data?.passwordReset?.passed || !data?.passwordReset?.createdAt);
+  }, [data]);
+  const userEmail = data?.email;
   const methods = (0, import_react_hook_form12.useForm)({
     defaultValues: {
       email: userEmail
@@ -11118,7 +8754,7 @@ function ResetPasswordForm({
   const resendToken = async () => {
     try {
       const res = await put({
-        url: `/users/reset_password/${data2._id}`,
+        url: `/users/reset_password/${data._id}`,
         body: {
           email: userEmail
         }
@@ -11189,15 +8825,15 @@ var ResetPasswordForm_default = ResetPasswordForm;
 var import_antd12 = require("antd");
 var import_react38 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var ActivateUser = ({ data: data2 }) => {
-  const [checked, setChecked] = (0, import_react38.useState)(data2?.isActive);
+var ActivateUser = ({ data }) => {
+  const [checked, setChecked] = (0, import_react38.useState)(data?.isActive);
   const { put, isLoading } = useApis_default();
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_antd12.Switch,
     {
       onChange: async (e) => {
         const res = await put({
-          url: `/users/activate/${data2?._id}`,
+          url: `/users/activate/${data?._id}`,
           v: 1,
           body: { isActive: e }
         });
@@ -11217,14 +8853,14 @@ var Activate_default = ActivateUser;
 // src/components/users/users.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function Users() {
-  const { data: data2, TransactionViewComponent, reload } = useTransaction_default({
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: "/users/get",
     v: 1,
     dateFilter: false
   });
   const { Modal: Modal2, openState, close } = useModal();
   const { put, isLoading } = useApis_default();
-  const items = (data3) => [
+  const items = (data2) => [
     {
       label: `Reset Password`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Key, { size: 16 }),
@@ -11234,7 +8870,7 @@ function Users() {
         content: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           ResetPasswordForm_default,
           {
-            data: data3,
+            data: data2,
             close: () => close(),
             reload: () => reload()
           }
@@ -11251,7 +8887,7 @@ function Users() {
         content: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           UpdateEmailForm_default,
           {
-            data: data3,
+            data: data2,
             close: () => close(),
             reload: () => reload()
           }
@@ -11259,7 +8895,7 @@ function Users() {
         width: 600
       })
     },
-    data3?.emailVerification && {
+    data2?.emailVerification && {
       label: `Verify Email`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.ShieldCheck, {}),
       onClick: () => openState({
@@ -11268,7 +8904,7 @@ function Users() {
         content: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           VerifyEmailForm_default,
           {
-            data: data3,
+            data: data2,
             close: () => close(),
             reload: () => reload()
           }
@@ -11283,15 +8919,15 @@ function Users() {
         accessorKey: "email",
         header: "Email",
         cell: ({ row }) => {
-          const data3 = row.original;
-          const emailVerification = data3?.emailVerification;
-          const newEmail = emailVerification?.email !== data3?.email ? emailVerification?.email : null;
+          const data2 = row.original;
+          const emailVerification = data2?.emailVerification;
+          const newEmail = emailVerification?.email !== data2?.email ? emailVerification?.email : null;
           return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: "flex items-center gap-2", children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: data3?.email }),
-              data3?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: "success", size: "sm", children: "Verified" }),
-              !data3?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: data2?.email }),
+              data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: "success", size: "sm", children: "Verified" }),
+              !data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
             ] }),
             newEmail && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Info, { size: 16, className: "text-orange-600" }),
@@ -11312,20 +8948,20 @@ function Users() {
         accessorKey: "status",
         header: "Status",
         cell: ({ row }) => {
-          const data3 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Activate_default, { data: data3 });
+          const data2 = row.original;
+          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Activate_default, { data: data2 });
         }
       },
       {
         accessorKey: "actions",
         header: "Actions",
         cell: ({ row }) => {
-          const data3 = row.original;
+          const data2 = row.original;
           return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             Dropdown,
             {
               className: "w-fit! cursor-pointer",
-              items: items(data3),
+              items: items(data2),
               triggerMode: "hover",
               children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.EllipsisVertical, {})
             }
@@ -11335,7 +8971,7 @@ function Users() {
     ],
     [items]
   );
-  const users = data2?.data || [];
+  const users = data?.data || [];
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Modal2, {}),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
@@ -11355,7 +8991,7 @@ var users_default = Users;
 
 // src/components/users/ResetPasswordPage.tsx
 var import_react40 = require("react");
-var import_react_router_dom6 = require("react-router-dom");
+var import_react_router_dom7 = require("react-router-dom");
 var import_lucide_react21 = require("lucide-react");
 var import_react_hook_form13 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
@@ -11365,13 +9001,13 @@ var import_jsx_runtime50 = require("react/jsx-runtime");
 var resetPageSchema = z4.object({
   password: z4.string().min(6, "Password must be at least 6 characters"),
   confirmPassword: z4.string().min(6, "Password must be at least 6 characters")
-}).refine((data2) => data2.password === data2.confirmPassword, {
+}).refine((data) => data.password === data.confirmPassword, {
   message: "Passwords don't match",
   path: ["confirmPassword"]
 });
 function ResetPasswordPage() {
-  const [searchParams] = (0, import_react_router_dom6.useSearchParams)();
-  const navigate = (0, import_react_router_dom6.useNavigate)();
+  const [searchParams] = (0, import_react_router_dom7.useSearchParams)();
+  const navigate = (0, import_react_router_dom7.useNavigate)();
   const { put, isLoading } = useApis_default();
   const [isVerified, setIsVerified] = (0, import_react40.useState)(false);
   const [verifying, setVerifying] = (0, import_react40.useState)(true);
@@ -11408,14 +9044,14 @@ function ResetPasswordPage() {
     };
     verifyToken();
   }, [token, email]);
-  const onSubmit = async (data2) => {
+  const onSubmit = async (data) => {
     try {
       await put({
         url: `/users/set_password/${id}`,
         body: {
           token,
           email,
-          password: data2.password
+          password: data.password
         }
       });
       import_antd13.message.success(
@@ -11543,7 +9179,7 @@ var ResetPasswordPage_default = ResetPasswordPage;
 
 // src/components/users/UserProfile.tsx
 var import_lucide_react22 = require("lucide-react");
-var import_react_router_dom7 = require("react-router-dom");
+var import_react_router_dom8 = require("react-router-dom");
 var import_antd14 = require("antd");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var UserProfile = ({
@@ -11556,7 +9192,7 @@ var UserProfile = ({
 }) => {
   const { post } = useApis_default();
   const { user, logout: authLogout, account } = useAuth_default();
-  const navigate = (0, import_react_router_dom7.useNavigate)();
+  const navigate = (0, import_react_router_dom8.useNavigate)();
   const logout = async () => {
     if (onLogout) {
       onLogout();
@@ -11608,8 +9244,11 @@ var UserProfile = ({
 var UserProfile_default = UserProfile;
 
 // src/components/users/ProfilePage.tsx
+var import_react_router_dom9 = require("react-router-dom");
+var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var ProfilePage = () => {
+  const navigate = (0, import_react_router_dom9.useNavigate)();
   const { user, account } = useAuth();
   if (!user) {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { children: "Please login to view your profile" }) });
@@ -11631,17 +9270,30 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "p-4 sm:p-8", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    ProfileView,
-    {
-      name: account?.name || "User Account",
-      email: user.email || account?.email,
-      role: user.role,
-      info: extraInfo,
-      title: "User Profile",
-      description: "View your profile information"
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => navigate(-1),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react23.ArrowLeft, { size: 16 }),
+        className: "rounded-full font-bold px-5",
+        children: "Back"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      ProfileView,
+      {
+        name: account?.name || "User Account",
+        email: user.email || account?.email,
+        role: user.role,
+        info: extraInfo,
+        title: "User Profile",
+        description: "View your profile information"
+      }
+    )
+  ] });
 };
 var ProfilePage_default = ProfilePage;
 // Annotate the CommonJS export names for ESM import in node:
@@ -11714,6 +9366,7 @@ var ProfilePage_default = ProfilePage;
   useA4StatementView,
   useAntdImageUpload,
   useApi,
+  useApp,
   useAuth,
   useAuthStore,
   useLogin,
@@ -11725,18 +9378,3 @@ var ProfilePage_default = ProfilePage;
   useWarqadConfig,
   verifyUserEmailSchema
 });
-/*! Bundled license information:
-
-react-router/dist/development/chunk-LFPYN7LY.mjs:
-react-router/dist/development/index.mjs:
-  (**
-   * react-router v7.13.1
-   *
-   * Copyright (c) Remix Software Inc.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   *)
-*/