@jmruthers/pace-core 0.6.5 → 0.6.7

package/dist/{chunk-NTM7ZSB6.js → chunk-VBCS3DUA.js}

@@ -1,60 +1,188 @@
-import {
-  useEventService,
-  useOrganisations,
-  useUnifiedAuth
-} from "./chunk-IHB5DR3H.js";
-import {
-  performanceBudgetMonitor
-} from "./chunk-FMUCXFII.js";
-import {
-  logger
-} from "./chunk-PWLANIRT.js";
+import { UnifiedAuthContext, useUnifiedAuth, useOrganisations } from './chunk-FTCRZOG2.js';
+import { cn, performanceBudgetMonitor } from './chunk-7ILTDCL2.js';
+import { logger } from './chunk-TTRFSOKR.js';
+import * as React from 'react';
+import React__default, { createContext, useContext, Component, useMemo, useState, useEffect, useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createClient } from '@supabase/supabase-js';
 
-// src/hooks/useEvents.ts
-import { useMemo, useRef } from "react";
-function useEvents() {
-  const eventService = useEventService();
-  const rawEvents = eventService.getEvents();
-  const selectedEvent = eventService.getSelectedEvent();
-  const isLoading = eventService.isLoading();
-  const error = eventService.getError();
-  const prevEventsRef = useRef([]);
-  const prevEventsIdsRef = useRef("");
-  const currentEventsIds = rawEvents.map((e) => e.event_id || e.id).join(",");
-  const eventsChanged = currentEventsIds !== prevEventsIdsRef.current;
-  if (eventsChanged) {
-    prevEventsRef.current = rawEvents;
-    prevEventsIdsRef.current = currentEventsIds;
-  }
-  const events = useMemo(() => {
-    return prevEventsRef.current;
-  }, [currentEventsIds]);
-  const setSelectedEventCallback = useMemo(
-    () => (event) => eventService.setSelectedEvent(event),
-    [eventService]
+function getCardClasses(variant = "default", size = "default") {
+  const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
+  const variantClasses = {
+    default: "shadow-xl",
+    outline: "border-2",
+    ghost: "border-0 shadow-none"
+  };
+  const sizeClasses = {
+    default: "",
+    sm: "text-sm",
+    lg: "text-lg"
+  };
+  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]}`;
+}
+var CardWithNavigation = React.forwardRef(({ className, variant, size, isLink, link, onClick, ...props }, ref) => {
+  const navigate = useNavigate();
+  const handleClick = (e) => {
+    onClick?.(e);
+    if (link && !e.defaultPrevented) {
+      if (link.startsWith("http://") || link.startsWith("https://")) {
+        window.location.href = link;
+      } else {
+        navigate(link);
+      }
+    }
+  };
+  const shouldShowLinkStyles = isLink || !!link;
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      ref,
+      className: cn(
+        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+        getCardClasses(variant, size),
+        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
+        className
+      ),
+      onClick: handleClick,
+      role: "link",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick(e);
+        }
+      },
+      ...props
+    }
   );
-  const refreshEventsCallback = useMemo(
-    () => () => eventService.refreshEvents(),
-    [eventService]
+});
+CardWithNavigation.displayName = "CardWithNavigation";
+var CardWithoutNavigation = React.forwardRef(({ className, variant, size, isLink, onClick, ...props }, ref) => {
+  const shouldShowLinkStyles = isLink;
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      ref,
+      className: cn(
+        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+        getCardClasses(variant, size),
+        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
+        className
+      ),
+      onClick,
+      ...props
+    }
   );
-  const clearEventSelectionCallback = useMemo(
-    () => () => eventService.clearEventSelection(),
-    [eventService]
+});
+CardWithoutNavigation.displayName = "CardWithoutNavigation";
+var Card = React.forwardRef(({ link, ...props }, ref) => {
+  if (link) {
+    return /* @__PURE__ */ jsx(CardWithNavigation, { ref, link, ...props });
+  }
+  return /* @__PURE__ */ jsx(CardWithoutNavigation, { ref, ...props });
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "header",
+  {
+    ref,
+    className: cn("p-6 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn(className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn(className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "main",
+  {
+    ref,
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "footer",
+  {
+    ref,
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var CardActions = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    ref,
+    className: cn("flex gap-2", className),
+    role: "group",
+    "aria-label": "Card actions",
+    ...props
+  }
+));
+CardActions.displayName = "CardActions";
+var HoverCard = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      ref,
+      className: cn("relative inline-block", className),
+      ...props,
+      children
+    }
   );
-  return useMemo(() => ({
-    events,
-    selectedEvent,
-    isLoading,
-    error,
-    setSelectedEvent: setSelectedEventCallback,
-    refreshEvents: refreshEventsCallback,
-    clearEventSelection: clearEventSelectionCallback
-  }), [events, selectedEvent?.event_id, isLoading, error?.message, setSelectedEventCallback, refreshEventsCallback, clearEventSelectionCallback]);
-}
-
-// src/components/ErrorBoundary/ErrorBoundaryContext.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
+});
+HoverCard.displayName = "HoverCard";
+var HoverCardTrigger = React.forwardRef(({ className, asChild, children, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsx("span", { className: cn("cursor-pointer", className), children });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "cursor-pointer bg-transparent border-0 p-0 m-0 font-inherit color-inherit text-left",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+HoverCardTrigger.displayName = "HoverCardTrigger";
+var HoverCardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "aside",
+  {
+    ref,
+    className: cn(
+      "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md",
+      className
+    ),
+    role: "tooltip",
+    ...props
+  }
+));
+HoverCardContent.displayName = "HoverCardContent";
 var ErrorBoundaryContext = createContext(void 0);
 function ErrorBoundaryProvider({
   children,
@@ -68,10 +196,6 @@ function ErrorBoundaryProvider({
 function useErrorBoundaryContext() {
   return useContext(ErrorBoundaryContext);
 }
-
-// src/components/ErrorBoundary/ErrorBoundary.tsx
-import { Component } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -147,91 +271,81 @@ var ErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx2(
-        "div",
+      return /* @__PURE__ */ jsxs(
+        Card,
         {
           role: "alert",
-          className: "p-6 bg-destructive/10 border border-destructive/20 rounded-lg",
+          className: "bg-destructive/10 border-destructive/20",
           "data-error-boundary": errorId,
-          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx2("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx2("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx2("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs("h3", { className: "text-destructive", children: [
+          children: [
+            /* @__PURE__ */ jsxs(CardHeader, { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-destructive flex-shrink-0", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+              /* @__PURE__ */ jsxs(CardTitle, { className: "text-destructive", children: [
                 "Error in ",
                 componentName
               ] }),
-              /* @__PURE__ */ jsx2("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
-              enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs("div", { className: "flex gap-3 mb-4", children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: this.handleRetry,
-                    className: "px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium",
-                    children: [
-                      "Retry (",
-                      retryCount + 1,
-                      "/",
-                      maxRetries,
-                      ")"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx2(
-                  "button",
-                  {
-                    onClick: () => window.location.reload(),
-                    className: "px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium",
-                    children: "Reload Page"
-                  }
-                )
-              ] }),
-              retryCount >= maxRetries && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
-                /* @__PURE__ */ jsx2("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
-                /* @__PURE__ */ jsx2(
-                  "button",
-                  {
-                    onClick: () => window.location.reload(),
-                    className: "mt-2 px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700",
-                    children: "Reload Page"
-                  }
-                )
-              ] }),
-              import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsxs("details", { className: "text-sm text-destructive/70", children: [
-                /* @__PURE__ */ jsx2("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
-                /* @__PURE__ */ jsxs("div", { className: "bg-destructive/5 p-3 rounded border", children: [
-                  /* @__PURE__ */ jsxs("p", { className: "font-mono", children: [
-                    "Error ID: ",
-                    errorId
-                  ] }),
-                  /* @__PURE__ */ jsxs("pre", { className: "whitespace-pre-wrap text-xs overflow-auto max-h-32", children: [
-                    this.state.error.toString(),
-                    this.state.errorInfo?.componentStack
-                  ] })
+              /* @__PURE__ */ jsx(CardDescription, { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." })
+            ] }),
+            import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("details", { className: "text-sm text-destructive/70", children: [
+              /* @__PURE__ */ jsx("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
+              /* @__PURE__ */ jsxs("pre", { children: [
+                "Error ID: ",
+                errorId,
+                /* @__PURE__ */ jsxs("code", { className: "overflow-auto max-h-32", children: [
+                  this.state.error.toString(),
+                  this.state.errorInfo?.componentStack
                 ] })
               ] })
+            ] }) }),
+            enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs(CardFooter, { className: "flex gap-3", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: this.handleRetry,
+                  className: "px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium",
+                  children: [
+                    "Retry (",
+                    retryCount + 1,
+                    "/",
+                    maxRetries,
+                    ")"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => window.location.reload(),
+                  className: "px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium",
+                  children: "Reload Page"
+                }
+              )
+            ] }),
+            retryCount >= maxRetries && /* @__PURE__ */ jsxs(CardFooter, { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => window.location.reload(),
+                  className: "px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700",
+                  children: "Reload Page"
+                }
+              )
             ] })
-          ] })
+          ]
         }
       );
     }
     return this.props.children;
   }
 };
-
-// src/components/ErrorBoundary/index.ts
-import React3 from "react";
-var ErrorBoundary2 = React3.forwardRef((props, ref) => {
+var ErrorBoundary2 = React__default.forwardRef((props, ref) => {
   const context = useErrorBoundaryContext();
   const globalErrorHandler = context?.defaultErrorHandler;
-  return React3.createElement(ErrorBoundary, { ...props, ref, _globalErrorHandler: globalErrorHandler });
+  return React__default.createElement(ErrorBoundary, { ...props, ref, _globalErrorHandler: globalErrorHandler });
 });
 ErrorBoundary2.displayName = "ErrorBoundary";
-
-// src/components/PublicLayout/PublicPageProvider.tsx
-import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
-import { createClient } from "@supabase/supabase-js";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PublicPageContext = createContext2(void 0);
+var PublicPageContext = createContext(void 0);
 function PublicPageProvider({ children, appName }) {
   const getEnvVar = (key) => {
     if (typeof import.meta !== "undefined" && import.meta.env) {
@@ -245,7 +359,7 @@ function PublicPageProvider({ children, appName }) {
   };
   const supabaseUrl = getEnvVar("VITE_SUPABASE_URL") || getEnvVar("NEXT_PUBLIC_SUPABASE_URL") || null;
   const supabaseKey = getEnvVar("VITE_SUPABASE_PUBLISHABLE_KEY") || getEnvVar("NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY") || getEnvVar("VITE_SUPABASE_ANON_KEY") || getEnvVar("NEXT_PUBLIC_SUPABASE_ANON_KEY") || null;
-  const supabase = useMemo2(() => {
+  const supabase = useMemo(() => {
     if (!supabaseUrl || !supabaseKey) {
       logger.warn("PublicPageProvider", "Missing Supabase environment variables. Please ensure VITE_SUPABASE_URL and VITE_SUPABASE_PUBLISHABLE_KEY are set in your environment.");
       return null;
@@ -262,29 +376,29 @@ function PublicPageProvider({ children, appName }) {
       supabaseKey
     }
   };
-  return /* @__PURE__ */ jsx3(PublicPageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx3(ErrorBoundary2, { componentName: "PublicPageProvider", children }) });
+  return /* @__PURE__ */ jsx(PublicPageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ErrorBoundary2, { componentName: "PublicPageProvider", children }) });
 }
 function usePublicPageContext() {
-  const context = useContext2(PublicPageContext);
+  const context = useContext(PublicPageContext);
   if (!context) {
     throw new Error("usePublicPageContext must be used within a PublicPageProvider");
   }
   return context;
 }
 function useIsPublicPage() {
-  const context = useContext2(PublicPageContext);
+  const context = useContext(PublicPageContext);
   return context !== void 0;
 }
-
-// src/hooks/useAppConfig.ts
-import { useMemo as useMemo3, useContext as useContext3 } from "react";
 function useAppConfig() {
   const isPublicPage = useIsPublicPage();
-  const publicPageContext = useContext3(PublicPageContext);
+  const publicPageContext = useContext(PublicPageContext);
   const hasPublicContext = publicPageContext !== void 0;
   const contextAppName = publicPageContext?.appName || null;
+  const authContext = useContext(UnifiedAuthContext);
+  const authAppName = authContext?.appName;
   const getNodeEnvVar = (key) => typeof process !== "undefined" && process.env ? process.env[key] : void 0;
-  if (isPublicPage) {
+  const publicAppName = useMemo(() => {
+    if (!isPublicPage) return null;
     const getAppName = () => {
       if (!hasPublicContext) {
         return "PACE";
@@ -305,27 +419,17 @@ function useAppConfig() {
       }
       return "PACE";
     };
-    return useMemo3(() => ({
-      appName: getAppName(),
-      isLoading: false
-    }), [contextAppName, hasPublicContext]);
-  }
-  try {
-    const { appName } = useUnifiedAuth();
-    return useMemo3(() => ({
-      appName,
-      isLoading: false
-    }), [appName]);
-  } catch (error) {
-    return useMemo3(() => ({
-      appName: contextAppName || getNodeEnvVar("VITE_APP_NAME") || getNodeEnvVar("NEXT_PUBLIC_APP_NAME") || "PACE",
-      isLoading: false
-    }), [contextAppName]);
-  }
+    return getAppName();
+  }, [isPublicPage, contextAppName, hasPublicContext]);
+  const authenticatedAppName = useMemo(() => {
+    if (isPublicPage) return null;
+    return authAppName || "PACE";
+  }, [isPublicPage, authAppName]);
+  return useMemo(() => ({
+    appName: publicAppName || authenticatedAppName || "PACE",
+    isLoading: false
+  }), [publicAppName, authenticatedAppName]);
 }
-
-// src/hooks/useOrganisationSecurity.ts
-import { useCallback, useMemo as useMemo4, useEffect, useState } from "react";
 var useOrganisationSecurity = () => {
   const { user, session, supabase } = useUnifiedAuth();
   const { selectedOrganisation, getUserRole, validateOrganisationAccess: validateAccess } = useOrganisations();
@@ -351,7 +455,7 @@ var useOrganisationSecurity = () => {
     };
     checkSuperAdmin();
   }, [user, session, supabase]);
-  const superAdminContext = useMemo4(() => {
+  const superAdminContext = useMemo(() => {
     return {
       isSuperAdmin,
       hasGlobalAccess: isSuperAdmin,
@@ -403,7 +507,7 @@ var useOrganisationSecurity = () => {
     const targetOrgId = orgId || selectedOrganisation?.id;
     if (!targetOrgId || !user) return false;
     try {
-      const { isPermittedCached } = await import("./api-O6HTBX5Y.js");
+      const { isPermittedCached } = await import('./api-Y4MQWOFW.js');
       const scope = {
         organisationId: targetOrgId,
         eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,
@@ -426,7 +530,7 @@ var useOrganisationSecurity = () => {
     const targetOrgId = orgId || selectedOrganisation?.id;
     if (!targetOrgId || !user) return [];
     try {
-      const { getPermissionMap } = await import("./api-O6HTBX5Y.js");
+      const { getPermissionMap } = await import('./api-Y4MQWOFW.js');
       const scope = {
         organisationId: targetOrgId,
         eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,
@@ -447,7 +551,7 @@ var useOrganisationSecurity = () => {
     if (!user || !selectedOrganisation) return;
     try {
       if (selectedOrganisation.id) {
-        const { emitAuditEvent } = await import("./audit-V53FV5AG.js");
+        const { emitAuditEvent } = await import('./audit-MYQXYZFU.js');
         await emitAuditEvent({
           type: "permission_check",
           userId: user.id,
@@ -504,15 +608,4 @@ var useOrganisationSecurity = () => {
   };
 };
 
-export {
-  useEvents,
-  ErrorBoundaryProvider,
-  ErrorBoundary2 as ErrorBoundary,
-  PublicPageContext,
-  PublicPageProvider,
-  usePublicPageContext,
-  useIsPublicPage,
-  useAppConfig,
-  useOrganisationSecurity
-};
-//# sourceMappingURL=chunk-NTM7ZSB6.js.map
+export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ErrorBoundary2 as ErrorBoundary, ErrorBoundaryProvider, PublicPageContext, PublicPageProvider, useAppConfig, useIsPublicPage, useOrganisationSecurity, usePublicPageContext };