@jmruthers/pace-core 0.5.121 → 0.5.123

package/dist/{chunk-QPI2CCBA.js → chunk-ZPJMYGEP.js}

@@ -25,13 +25,13 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-HFBOFZ3Z.js";
+} from "./chunk-DHMFMXFV.js";
 import {
   useCan,
   usePermissions,
   useRBAC,
   useResolvedScope
-} from "./chunk-D6BOFXYR.js";
+} from "./chunk-35ZDPMBM.js";
 import {
   isSuperAdmin
 } from "./chunk-WP5I5GLN.js";
@@ -50,7 +50,7 @@ import {
   useIsPublicPage,
   usePublicFileDisplay,
   usePublicPageContext
-} from "./chunk-FKFHZUGF.js";
+} from "./chunk-XN6GWKMV.js";
 import {
   useToast
 } from "./chunk-GKHF54DI.js";
@@ -58,11 +58,11 @@ import {
   init_useOrganisations,
   useEvents,
   useOrganisations
-} from "./chunk-CGURJ27Z.js";
+} from "./chunk-4MXVZVNS.js";
 import {
   UnifiedAuthProvider_exports,
   init_UnifiedAuthProvider as init_UnifiedAuthProvider2
-} from "./chunk-ZYJ6O5CA.js";
+} from "./chunk-C43QIDN3.js";
 import {
   EventServiceContext,
   EventServiceProvider,
@@ -72,13 +72,10 @@ import {
   useEventService,
   useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-BHWIUEYH.js";
+} from "./chunk-ZBLK676C.js";
 import {
   LoadingSpinner
 } from "./chunk-CDQ3PX7L.js";
-import {
-  cn
-} from "./chunk-PYUXFQJ3.js";
 import {
   getCurrentAppName
 } from "./chunk-JCQZ6LA7.js";
@@ -86,9 +83,11 @@ import {
   performanceBudgetMonitor
 } from "./chunk-O3NWNXDY.js";
 import {
-  clearPalette,
-  init_runtime
-} from "./chunk-SMJZMKYN.js";
+  cn
+} from "./chunk-PYUXFQJ3.js";
+import {
+  clearPalette
+} from "./chunk-GEVIB2UB.js";
 import {
   __esm,
   __export,
@@ -1670,7 +1669,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-UACKFATV.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-6C47WIML.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -1744,7 +1743,20 @@ function PaceAppLayout({
     return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx14("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
       /* @__PURE__ */ jsx14("p", { className: "text-sec-600 mb-4", children: "You don't have permission to access this page." }),
-      /* @__PURE__ */ jsx14(Button, { onClick: () => navigate("/"), children: "Go Home" })
+      /* @__PURE__ */ jsxs10("div", { className: "flex gap-2 justify-center", children: [
+        /* @__PURE__ */ jsx14(Button, { onClick: () => navigate("/"), children: "Go Home" }),
+        /* @__PURE__ */ jsx14(
+          Button,
+          {
+            variant: "outline",
+            onClick: async () => {
+              await handleSignOut();
+              navigate("/login");
+            },
+            children: "Sign out"
+          }
+        )
+      ] })
     ] }) });
   }
   return /* @__PURE__ */ jsxs10(Fragment4, { children: [
@@ -1780,7 +1792,6 @@ function PaceAppLayout({
 // src/components/PaceLoginPage/PaceLoginPage.tsx
 import { useEffect as useEffect4, useState as useState6, useContext } from "react";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
-init_runtime();
 init_EventServiceProvider();
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var PaceLoginPage = ({
@@ -3935,6 +3946,7 @@ var TableCaption = React19.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/PublicPageHeader.tsx
+import { Link as Link2 } from "react-router-dom";
 import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
@@ -3946,21 +3958,62 @@ function PublicPageHeader({
   className = "",
   children,
   customAppLogo,
-  customEventLogo
+  customEventLogo,
+  logoUrl,
+  logoAlt,
+  logoHref
 }) {
   const { appName } = useAppConfig();
-  const headerClasses = `bg-white border-b border-gray-200 ${className}`.trim();
-  return /* @__PURE__ */ jsx24("header", { className: headerClasses, children: /* @__PURE__ */ jsxs19("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between py-4", children: [
-      showAppLogo && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsx24(
-        "img",
-        {
-          className: "h-8 w-8 object-contain",
-          src: `/${appName.toLowerCase()}_logo_square.svg`,
-          alt: appName
-        }
-      ) }),
-      showEventLogo && event && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs19("header", { className: cn(
+    " px-4 w-[min(var(--app-width),100%)] mx-auto bg-background border-b border-sec-200 grid grid-cols-[auto_1fr_auto]  place-items-center gap-2",
+    className
+  ), children: [
+    showAppLogo && /* @__PURE__ */ jsx24(Fragment7, { children: customAppLogo ? logoHref ? /* @__PURE__ */ jsx24(Link2, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: customAppLogo }) : customAppLogo : logoUrl ? logoHref ? /* @__PURE__ */ jsx24(Link2, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx24(
+      "img",
+      {
+        className: "max-w-36 object-contain row-span-2",
+        src: logoUrl,
+        alt: logoAlt || appName
+      }
+    ) }) : /* @__PURE__ */ jsx24(
+      "img",
+      {
+        className: "max-w-36 object-contain row-span-2",
+        src: logoUrl,
+        alt: logoAlt || appName
+      }
+    ) : appName ? logoHref ? /* @__PURE__ */ jsx24(Link2, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx24(
+      "img",
+      {
+        className: "max-w-36 object-contain row-span-2",
+        src: `/${appName.toLowerCase()}_logo_wide.svg`,
+        alt: logoAlt || appName
+      }
+    ) }) : /* @__PURE__ */ jsx24(
+      "img",
+      {
+        className: "max-w-36 object-contain row-span-2",
+        src: `/${appName.toLowerCase()}_logo_wide.svg`,
+        alt: logoAlt || appName
+      }
+    ) : logoHref ? /* @__PURE__ */ jsx24(Link2, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx24(
+      "img",
+      {
+        src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
+        alt: logoAlt || "Logo",
+        className: "max-w-36 object-contain row-span-2"
+      }
+    ) }) : /* @__PURE__ */ jsx24(
+      "img",
+      {
+        src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
+        alt: logoAlt || "Logo",
+        className: "max-w-36 object-contain row-span-2"
+      }
+    ) }),
+    event && /* @__PURE__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsx24("h1", { children: event.event_name }),
+      showEventLogo && event && /* @__PURE__ */ jsx24(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsx24(
         FileDisplay,
         {
           table_name: "event",
@@ -3970,26 +4023,21 @@ function PublicPageHeader({
           displayOnly: true,
           showFallback: true,
           fallbackSize: "md",
-          className: "[&_img]:h-12 [&_img]:w-12 [&_img]:object-contain [&>div]:h-12 [&>div]:w-12",
+          className: "max-w-36 row-span-2",
           generateFallbackText: (fileName) => {
             if (!event.event_name) return "EV";
             return event.event_name.split(/[\s\-_]+/).map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
           }
         }
-      ) })
+      ) }),
+      event.event_venue && /* @__PURE__ */ jsx24("h4", { children: event.event_venue })
     ] }),
-    /* @__PURE__ */ jsx24("div", { className: "pb-4", children: /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
-      event && /* @__PURE__ */ jsxs19(Fragment7, { children: [
-        /* @__PURE__ */ jsx24("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
-        event.event_venue && /* @__PURE__ */ jsx24("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
-      ] }),
-      title && /* @__PURE__ */ jsxs19("div", { className: "mt-6", children: [
-        /* @__PURE__ */ jsx24("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
-        description && /* @__PURE__ */ jsx24("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
-      ] }),
-      children && /* @__PURE__ */ jsx24("div", { className: "mt-4", children })
-    ] }) })
-  ] }) });
+    title && /* @__PURE__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsx24("h1", { children: title }),
+      description && /* @__PURE__ */ jsx24("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
+    ] }),
+    children && /* @__PURE__ */ jsx24(Fragment7, { children })
+  ] });
 }
 
 // src/components/PublicLayout/PublicPageFooter.tsx
