@jmruthers/pace-core 0.6.4 → 0.6.5

package/dist/{chunk-I6DAQMWX.js → chunk-6COVEUS7.js}

@@ -14,9 +14,7 @@ import {
   DialogContent,
   DialogFooter,
   DialogHeader,
-  DialogOverlay,
   DialogTitle,
-  DialogTrigger,
   Input,
   Select,
   SelectContent,
@@ -26,13 +24,13 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-7JPAB3T5.js";
+} from "./chunk-IVOFDYWT.js";
 import {
   useCan,
   usePermissions,
   useRBAC,
   useResolvedScope
-} from "./chunk-NN6WWZ5U.js";
+} from "./chunk-HU2C6SSC.js";
 import {
   createFileReferenceService,
   generateFileUrlsBatch,
@@ -44,30 +42,30 @@ import {
   useFileDisplay,
   usePreventTabReload,
   usePublicFileDisplay
-} from "./chunk-YKRAFF5K.js";
+} from "./chunk-UPPMRMYG.js";
 import {
   useToast
-} from "./chunk-6SOIHG6Z.js";
+} from "./chunk-JGRYX5UX.js";
 import {
   ErrorBoundary,
   PublicPageContext,
   useAppConfig,
   useEvents,
   useIsPublicPage
-} from "./chunk-OEWDTMG7.js";
+} from "./chunk-NTM7ZSB6.js";
 import {
   EventServiceContext,
   useOrganisations,
   useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-AVMLPIM7.js";
+} from "./chunk-IHB5DR3H.js";
 import {
   isSuperAdmin
-} from "./chunk-3LPHPB62.js";
+} from "./chunk-EFN2EIMK.js";
 import {
   EventContextRequiredError,
   OrganisationContextRequiredError
-} from "./chunk-36LVWXB2.js";
+} from "./chunk-AFVQODI2.js";
 import {
   assertAppId
 } from "./chunk-QXHPKYJV.js";
@@ -738,8 +736,8 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
             children: "\xD7"
           }
         ),
