@jmruthers/pace-core 0.5.85 → 0.5.87

package/dist/{DataTable-4W5UPIJT.js → DataTable-FA6EUX5M.js}

@@ -53,7 +53,7 @@ import {
   sortHierarchicalDataWithSorting,
   validateHierarchicalData,
   validatePaginationConfig
-} from "./chunk-X7R6NVYQ.js";
+} from "./chunk-KAY3K5TP.js";
 import "./chunk-YVUZWLQG.js";
 import "./chunk-S63MFSY6.js";
 import "./chunk-Q7APDV6H.js";
@@ -74,7 +74,7 @@ import {
   safeExecute,
   throttle,
   useDataTablePerformance
-} from "./chunk-YCKPEMJA.js";
+} from "./chunk-QPCAGLUS.js";
 import "./chunk-CBSD3BZ3.js";
 import "./chunk-RIXPZJUB.js";
 import "./chunk-5BN3YGNK.js";
@@ -154,4 +154,4 @@ export {
   validateHierarchicalData,
   validatePaginationConfig
 };
-//# sourceMappingURL=DataTable-4W5UPIJT.js.map
+//# sourceMappingURL=DataTable-FA6EUX5M.js.map

package/dist/{PublicLoadingSpinner-CnUaz0vG.d.ts → PublicLoadingSpinner-DecuJBX0.d.ts}

@@ -3429,7 +3429,7 @@ interface EventLogoProps {
  * @param props - Logo configuration and styling
  * @returns React element with event logo or fallback
  */
-declare function EventLogo({ eventId, eventName, organisationId, size, className, showFallback, generateFallbackText, validateImage, loadingComponent: LoadingComponent, errorComponent: ErrorComponent }: EventLogoProps): react_jsx_runtime.JSX.Element | null;
+declare function EventLogo({ eventId, eventName, organisationId, size, className, showFallback, generateFallbackText, validateImage, loadingComponent: LoadingComponent, errorComponent: ErrorComponent }: EventLogoProps): react_jsx_runtime.JSX.Element;
 /**
  * Compact event logo for small spaces
  */

package/dist/{chunk-V5SWX6KL.js → chunk-2FQEQUJT.js}

@@ -1,7 +1,7 @@
 import {
   init_OrganisationProvider,
   usePublicPageContext
-} from "./chunk-KUYWZVR2.js";
+} from "./chunk-ZFLOV3OM.js";
 import {
   init_useOrganisations,
   useEvents,
@@ -699,4 +699,4 @@ export {
   generatePublicRoutePath,
   extractEventCodeFromPath
 };
-//# sourceMappingURL=chunk-V5SWX6KL.js.map
+//# sourceMappingURL=chunk-2FQEQUJT.js.map

package/dist/{chunk-YEQDKCPW.js → chunk-I7O3RSMN.js}

@@ -22,7 +22,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-X7R6NVYQ.js";
+} from "./chunk-KAY3K5TP.js";
 import {
   isPermitted,
   isSuperAdmin
@@ -30,26 +30,29 @@ import {
 import {
   OrganisationProvider_exports,
   PublicErrorBoundary,
+  PublicPageContext,
   init_OrganisationProvider,
   useAppConfig,
+  useIsPublicPage,
   usePublicEventLogo,
   usePublicPageContext
-} from "./chunk-KUYWZVR2.js";
+} from "./chunk-ZFLOV3OM.js";
 import {
   useToast
-} from "./chunk-YCKPEMJA.js";
+} from "./chunk-QPCAGLUS.js";
 import {
   useEvents,
   useOrganisations
 } from "./chunk-CBSD3BZ3.js";
 import {
   UnifiedAuthProvider_exports,
-  init_UnifiedAuthProvider
+  init_UnifiedAuthProvider as init_UnifiedAuthProvider2
 } from "./chunk-RIXPZJUB.js";
 import {
   EventServiceContext,
   EventServiceProvider,
   init_EventServiceProvider,
+  init_UnifiedAuthProvider,
   useEventService,
   useUnifiedAuth
 } from "./chunk-5BN3YGNK.js";
@@ -838,7 +841,7 @@ UserMenu.Loading = UserMenuLoading;
 // src/components/NavigationMenu/NavigationMenu.tsx
 import * as React9 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-init_UnifiedAuthProvider();