@@ -4031,7 +4079,7 @@ function PublicLoadingSpinner({
 }) {
   const sizeClass = sizeClasses[size];
   const displayMessage = customMessage || message;
-  const content = /* @__PURE__ */ jsxs21("div", { className: `flex flex-col items-center ${className}`, children: [
+  const content = /* @__PURE__ */ jsxs21("div", { className: cn("flex flex-col items-center", className), children: [
     showLogo && /* @__PURE__ */ jsx26("div", { className: "mb-4", children: /* @__PURE__ */ jsx26(
       "img",
       {
@@ -4044,17 +4092,20 @@ function PublicLoadingSpinner({
       /* @__PURE__ */ jsx26(
         "div",
         {
-          className: `${sizeClass} border-2 border-gray-200 border-t-blue-600 rounded-full animate-spin`,
+          className: cn(
+            sizeClass,
+            "border-2 border-sec-200 border-t-main-600 rounded-full animate-spin"
+          ),
           role: "status",
           "aria-label": "Loading"
         }
       ),
       /* @__PURE__ */ jsx26("span", { className: "sr-only", children: displayMessage })
     ] }),
-    displayMessage && /* @__PURE__ */ jsx26("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
+    displayMessage && /* @__PURE__ */ jsx26("p", { className: "mt-4 text-sm text-sec-600 text-center", children: displayMessage })
   ] });
   if (centered) {
-    return /* @__PURE__ */ jsx26("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "max-w-md mx-auto px-4", children: content }) });
+    return /* @__PURE__ */ jsx26("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "max-w-md mx-auto px-4", children: content }) });
   }
   return content;
 }
@@ -4063,7 +4114,10 @@ function PublicLoadingSpinnerFullPage({
   eventName,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs21("div", { className: "max-w-md mx-auto text-center px-4", children: [
+  return /* @__PURE__ */ jsx26("div", { className: cn(
+    "min-h-screen bg-background flex items-center justify-center",
+    className
+  ), children: /* @__PURE__ */ jsxs21("div", { className: "max-w-md mx-auto text-center px-4", children: [
     /* @__PURE__ */ jsx26("div", { className: "mb-8", children: /* @__PURE__ */ jsx26(
       "img",
       {
@@ -4072,20 +4126,20 @@ function PublicLoadingSpinnerFullPage({
         alt: "PACE Core"
       }
     ) }),
-    eventName && /* @__PURE__ */ jsx26("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
+    eventName && /* @__PURE__ */ jsx26("h1", { className: "text-2xl font-bold text-sec-900 mb-4", children: eventName }),
     /* @__PURE__ */ jsx26("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx26(
       "div",
       {
-        className: "h-12 w-12 border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin mx-auto",
+        className: "h-12 w-12 border-4 border-sec-200 border-t-main-600 rounded-full animate-spin mx-auto",
         role: "status",
         "aria-label": "Loading"
       }
     ) }),
-    /* @__PURE__ */ jsx26("p", { className: "text-lg text-gray-600", children: message }),
+    /* @__PURE__ */ jsx26("p", { className: "text-lg text-sec-600", children: message }),
     /* @__PURE__ */ jsxs21("div", { className: "mt-4 flex justify-center space-x-1", children: [
-      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
     ] })
   ] }) });
 }
@@ -4093,83 +4147,82 @@ function PublicLoadingSkeleton({
   lines = 3,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx26("div", { className: cn("animate-pulse", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx26(
     "div",
     {
-      className: `h-4 bg-gray-200 rounded mb-2 ${index === lines - 1 ? "w-3/4" : "w-full"}`
+      className: cn(
+        "h-4 bg-sec-200 rounded mb-2",
+        index === lines - 1 ? "w-3/4" : "w-full"
+      )
     },
     index
   )) });
 }
 
 // src/components/PublicLayout/PublicPageLayout.tsx
-import { useMemo as useMemo10 } from "react";
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function PublicPageLayout({
   eventCode,
   children,
   event = null,
+  isLoading = false,
+  error = null,
+  refetch,
   showFooter = true,
   className = "",
   errorFallback: ErrorFallback,
   loadingFallback: LoadingFallback = PublicLoadingSpinner,
   customHeader,
   customFooter,
-  showValidationErrors = true
+  showValidationErrors = true,
+  loadingMessage
 }) {
-  const isLoading = false;
-  const error = null;
-  const refetch = async () => {
-  };
-  const layoutClasses = useMemo10(() => {
-    const baseClasses = "min-h-screen bg-white flex flex-col";
-    return `${baseClasses} ${className}`.trim();
-  }, [className]);
+  useEventTheme(event);
+  const handleRefetch = refetch || (async () => {
+  });
   if (isLoading) {
-    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx27(LoadingFallback, {}) }) });
+    if (LoadingFallback === PublicLoadingSpinner) {
+      return /* @__PURE__ */ jsx27(
+        PublicLoadingSpinner,
+        {
+          className: "items-center justify-center",
+          message: loadingMessage
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx27(LoadingFallback, {});
   }
   if (error && showValidationErrors) {
-    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx27(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs22("p", { className: "text-gray-600 mb-6", children: [
+    if (ErrorFallback) {
+      return /* @__PURE__ */ jsx27(ErrorFallback, { error, retry: handleRefetch });
+    }
+    return /* @__PURE__ */ jsx27("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx27("h1", { children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs22("p", { children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
       ] }),
-      /* @__PURE__ */ jsx27(
-        "button",
-        {
-          onClick: refetch,
-          className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors",
-          children: "Try Again"
-        }
-      )
-    ] }) }) });
+      /* @__PURE__ */ jsx27(Button, { onClick: handleRefetch, children: "Try Again" })
+    ] }) });
   }
-  if (!event) {
-    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
-      /* @__PURE__ */ jsx27("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
-      /* @__PURE__ */ jsx27(
-        "button",
-        {
-          onClick: refetch,
-          className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors",
-          children: "Try Again"
-        }
-      )
-    ] }) }) });
+  if (!event && showValidationErrors) {
+    return /* @__PURE__ */ jsx27("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx27("h1", { children: "Event Not Available" }),
+      /* @__PURE__ */ jsx27("p", { children: "This event is not available for public viewing." }),
+      handleRefetch && /* @__PURE__ */ jsx27(Button, { onClick: handleRefetch, children: "Try Again" })
+    ] }) });
   }
-  return /* @__PURE__ */ jsx27(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs22("div", { className: layoutClasses, children: [
+  return /* @__PURE__ */ jsx27(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs22(Fragment9, { children: [
     customHeader || /* @__PURE__ */ jsx27(
       PublicPageHeader,
       {
-        event,
+        event: event || void 0,
         eventCode
       }
     ),
     /* @__PURE__ */ jsx27("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
-    showFooter && (customFooter || /* @__PURE__ */ jsx27(PublicPageFooter, { event }))
+    showFooter && event && (customFooter || /* @__PURE__ */ jsx27(PublicPageFooter, { event }))
   ] }) });
 }
 function usePublicPageContext2() {
@@ -4513,4 +4566,4 @@ export {
   PublicPageDiagnostic,
   PublicPageContextChecker
 };
-//# sourceMappingURL=chunk-QPI2CCBA.js.map
+//# sourceMappingURL=chunk-ZPJMYGEP.js.map