-        /* @__PURE__ */ jsx4(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { size: "sm", children: [
-          /* @__PURE__ */ jsx4(DialogHeader, { children: /* @__PURE__ */ jsx4(DialogTitle, { children: "Confirm Delete" }) }),
+        /* @__PURE__ */ jsx4(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { size: "sm", title: "Confirm Delete", children: [
+          /* @__PURE__ */ jsx4(DialogHeader, { children: /* @__PURE__ */ jsx4("h2", { children: "Confirm Delete" }) }),
           /* @__PURE__ */ jsx4(DialogBody, { children: /* @__PURE__ */ jsx4("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
           /* @__PURE__ */ jsxs3(DialogFooter, { children: [
             /* @__PURE__ */ jsx4(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
@@ -786,8 +784,8 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx4(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { size: "sm", children: [
-            /* @__PURE__ */ jsx4(DialogHeader, { children: /* @__PURE__ */ jsx4(DialogTitle, { children: "Confirm Delete" }) }),
+          /* @__PURE__ */ jsx4(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { size: "sm", title: "Confirm Delete", children: [
+            /* @__PURE__ */ jsx4(DialogHeader, { children: /* @__PURE__ */ jsx4("h2", { children: "Confirm Delete" }) }),
             /* @__PURE__ */ jsx4(DialogBody, { children: /* @__PURE__ */ jsx4("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
             /* @__PURE__ */ jsxs3(DialogFooter, { children: [
               /* @__PURE__ */ jsx4(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
@@ -2253,8 +2251,8 @@ function FormField({
   className
 }) {
   const { control } = useFormContext();
-  return /* @__PURE__ */ jsxs6("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsxs6(Label, { htmlFor: name, children: [
+  return /* @__PURE__ */ jsxs6("label", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs6(Fragment5, { children: [
       label,
       validation?.required && /* @__PURE__ */ jsx11("span", { className: "text-destructive ml-1", "aria-label": "required", children: "*" })
     ] }),
@@ -2384,7 +2382,7 @@ var LoginForm = React9.memo(({
           children: isLoading ? "Signing in..." : "Sign In"
         }
       ),
-      showSignUp && (onSignUp ? /* @__PURE__ */ jsx12("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx12(
+      showSignUp && (onSignUp ? /* @__PURE__ */ jsx12("p", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -2626,7 +2624,7 @@ function ContextSelector({
 // src/components/PasswordChange/PasswordChangeForm.tsx
 import { useState as useState8 } from "react";
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-function PasswordChangeForm({ onSubmit, className }) {
+function PasswordChangeForm({ onSubmit, onSuccess, className }) {
   const [newPassword, setNewPassword] = useState8("");
   const [confirmPassword, setConfirmPassword] = useState8("");
   const [error, setError] = useState8(null);
@@ -2647,6 +2645,8 @@ function PasswordChangeForm({ onSubmit, className }) {
       const result = await onSubmit({ newPassword, confirmPassword });
       if (result && result.error) {
         setError(result.error.message || "Failed to change password.");
+      } else {
+        onSuccess?.();
       }
     } catch (err) {
       const errorObj = err instanceof Error ? err : new Error("An unexpected error occurred");
@@ -2656,9 +2656,9 @@ function PasswordChangeForm({ onSubmit, className }) {
     }
   };
   return /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    error && /* @__PURE__ */ jsx14("div", { role: "alert", children: error }),
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx14(Label, { htmlFor: "new-password", children: "New Password" }),
+    error && /* @__PURE__ */ jsx14("p", { className: "grid place-items-center text-center size-full", role: "alert", children: error }),
+    /* @__PURE__ */ jsxs9(Label, { htmlFor: "new-password", className: "block mb-4", children: [
+      "New Password",
       /* @__PURE__ */ jsx14(
         Input,
         {
@@ -2667,12 +2667,13 @@ function PasswordChangeForm({ onSubmit, className }) {
           value: newPassword,
           onChange: (e) => setNewPassword(e.target.value),
           required: true,
-          disabled: isSubmitting
+          disabled: isSubmitting,
+          className: "mt-2"
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx14(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
+    /* @__PURE__ */ jsxs9(Label, { htmlFor: "confirm-password", className: "block mb-4", children: [
+      "Confirm Password",
       /* @__PURE__ */ jsx14(
         Input,
         {
@@ -2681,7 +2682,8 @@ function PasswordChangeForm({ onSubmit, className }) {
           value: confirmPassword,
           onChange: (e) => setConfirmPassword(e.target.value),
           required: true,
-          disabled: isSubmitting
+          disabled: isSubmitting,
+          className: "mt-2"
         }
       )
     ] }),
@@ -2700,7 +2702,7 @@ function PasswordChangeForm({ onSubmit, className }) {
 // src/components/UserMenu/UserMenu.tsx
 import React12, { useCallback as useCallback8, useMemo as useMemo6, useState as useState9 } from "react";
 import { ChevronDown, LogOut, KeyRound } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var UserMenu = React12.memo(function UserMenu2({
   user,
   onSignOut,
@@ -2708,7 +2710,6 @@ var UserMenu = React12.memo(function UserMenu2({
   className,
   showAvatar = true
 }) {
-  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState9(false);
   const userInfo = useMemo6(() => {
     if (!user) return null;
     return {
@@ -2724,7 +2725,14 @@ var UserMenu = React12.memo(function UserMenu2({
   if (!user || !userInfo) {
     return null;
   }
-  return /* @__PURE__ */ jsxs10(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
+  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState9(false);
+  const handlePasswordChange = useCallback8(async (newPassword, confirmPassword) => {
+    if (!onChangePassword) {
+      return { error: { message: "Password change not configured" } };
+    }
+    return await onChangePassword(newPassword, confirmPassword);
+  }, [onChangePassword]);
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
     /* @__PURE__ */ jsxs10(Select, { className, children: [
       /* @__PURE__ */ jsx15(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
         showAvatar && /* @__PURE__ */ jsx15(
@@ -2743,38 +2751,38 @@ var UserMenu = React12.memo(function UserMenu2({
         /* @__PURE__ */ jsx15(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs10("li", { className: "pt-2", children: [
           userInfo.displayName,
           /* @__PURE__ */ jsx15("br", {}),
-          /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground", children: userInfo.email })
+          /* @__PURE__ */ jsx15("small", { children: userInfo.email })
         ] }) }),
         /* @__PURE__ */ jsx15(SelectSeparator, {}),
-        /* @__PURE__ */ jsx15(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(SelectItem, { value: "change-password", children: [
-          /* @__PURE__ */ jsx15(KeyRound, { className: "mr-2 size-4" }),
-          /* @__PURE__ */ jsx15("span", { children: "Change Password" })
-        ] }) }),
+        /* @__PURE__ */ jsxs10(
+          SelectItem,
+          {
+            value: "change-password",
+            onClick: () => setPasswordDialogOpen(true),
+            children: [
+              /* @__PURE__ */ jsx15(KeyRound, { className: "inline-block mr-2 size-4" }),
+              "Change Password"
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs10(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
-          /* @__PURE__ */ jsx15(LogOut, { className: "mr-2 size-4" }),
-          /* @__PURE__ */ jsx15("span", { children: "Sign out" })
+          /* @__PURE__ */ jsx15(LogOut, { className: "inline-block mr-2 size-4" }),
+          "Sign out"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs10(DialogContent, { className, children: [
+    /* @__PURE__ */ jsx15(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: /* @__PURE__ */ jsxs10(DialogContent, { children: [
       /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { children: "Change Password" }) }),
       /* @__PURE__ */ jsx15(
         PasswordChangeForm,
         {
           onSubmit: async ({ newPassword, confirmPassword }) => {
-            if (onChangePassword) {
-              const { error } = await onChangePassword(newPassword, confirmPassword);
-              if (!error) {
-                setPasswordDialogOpen(false);
-              }
-              return { error };
-            }
-            return {};
-          }
+            return await handlePasswordChange(newPassword, confirmPassword);
+          },
+          onSuccess: () => setPasswordDialogOpen(false)
         }
       )
-    ] })
+    ] }) })
   ] });
 });
 var UserMenuLoading = React12.memo(function UserMenuLoading2() {
@@ -2845,7 +2853,7 @@ function useNavigationFiltering({
       }
       const userId2 = authContext.user.id;
       const appName = authContext.appName;
-      import("./api-6LVZTHDS.js").then(({ resolveAppContext }) => {
+      import("./api-O6HTBX5Y.js").then(({ resolveAppContext }) => {
         resolveAppContext({
           userId: userId2,
           appName
@@ -3088,7 +3096,7 @@ function useNavigationFiltering({
 }
 
 // src/components/NavigationMenu/NavigationMenu.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var NavigationMenu = React14.forwardRef(({
   items,
   mode = "dropdown",
@@ -3231,7 +3239,7 @@ var NavigationMenu = React14.forwardRef(({
     const hasChildren = item.children && item.children.length > 0;
     const isExpanded = expandedItems.has(item.id);
     const itemIsActive = isActiveItem(item);
-    return /* @__PURE__ */ jsx16("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs11("div", { children: [
+    return /* @__PURE__ */ jsx16("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs11(Fragment9, { children: [
       /* @__PURE__ */ jsxs11(
         "button",
         {
@@ -3426,7 +3434,7 @@ function Header({
 
 // src/components/Footer/Footer.tsx
 import React15 from "react";
-import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var FooterComponent = ({
   companyName = "Solvera Solutions Pty Ltd",
   year = (/* @__PURE__ */ new Date()).getFullYear(),
@@ -3439,7 +3447,7 @@ var FooterComponent = ({
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
   return /* @__PURE__ */ jsx18("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs13("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
     logo && /* @__PURE__ */ jsx18("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx18(Fragment8, { children }),
+    children && /* @__PURE__ */ jsx18(Fragment10, { children }),
     /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: copyrightText }),
     links && links.length > 0 && /* @__PURE__ */ jsx18("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
@@ -3451,7 +3459,7 @@ Footer.displayName = "Footer";
 // src/components/PaceAppLayout/PaceAppLayout.tsx
 import { useState as useState12, useEffect as useEffect7, useMemo as useMemo8 } from "react";
 import { Outlet, useNavigate, useLocation } from "react-router-dom";
-import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var EMPTY_PAGE_ID_MAPPING = {};
 var EMPTY_ROUTE_PERMISSIONS = {};
 function PaceAppLayout({
@@ -3651,7 +3659,7 @@ function PaceAppLayout({
         return;
       }
       try {
-        const { isSuperAdmin: checkSuperAdminDynamic } = await import("./api-6LVZTHDS.js");
+        const { isSuperAdmin: checkSuperAdminDynamic } = await import("./api-O6HTBX5Y.js");
         const isSuper = await checkSuperAdminDynamic(user.id);
         if (isSuper) {
           if (isMounted) {
@@ -3666,7 +3674,7 @@ function PaceAppLayout({
         }
       }
       try {
-        const { getPermissionMap } = await import("./api-6LVZTHDS.js");
+        const { getPermissionMap } = await import("./api-O6HTBX5Y.js");
         const permissionScope = {
           organisationId: currentScope.organisationId,
           eventId: currentScope.eventId,
@@ -3677,7 +3685,7 @@ function PaceAppLayout({
           userId: user.id,
           scope: permissionScope
         });
-        const { getPageScopeType } = await import("./api-6LVZTHDS.js");
+        const { getPageScopeType } = await import("./api-O6HTBX5Y.js");
         const effectiveAppId = currentScope.appId || resolvedAppId;
         const effectiveAppName = appName;
         const hasEventContext = !!currentScope.eventId;
@@ -3786,7 +3794,7 @@ function PaceAppLayout({
       let hasAccess = true;
       if (currentRoute.pageId && currentRoute.permissions && currentRoute.permissions.length > 0) {
         try {
-          const { isPermittedCached } = await import("./api-6LVZTHDS.js");
+          const { isPermittedCached } = await import("./api-O6HTBX5Y.js");
           const hasPagePermission = await isPermittedCached({
             userId: user?.id || "",
             scope,
@@ -3802,7 +3810,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-QPXO24B4.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-4SBX4LU5.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -3863,51 +3871,61 @@ function PaceAppLayout({
     }
   };
   if (user?.id && organisationLoading && !isSuperAdmin2 && !isCheckingSuperAdminDirect && !rbacLoading && !selectedOrganisationId) {
-    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs14("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx19("div", { className: "animate-spin rounded-full size-8 border-b-2 border-sec-900 mx-auto mb-4" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sec-600", children: "Loading organisation context..." })
-    ] }) });
+    return /* @__PURE__ */ jsxs14("p", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx19(
+        LoadingSpinner,
+        {
+          size: "lg"
+        }
+      ),
+      /* @__PURE__ */ jsx19("br", {}),
+      "Loading organisation context..."
+    ] });
   }
   if (enforcePermissions && isCheckingPermission) {
-    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs14("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx19("div", { className: "animate-spin rounded-full size-8 border-b-2 border-sec-900 mx-auto mb-4" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sec-600", children: "Checking permissions..." })
-    ] }) });
+    return /* @__PURE__ */ jsxs14("p", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx19(
+        LoadingSpinner,
+        {
+          size: "lg"
+        }
+      ),
+      /* @__PURE__ */ jsx19("br", {}),
+      "Checking permissions..."
+    ] });
   }
   if (enforcePermissions && permissionError && !isSuperAdmin2 && !isContextError) {
-    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs14("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Permission Error" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sec-600 mb-4", children: permissionError.message }),
+    return /* @__PURE__ */ jsxs14("hgroup", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Permission Error" }),
+      /* @__PURE__ */ jsx19("p", { children: permissionError.message }),
       /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" })
-    ] }) });
+    ] });
   }
   if (enforcePermissions && hasPermission === false && !isCheckingSuperAdminDirect && !isSuperAdmin2 && !isContextError) {
     if (enforcePagePermissions && pagePermissionFallback) {
-      return /* @__PURE__ */ jsx19(Fragment9, { children: pagePermissionFallback });
+      return /* @__PURE__ */ jsx19(Fragment11, { children: pagePermissionFallback });
     }
     if (permissionFallback) {
-      return /* @__PURE__ */ jsx19(Fragment9, { children: permissionFallback });
-    }
-    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs14("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sec-600 mb-4", children: "You don't have permission to access this page." }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex gap-2 justify-center", children: [
-        /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" }),
-        /* @__PURE__ */ jsx19(
-          Button,
-          {
-            variant: "outline",
-            onClick: async () => {
-              await handleSignOut();
-              navigate("/login");
-            },
-            children: "Sign out"
-          }
-        )
-      ] })
-    ] }) });
+      return /* @__PURE__ */ jsx19(Fragment11, { children: permissionFallback });
+    }
+    return /* @__PURE__ */ jsxs14("hgroup", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Access Denied" }),
+      /* @__PURE__ */ jsx19("p", { children: "You don't have permission to access this page." }),
+      /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" }),
+      /* @__PURE__ */ jsx19(
+        Button,
+        {
+          variant: "outline",
+          onClick: async () => {
+            await handleSignOut();
+            navigate("/login");
+          },
+          children: "Sign out"
+        }
+      )
+    ] });
   }
-  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment11, { children: [
     /* @__PURE__ */ jsx19(
       Header,
       {
@@ -4256,7 +4274,7 @@ function ProtectedRoute({
 
 // src/components/FileUpload/FileUpload.tsx
 import { useState as useState15, useCallback as useCallback10, useRef as useRef9, useEffect as useEffect10, useMemo as useMemo10 } from "react";
-import { Fragment as Fragment10, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function FileUpload({
   supabase,
   table_name,
@@ -4633,7 +4651,7 @@ function FileUpload({
                 "aria-label": accept ? `Upload file${multiple ? "s" : ""} (${accept})` : `Upload file${multiple ? "s" : ""}`
               }
             ),
-            /* @__PURE__ */ jsx23("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs18(Fragment10, { children: [
+            /* @__PURE__ */ jsx23("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs18(Fragment12, { children: [
               /* @__PURE__ */ jsx23("span", { className: "font-medium", children: "Click to upload" }),
               " ",
               "or drag and drop"
@@ -4817,7 +4835,7 @@ var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/PublicPageLayout.tsx
-import { Fragment as Fragment11, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -4842,9 +4860,9 @@ function PublicPageHeader({
         alt: appName
       }
     ),
-    event && /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    event && /* @__PURE__ */ jsxs19(Fragment13, { children: [
       /* @__PURE__ */ jsx25("h1", { children: event.event_name }),
-      showEventLogo && event && /* @__PURE__ */ jsx25(Fragment11, { children: customEventLogo || /* @__PURE__ */ jsx25(
+      showEventLogo && event && /* @__PURE__ */ jsx25(Fragment13, { children: customEventLogo || /* @__PURE__ */ jsx25(
         FileDisplay,
         {
           table_name: "event",
@@ -4863,11 +4881,11 @@ function PublicPageHeader({
       ) }),
       event.event_venue && /* @__PURE__ */ jsx25("h4", { children: event.event_venue })
     ] }),
-    title && /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    title && /* @__PURE__ */ jsxs19(Fragment13, { children: [
       /* @__PURE__ */ jsx25("h1", { children: title }),
       description && /* @__PURE__ */ jsx25("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
     ] }),
-    children && /* @__PURE__ */ jsx25(Fragment11, { children })
+    children && /* @__PURE__ */ jsx25(Fragment13, { children })
   ] });
 }
 function PublicPageFooter({
@@ -4883,7 +4901,7 @@ function PublicPageFooter({
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
   return /* @__PURE__ */ jsx25("footer", { className: cn("mt-8 py-6 flex justify-center", className), children: /* @__PURE__ */ jsxs19("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
     logo && /* @__PURE__ */ jsx25("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx25(Fragment11, { children }),
+    children && /* @__PURE__ */ jsx25(Fragment13, { children }),
     /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: copyrightText }),
     links && links.length > 0 && /* @__PURE__ */ jsx25("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsx25("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
@@ -4910,10 +4928,16 @@ function PublicPageLayout({
     if (LoadingFallback) {
       return /* @__PURE__ */ jsx25(LoadingFallback, {});
     }
-    return /* @__PURE__ */ jsx25("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ jsxs19("div", { className: "max-w-md mx-auto text-center px-4", children: [
-      /* @__PURE__ */ jsx25(LoadingSpinner, { size: "lg", className: "mx-auto mb-4" }),
-      loadingMessage && /* @__PURE__ */ jsx25("p", { className: "text-sec-600", children: loadingMessage })
-    ] }) });
+    return /* @__PURE__ */ jsxs19("p", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx25(
+        LoadingSpinner,
+        {
+          size: "lg"
+        }
+      ),
+      /* @__PURE__ */ jsx25("br", {}),
+      loadingMessage || "Loading..."
+    ] });
   }
   if (error && showValidationErrors) {
     if (ErrorFallback) {
@@ -4936,7 +4960,7 @@ function PublicPageLayout({
       handleRefetch && /* @__PURE__ */ jsx25(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
-  return /* @__PURE__ */ jsx25(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs19(Fragment11, { children: [
+  return /* @__PURE__ */ jsx25(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs19(Fragment13, { children: [
     customHeader || /* @__PURE__ */ jsx25(
       PublicPageHeader,
       {
@@ -5000,4 +5024,4 @@ export {
   PublicPageFooter,
   PublicPageLayout
 };
-//# sourceMappingURL=chunk-I6DAQMWX.js.map
+//# sourceMappingURL=chunk-6COVEUS7.js.map