+init_UnifiedAuthProvider2();
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var NavigationMenu = React9.forwardRef(({
   items,
@@ -1197,7 +1200,7 @@ var Footer = React10.memo(FooterComponent);
 Footer.displayName = "Footer";
 
 // src/components/PaceAppLayout/PaceAppLayout.tsx
-init_UnifiedAuthProvider();
+init_UnifiedAuthProvider2();
 import { useState as useState5, useEffect as useEffect3, useMemo as useMemo5, useCallback as useCallback3 } from "react";
 import { Outlet, useNavigate, useLocation } from "react-router-dom";
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -1956,7 +1959,7 @@ function OrganisationSelector({
 
 // src/components/PasswordReset/PasswordResetForm.tsx
 import { useState as useState8 } from "react";
-init_UnifiedAuthProvider();
+init_UnifiedAuthProvider2();
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function PasswordResetForm({
   onSuccess,
@@ -3159,7 +3162,8 @@ var TableCaption = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/EventLogo.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo6, useContext } from "react";
+init_UnifiedAuthProvider();
 import { jsx as jsx21 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: "h-4 w-4 text-xs",
@@ -3173,39 +3177,107 @@ function defaultGenerateFallbackText(eventName) {
   if (!eventName) return "EV";
   return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
 }
-function EventLogo({
+function EventLogoPublic({
   eventId,
   eventName,
   organisationId,
-  size = "md",
-  className = "",
-  showFallback = true,
-  generateFallbackText = defaultGenerateFallbackText,
-  validateImage = true,
-  loadingComponent: LoadingComponent,
-  errorComponent: ErrorComponent
+  size,
+  className,
+  showFallback,
+  generateFallbackText,
+  validateImage,
+  LoadingComponent,
+  ErrorComponent
 }) {
-  let isPublicPage = false;
-  try {
-    const { isPublicPage: publicContext } = usePublicPageContext();
-    isPublicPage = publicContext === true;
-  } catch {
-    isPublicPage = false;
+  const publicPageContext = useContext(PublicPageContext);
+  const supabase = publicPageContext?.supabase ?? null;
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
+  if (!supabase) {
+    const effectiveSize = size || "md";
+    return /* @__PURE__ */ jsx21("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText(eventName) : "EV" });
   }
-  const shouldAvoidAuthContext = useMemo6(() => {
-    if (isPublicPage) return true;
-    try {
-      (init_UnifiedAuthProvider(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
-      return false;
-    } catch {
-      return true;
+  const {
+    logoUrl,
+    fallbackText,
+    isLoading,
+    error
+  } = usePublicEventLogo(
+    eventId,
+    eventName,
+    organisationId,
+    // Always pass organisationId, let the hook handle validation
+    {
+      validateImage,
+      generateFallbackText,
+      supabase
+    }
+  );
+  const sizeClass = useMemo6(() => sizeClasses[size || "md"], [size]);
+  const combinedClasses = useMemo6(() => {
+    const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
+    return `${baseClasses} ${sizeClass} ${className}`.trim();
+  }, [sizeClass, className]);
+  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
+    return /* @__PURE__ */ jsx21("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+  }
+  if (isLoading) {
+    if (LoadingComponent) {
+      return /* @__PURE__ */ jsx21(LoadingComponent, {});
+    }
+    return /* @__PURE__ */ jsx21("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx21("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+  }
+  if (error) {
+    if (ErrorComponent) {
+      return /* @__PURE__ */ jsx21(ErrorComponent, { error });
     }
-  }, [isPublicPage]);
+    if (showFallback) {
+      return /* @__PURE__ */ jsx21("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+    }
+    return null;
+  }
+  if (!logoUrl) {
+    if (showFallback) {
+      return /* @__PURE__ */ jsx21("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx21(
+    "img",
+    {
+      src: logoUrl,
+      alt: `${eventName} logo`,
+      className: `${sizeClass} ${className}`.trim(),
+      onError: (e) => {
+        const target = e.target;
+        target.style.display = "none";
+        const fallback = document.createElement("div");
+        fallback.className = combinedClasses;
+        fallback.textContent = fallbackText;
+        fallback.title = `${eventName} logo`;
+        target.parentNode?.insertBefore(fallback, target.nextSibling);
+      }
+    }
+  );
+}
+function EventLogoAuthenticated({
+  eventId,
+  eventName,
+  organisationId,
+  size,
+  className,
+  showFallback,
+  generateFallbackText,
+  validateImage,
+  LoadingComponent,
+  ErrorComponent
+}) {
+  const { supabase } = useUnifiedAuth();
   const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
   const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
-  const { supabase } = usePublicPageContext();
   if (!supabase) {
-    return /* @__PURE__ */ jsx21("div", { className: `${sizeClasses[size]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText(eventName) : "EV" });
+    const effectiveSize = size || "md";
+    return /* @__PURE__ */ jsx21("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText(eventName) : "EV" });
   }
   const {
     logoUrl,
@@ -3223,7 +3295,7 @@ function EventLogo({
       supabase
     }
   );
-  const sizeClass = useMemo6(() => sizeClasses[size], [size]);
+  const sizeClass = useMemo6(() => sizeClasses[size || "md"], [size]);
   const combinedClasses = useMemo6(() => {
     const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
     return `${baseClasses} ${sizeClass} ${className}`.trim();
@@ -3270,6 +3342,52 @@ function EventLogo({
     }
   );
 }
+function EventLogo({
+  eventId,
+  eventName,
+  organisationId,
+  size = "md",
+  className = "",
+  showFallback = true,
+  generateFallbackText = defaultGenerateFallbackText,
+  validateImage = true,
+  loadingComponent: LoadingComponent,
+  errorComponent: ErrorComponent
+}) {
+  const isPublicPage = useIsPublicPage();
+  if (isPublicPage) {
+    return /* @__PURE__ */ jsx21(
+      EventLogoPublic,
+      {
+        eventId,
+        eventName,
+        organisationId,
+        size,
+        className,
+        showFallback,
+        generateFallbackText,
+        validateImage,
+        LoadingComponent,
+        ErrorComponent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx21(
+    EventLogoAuthenticated,
+    {
+      eventId,
+      eventName,
+      organisationId,
+      size,
+      className,
+      showFallback,
+      generateFallbackText,
+      validateImage,
+      LoadingComponent,
+      ErrorComponent
+    }
+  );
+}
 function EventLogoCompact(props) {
   return /* @__PURE__ */ jsx21(
     EventLogo,
@@ -3552,7 +3670,7 @@ function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
       console.warn(`[${label}] Not in PublicPageProvider context:`, error instanceof Error ? error.message : String(error));
     }
     try {
-      const { isAuthenticated } = (init_UnifiedAuthProvider(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
+      const { isAuthenticated } = (init_UnifiedAuthProvider2(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
       console.warn(`[${label}] AUTHENTICATION CONTEXT DETECTED! This should not happen in public pages.`);
       console.warn(`[${label}] isAuthenticated:`, isAuthenticated);
     } catch (error) {
@@ -3629,7 +3747,7 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
         newDiagnostics.hasPublicPageContext = false;
       }
       try {
-        const { isAuthenticated } = (init_UnifiedAuthProvider(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
+        const { isAuthenticated } = (init_UnifiedAuthProvider2(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
         newDiagnostics.hasAuthContext = true;
       } catch (error) {
         newDiagnostics.hasAuthContext = false;
@@ -3732,7 +3850,7 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     if (!enabled) return;
     console.group(`\u{1F6A8} [${label}] PUBLIC PAGE CONTEXT CHECK`);
     try {
-      const { isAuthenticated } = (init_UnifiedAuthProvider(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
+      const { isAuthenticated } = (init_UnifiedAuthProvider2(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
       console.error(`\u274C [${label}] AUTHENTICATION CONTEXT DETECTED!`);
       console.error(`\u274C [${label}] isAuthenticated:`, isAuthenticated);
       console.error(`\u274C [${label}] This public page is inside UnifiedAuthProvider - THIS IS WRONG!`);
@@ -3883,4 +4001,4 @@ export {
   PublicPageDiagnostic,
   PublicPageContextChecker
 };
-//# sourceMappingURL=chunk-YEQDKCPW.js.map
+//# sourceMappingURL=chunk-I7O3RSMN.js.map