@jmruthers/pace-core 0.5.61 → 0.5.62

package/dist/{chunk-E4FPK232.js → chunk-T2MQY57J.js}

@@ -1,7 +1,7 @@
 import {
   AccessLevel,
   init_unified
-} from "./chunk-STT7INZR.js";
+} from "./chunk-ULBI5JGB.js";
 import {
   DebugLogger,
   cn,
@@ -7891,4 +7891,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-E4FPK232.js.map
+//# sourceMappingURL=chunk-T2MQY57J.js.map

package/dist/{chunk-4ULBJNIT.js → chunk-T6HVDA24.js}

@@ -1,7 +1,7 @@
 import {
   init_UnifiedAuthProvider,
   useUnifiedAuth
-} from "./chunk-E4FPK232.js";
+} from "./chunk-T2MQY57J.js";
 
 // src/hooks/useToast.ts
 import * as React from "react";
@@ -503,4 +503,4 @@ export {
   clearPublicLogoCache,
   getPublicLogoCacheStats
 };
-//# sourceMappingURL=chunk-4ULBJNIT.js.map
+//# sourceMappingURL=chunk-T6HVDA24.js.map

package/dist/{chunk-STT7INZR.js → chunk-ULBI5JGB.js}

@@ -92,6 +92,7 @@ var init_unified = __esm({
 
 export {
   FileCategory,
+  init_file_reference,
   AuthErrorCode,
   PermissionErrorCode,
   AccessLevel,
@@ -105,4 +106,4 @@ export {
   isRequestId,
   init_unified
 };
-//# sourceMappingURL=chunk-STT7INZR.js.map
+//# sourceMappingURL=chunk-ULBI5JGB.js.map

package/dist/{chunk-CGSYCF2W.js → chunk-VTJ5HCZB.js}

@@ -3,7 +3,7 @@ import {
   init_UnifiedAuthProvider,
   useOrganisations,
   useUnifiedAuth
-} from "./chunk-E4FPK232.js";
+} from "./chunk-T2MQY57J.js";
 import {
   DebugLogger,
   init_debugLogger,
@@ -312,4 +312,4 @@ export {
   EventProvider_exports,
   init_EventProvider
 };
-//# sourceMappingURL=chunk-CGSYCF2W.js.map
+//# sourceMappingURL=chunk-VTJ5HCZB.js.map

package/dist/components.d.ts

@@ -1,12 +1,14 @@
 export { b as UnifiedAuthContextType, U as UnifiedAuthProvider, a as UnifiedAuthProviderProps, u as useUnifiedAuth } from './UnifiedAuthProvider-CQNiemcB.js';
-export { A as Alert, m as AlertDescription, l as AlertTitle, n as Avatar, p as AvatarFallback, o as AvatarImage, B as Button, a as ButtonProps, C as Card, g as CardActions, i as CardActionsProps, f as CardContent, e as CardDescription, c as CardFooter, b as CardHeader, h as CardProps, d as CardTitle, q as Checkbox, aW as DefaultPublicErrorFallback, D as Dialog, J as DialogBody, F as DialogClose, G as DialogContent, R as DialogContentProps, N as DialogDescription, X as DialogDescriptionProps, K as DialogFooter, V as DialogFooterProps, H as DialogHeader, U as DialogHeaderProps, z as DialogOverlay, S as DialogOverlayProps, y as DialogPortal, O as DialogProps, Y as DialogSize, M as DialogTitle, W as DialogTitleProps, E as DialogTrigger, Q as DialogTriggerProps, ax as ErrorBoundary, ay as ErrorBoundaryProps, az as ErrorBoundaryState, aR as EventLogo, aS as EventLogoCompact, aT as EventLogoLarge, b1 as EventLogoProps, aB as EventSelector, ap as Footer, aq as FooterProps, ak as Form, al as FormProps, ao as Header, I as Input, j as InputProps, L as Label, k as LabelProps, aA as LoadingSpinner, am as LoginForm, an as LoginFormProps, at as NavigationItem, ar as NavigationMenu, as as NavigationMenuProps, au as OrganisationSelector, av as OrganisationSelectorProps, b6 as PaceAppLayout, b5 as PaceAppLayoutProps, b8 as PaceLoginPage, b7 as PaceLoginPageProps, aC as PasswordResetForm, P as Progress, aU as PublicErrorBoundary, b2 as PublicErrorBoundaryProps, b3 as PublicErrorBoundaryState, aZ as PublicLoadingSkeleton, aX as PublicLoadingSpinner, aY as PublicLoadingSpinnerFullPage, b4 as PublicLoadingSpinnerProps, aQ as PublicPageContextChecker, aO as PublicPageDebugger, aP as PublicPageDiagnostic, aN as PublicPageFooter, b0 as PublicPageFooterProps, aJ as PublicPageHeader, a$ as PublicPageHeaderProps, aH as PublicPageLayout, a_ as PublicPageLayoutProps, aK as PublicPageProvider, Z as Select, a1 as SelectContent, _ as SelectGroup, a3 as SelectItem, a2 as SelectLabel, a4 as SelectSeparator, a0 as SelectTrigger, $ as SelectValue, T as Table, s as TableBody, t as TableCaption, u as TableCell, v as TableFooter, w as TableHead, r as TableHeader, x as TableRow, a5 as Toast, a7 as ToastAction, ad as ToastActionElement, ac as ToastClose, ab as ToastDescription, ae as ToastProps, a8 as ToastProvider, aa as ToastTitle, a9 as ToastViewport, a6 as Toaster, af as Tooltip, ah as TooltipContent, ai as TooltipProvider, aj as TooltipRoot, ag as TooltipTrigger, aF as UseStorageOptions, aG as UseStorageReturn, aw as UserMenu, aV as useErrorBoundary, aE as useFileUpload, aM as useIsPublicPage, aI as usePublicPageContext, aL as usePublicPageProviderContext, aD as useStorage } from './PublicLoadingSpinner-CrMOrhNz.js';
-export { D as DataTable, a as DataTableProps } from './DataTable-DqDDvBfI.js';
+export { A as Alert, r as AlertDescription, q as AlertTitle, s as Avatar, u as AvatarFallback, t as AvatarImage, B as Button, g as ButtonProps, C as Card, m as CardActions, b3 as CardActionsProps, l as CardContent, k as CardDescription, i as CardFooter, h as CardHeader, n as CardProps, j as CardTitle, v as Checkbox, aU as DefaultPublicErrorFallback, D as Dialog, H as DialogBody, z as DialogClose, E as DialogContent, b6 as DialogContentProps, M as DialogDescription, bb as DialogDescriptionProps, J as DialogFooter, b9 as DialogFooterProps, G as DialogHeader, b8 as DialogHeaderProps, x as DialogOverlay, b7 as DialogOverlayProps, w as DialogPortal, b4 as DialogProps, bc as DialogSize, K as DialogTitle, ba as DialogTitleProps, y as DialogTrigger, b5 as DialogTriggerProps, ap as ErrorBoundary, bf as ErrorBoundaryProps, bg as ErrorBoundaryState, aP as EventLogo, aQ as EventLogoCompact, aR as EventLogoLarge, a$ as EventLogoProps, ar as EventSelector, ae as Footer, af as FooterProps, aa as Form, bd as FormProps, ad as Header, I as Input, o as InputProps, L as Label, p as LabelProps, aq as LoadingSpinner, ab as LoginForm, ac as LoginFormProps, ai as NavigationItem, ag as NavigationMenu, ah as NavigationMenuProps, as as OrganisationSelector, be as OrganisationSelectorProps, al as PaceAppLayout, am as PaceAppLayoutProps, an as PaceLoginPage, ao as PaceLoginPageProps, at as PasswordResetForm, P as Progress, aS as PublicErrorBoundary, b0 as PublicErrorBoundaryProps, b1 as PublicErrorBoundaryState, aX as PublicLoadingSkeleton, aV as PublicLoadingSpinner, aW as PublicLoadingSpinnerFullPage, b2 as PublicLoadingSpinnerProps, aO as PublicPageContextChecker, aM as PublicPageDebugger, aN as PublicPageDiagnostic, aL as PublicPageFooter, a_ as PublicPageFooterProps, aH as PublicPageHeader, aZ as PublicPageHeaderProps, aF as PublicPageLayout, aY as PublicPageLayoutProps, aI as PublicPageProvider, N as Select, T as SelectContent, O as SelectGroup, V as SelectItem, U as SelectLabel, W as SelectSeparator, R as SelectTrigger, Q as SelectValue, aw as Table, ay as TableBody, az as TableCaption, aA as TableCell, aB as TableFooter, aC as TableHead, ax as TableHeader, aD as TableRow, X as Toast, Z as ToastAction, a3 as ToastActionElement, a2 as ToastClose, a1 as ToastDescription, a4 as ToastProps, _ as ToastProvider, a0 as ToastTitle, $ as ToastViewport, Y as Toaster, a5 as Tooltip, a7 as TooltipContent, a8 as TooltipProvider, a9 as TooltipRoot, a6 as TooltipTrigger, bh as UseStorageOptions, bi as UseStorageReturn, aj as UserMenu, aT as useErrorBoundary, av as useFileUpload, aK as useIsPublicPage, aG as usePublicPageContext, aJ as usePublicPageProviderContext, au as useStorage } from './PublicLoadingSpinner-CXJ-W9wZ.js';
+export { u as useToast } from './useToast-Bm6TnSK-.js';
+export { D as DataTable, a as DataTableProps } from './DataTable-D15XipLZ.js';
 export { A as AggregateConfig, D as DataRecord, f as DataTableAction, a as DataTableColumn, g as DataTableToolbarButton, E as EmptyStateConfig, G as GetRowId } from './types-E5WSpEtz.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
+import { b as FileCategory, c as FileUploadOptions, e as FileUploadResult, F as FileReference } from './file-reference-9xUOnwyt.js';
+export { a as FileMetadata } from './file-reference-9xUOnwyt.js';
 import { SupabaseClient } from '@supabase/supabase-js';
-import { b as FileCategory } from './file-reference-9xUOnwyt.js';
 import './RBACProvider-BO4ilsQB.js';
 import './unified-CMPjE_fv.js';
 import '@radix-ui/react-label';
@@ -17,7 +19,7 @@ import '@radix-ui/react-dialog';
 import '@radix-ui/react-toast';
 import '@radix-ui/react-tooltip';
 import 'zod';
-import './organisation-DD0yBbGU.js';
+import './organisation-t-vvQC3g.js';
 import '@tanstack/react-table';
 
 interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
@@ -429,4 +431,79 @@ interface FileUploadProps {
 declare function FileUpload({ supabase, table_name, record_id, organisation_id, app_id, category, accept, maxSize, // 10MB default
 multiple, disabled, className, onUploadSuccess, onUploadError, children }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
-export { FileUpload, type FileUploadProps, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormFieldset, type FormFieldsetProps, FormLiveRegion, type FormLiveRegionProps, SuperAdminBadge, SuperAdminDebugPanel, SuperAdminGuard, type SuperAdminGuardProps };
+interface FileDisplayProps {
+    supabase: SupabaseClient;
+    table_name: string;
+    record_id: string;
+    organisation_id: string;
+    category?: FileCategory;
+    showUpload?: boolean;
+    showDelete?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function FileDisplay({ supabase, table_name, record_id, organisation_id, category, showUpload, showDelete, className, children }: FileDisplayProps): react_jsx_runtime.JSX.Element;
+
+declare function useFileReference(supabase: SupabaseClient): {
+    isLoading: boolean;
+    error: string | null;
+    uploadFile: (options: FileUploadOptions, file: File) => Promise<FileUploadResult | null>;
+    getFileReference: (table_name: string, record_id: string, organisation_id: string) => Promise<FileReference | null>;
+    getFileUrl: (table_name: string, record_id: string, organisation_id: string) => Promise<string | null>;
+    getSignedUrl: (table_name: string, record_id: string, organisation_id: string, expires_in?: number) => Promise<string | null>;
+    updateFileReference: (id: string, updates: Partial<FileReference>) => Promise<FileReference | null>;
+    deleteFileReference: (table_name: string, record_id: string, organisation_id: string, delete_file?: boolean) => Promise<boolean>;
+    listFileReferences: (table_name: string, record_id: string, organisation_id: string) => Promise<FileReference[]>;
+    getFileCount: (table_name: string, record_id: string, organisation_id: string) => Promise<number>;
+    clearError: () => void;
+};
+declare function useFileReferenceForRecord(supabase: SupabaseClient, table_name: string, record_id: string, organisation_id: string): {
+    isLoading: boolean;
+    error: string | null;
+    fileUrl: string | null;
+    fileReference: FileReference | null;
+    fileReferences: FileReference[];
+    fileCount: number;
+    loadFileReference: () => Promise<FileReference | null>;
+    loadFileUrl: () => Promise<string | null>;
+    loadFileReferences: () => Promise<FileReference[]>;
+    loadFileCount: () => Promise<number>;
+    deleteFile: (delete_file?: boolean) => Promise<boolean>;
+    updateFileReference: (id: string, updates: Partial<FileReference>) => Promise<FileReference | null>;
+    clearError: () => void;
+};
+type UseFileReferenceOptions = {
+    table_name: string;
+    record_id: string;
+    organisation_id: string;
+};
+type UseFileReferenceReturn = {
+    isLoading: boolean;
+    error: string | null;
+    uploadFile: (options: FileUploadOptions, file: File) => Promise<FileUploadResult | null>;
+    getFileReference: (table_name: string, record_id: string, organisation_id: string) => Promise<FileReference | null>;
+    getFileUrl: (table_name: string, record_id: string, organisation_id: string) => Promise<string | null>;
+    getSignedUrl: (table_name: string, record_id: string, organisation_id: string, expires_in?: number) => Promise<string | null>;
+    updateFileReference: (id: string, updates: Partial<FileReference>) => Promise<FileReference | null>;
+    deleteFileReference: (table_name: string, record_id: string, organisation_id: string, delete_file?: boolean) => Promise<boolean>;
+    listFileReferences: (table_name: string, record_id: string, organisation_id: string) => Promise<FileReference[]>;
+    getFileCount: (table_name: string, record_id: string, organisation_id: string) => Promise<number>;
+    clearError: () => void;
+};
+type UseFileReferenceForRecordReturn = {
+    isLoading: boolean;
+    error: string | null;
+    fileUrl: string | null;
+    fileReference: FileReference | null;
+    fileReferences: FileReference[];
+    fileCount: number;
+    loadFileReference: () => Promise<FileReference | null>;
+    loadFileUrl: () => Promise<string | null>;
+    loadFileReferences: () => Promise<FileReference[]>;
+    loadFileCount: () => Promise<number>;
+    deleteFile: (delete_file?: boolean) => Promise<boolean>;
+    updateFileReference: (id: string, updates: Partial<FileReference>) => Promise<FileReference | null>;
+    clearError: () => void;
+};
+
+export { FileCategory, FileDisplay, type FileDisplayProps, FileReference, FileUpload, FileUploadOptions, type FileUploadProps, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormFieldset, type FormFieldsetProps, FormLiveRegion, type FormLiveRegionProps, SuperAdminBadge, SuperAdminDebugPanel, SuperAdminGuard, type SuperAdminGuardProps, type UseFileReferenceForRecordReturn, type UseFileReferenceOptions, type UseFileReferenceReturn, useFileReference, useFileReferenceForRecord };

package/dist/components.js

@@ -53,7 +53,7 @@ import {
   useFileUpload,
   usePublicPageContext as usePublicPageContext2,
   useStorage
-} from "./chunk-44SAHU2N.js";
+} from "./chunk-2LPYEFXI.js";
 import {
   Alert,
   AlertDescription,
@@ -76,22 +76,23 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-XDXG6QVH.js";
+} from "./chunk-S66AJVI2.js";
 import {
   useRBAC
-} from "./chunk-ESXTFEE6.js";
+} from "./chunk-C7GUF747.js";
 import "./chunk-NHR52QAQ.js";
 import "./chunk-B2WTCLCV.js";
-import "./chunk-5MLDIGHB.js";
-import "./chunk-CGSYCF2W.js";
+import "./chunk-FVDOEGGG.js";
+import "./chunk-VTJ5HCZB.js";
 import {
   DefaultPublicErrorFallback,
   PublicErrorBoundary,
   PublicPageProvider,
   useErrorBoundary,
   useIsPublicPage,
-  usePublicPageContext
-} from "./chunk-4ULBJNIT.js";
+  usePublicPageContext,
+  useToast
+} from "./chunk-T6HVDA24.js";
 import "./chunk-YNUBMSMV.js";
 import {
   Button,
@@ -116,8 +117,11 @@ import {
   init_Tooltip2 as init_Tooltip,
   init_UnifiedAuthProvider,
   useUnifiedAuth
-} from "./chunk-E4FPK232.js";
-import "./chunk-STT7INZR.js";
+} from "./chunk-T2MQY57J.js";
+import {
+  FileCategory,
+  init_file_reference
+} from "./chunk-ULBI5JGB.js";
 import {
   LoadingSpinner
 } from "./chunk-CDQ3PX7L.js";
@@ -698,6 +702,67 @@ function useFileReference(supabase) {
     clearError
   };
 }
+function useFileReferenceForRecord(supabase, table_name, record_id, organisation_id) {
+  const {
+    isLoading,
+    error,
+    getFileUrl,
+    getFileReference,
+    updateFileReference,
+    deleteFileReference,
+    listFileReferences,
+    getFileCount,
+    clearError
+  } = useFileReference(supabase);
+  const [fileUrl, setFileUrl] = useState2(null);
+  const [fileReference, setFileReference] = useState2(null);
+  const [fileReferences, setFileReferences] = useState2([]);
+  const [fileCount, setFileCount] = useState2(0);
+  const loadFileReference = useCallback(async () => {
+    const reference = await getFileReference(table_name, record_id, organisation_id);
+    setFileReference(reference);
+    return reference;
+  }, [getFileReference, table_name, record_id, organisation_id]);
+  const loadFileUrl = useCallback(async () => {
+    const url = await getFileUrl(table_name, record_id, organisation_id);
+    setFileUrl(url);
+    return url;
+  }, [getFileUrl, table_name, record_id, organisation_id]);
+  const loadFileReferences = useCallback(async () => {
+    const references = await listFileReferences(table_name, record_id, organisation_id);
+    setFileReferences(references);
+    return references;
+  }, [listFileReferences, table_name, record_id, organisation_id]);
+  const loadFileCount = useCallback(async () => {
+    const count = await getFileCount(table_name, record_id, organisation_id);
+    setFileCount(count);
+    return count;
+  }, [getFileCount, table_name, record_id, organisation_id]);
+  const deleteFile2 = useCallback(async (delete_file) => {
+    const success = await deleteFileReference(table_name, record_id, organisation_id, delete_file);
+    if (success) {
+      setFileReference(null);
+      setFileUrl(null);
+      await loadFileCount();
+    }
+    return success;
+  }, [deleteFileReference, table_name, record_id, organisation_id, loadFileCount]);
+  return {
+    isLoading,
+    error,
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileCount,
+    loadFileReference,
+    loadFileUrl,
+    loadFileReferences,
+    loadFileCount,
+    deleteFile: deleteFile2,
+    updateFileReference,
+    clearError
+  };
+}
 
 // src/components/FileUpload.tsx
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -823,6 +888,185 @@ function FileUpload({
     }
   );
 }
+
+// src/components/FileDisplay.tsx
+import { useState as useState4, useEffect as useEffect2 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function FileDisplay({
+  supabase,
+  table_name,
+  record_id,
+  organisation_id,
+  category,
+  showUpload = false,
+  showDelete = false,
+  className = "",
+  children
+}) {
+  const {
+    isLoading,
+    error,
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileCount,
+    loadFileReference,
+    loadFileUrl,
+    loadFileReferences,
+    loadFileCount,
+    deleteFile: deleteFile2,
+    clearError
+  } = useFileReferenceForRecord(supabase, table_name, record_id, organisation_id);
+  const [imageError, setImageError] = useState4(false);
+  useEffect2(() => {
+    loadFileCount();
+    if (category) {
+      loadFileReference();
+    } else {
+      loadFileReferences();
+    }
+  }, [loadFileCount, loadFileReference, loadFileReferences, category]);
+  useEffect2(() => {
+    if (fileReference) {
+      loadFileUrl();
+    }
+  }, [fileReference, loadFileUrl]);
+  const handleDelete = async () => {
+    if (window.confirm("Are you sure you want to delete this file?")) {
+      const success = await deleteFile2(true);
+      if (success) {
+        setImageError(false);
+      }
+    }
+  };
+  const handleImageError = () => {
+    setImageError(true);
+  };
+  const getFileIcon = (fileType) => {
+    if (fileType.startsWith("image/")) return "\u{1F5BC}\uFE0F";
+    if (fileType.startsWith("video/")) return "\u{1F3A5}";
+    if (fileType.startsWith("audio/")) return "\u{1F3B5}";
+    if (fileType.includes("pdf")) return "\u{1F4C4}";
+    if (fileType.includes("word")) return "\u{1F4DD}";
+    if (fileType.includes("excel") || fileType.includes("spreadsheet")) return "\u{1F4CA}";
+    if (fileType.includes("powerpoint") || fileType.includes("presentation")) return "\u{1F4CA}";
+    return "\u{1F4C1}";
+  };
+  const formatFileSize = (bytes) => {
+    if (bytes === 0) return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx7("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx7("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs6("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
+      /* @__PURE__ */ jsxs6("div", { className: "text-acc-600", children: [
+        "Error loading file: ",
+        error
+      ] }),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          onClick: clearError,
+          className: "mt-2 text-sm text-acc-700 hover:text-acc-800 underline",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  if (fileCount === 0) {
+    return /* @__PURE__ */ jsxs6("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
+      "No files found",
+      children
+    ] });
+  }
+  if (category && fileReference) {
+    const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
+    return /* @__PURE__ */ jsxs6("div", { className: `space-y-2 ${className}`, children: [
+      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx7(
+          "img",
+          {
+            src: fileUrl,
+            alt: fileReference.file_metadata.fileName || "File",
+            className: "max-w-full h-auto rounded-lg border border-sec-200",
+            onError: handleImageError
+          }
+        ),
+        showDelete && /* @__PURE__ */ jsx7(
+          "button",
+          {
+            onClick: handleDelete,
+            className: "absolute top-2 right-2 bg-acc-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm hover:bg-acc-600",
+            title: "Delete file",
+            children: "\xD7"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        /* @__PURE__ */ jsx7("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx7("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs6("div", { className: "text-sm text-sec-500", children: [
+            fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
+            fileReference.file_metadata.fileType && ` \u2022 ${fileReference.file_metadata.fileType}`
+          ] })
+        ] }),
+        showDelete && /* @__PURE__ */ jsx7(
+          "button",
+          {
+            onClick: handleDelete,
+            className: "text-acc-500 hover:text-acc-700 p-1",
+            title: "Delete file",
+            children: "\xD7"
+          }
+        )
+      ] }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: `space-y-2 ${className}`, children: [
+    fileReferences.map((fileRef) => {
+      const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
+      const fileUrl2 = fileRef.is_public ? `https://your-supabase-url.supabase.co/storage/v1/object/public/files/${fileRef.file_path}` : null;
+      return /* @__PURE__ */ jsxs6("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        isImage && fileUrl2 ? /* @__PURE__ */ jsx7(
+          "img",
+          {
+            src: fileUrl2,
+            alt: fileRef.file_metadata.fileName || "File",
+            className: "w-12 h-12 object-cover rounded",
+            onError: handleImageError
+          }
+        ) : /* @__PURE__ */ jsx7("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx7("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs6("div", { className: "text-sm text-sec-500", children: [
+            fileRef.file_metadata.fileSize && formatFileSize(fileRef.file_metadata.fileSize),
+            fileRef.file_metadata.fileType && ` \u2022 ${fileRef.file_metadata.fileType}`,
+            fileRef.file_metadata.category && ` \u2022 ${fileRef.file_metadata.category}`
+          ] })
+        ] }),
+        showDelete && /* @__PURE__ */ jsx7(
+          "button",
+          {
+            onClick: () => deleteFile2(true),
+            className: "text-acc-500 hover:text-acc-700 p-1",
+            title: "Delete file",
+            children: "\xD7"
+          }
+        )
+      ] }, fileRef.id);
+    }),
+    children
+  ] });
+}
+
+// src/components/index.ts
+init_file_reference();
 export {
   Alert,
   AlertDescription,
@@ -857,6 +1101,8 @@ export {
   EventLogoCompact,
   EventLogoLarge,
   EventSelector,
+  FileCategory,
+  FileDisplay,
   FileUpload,
   Footer,
   Form,
@@ -921,11 +1167,14 @@ export {
   UnifiedAuthProvider,
   UserMenu,
   useErrorBoundary,
+  useFileReference,
+  useFileReferenceForRecord,
   useFileUpload,
   useIsPublicPage,
   usePublicPageContext2 as usePublicPageContext,
   usePublicPageContext as usePublicPageProviderContext,
   useStorage,
+  useToast,
   useUnifiedAuth
 };
 //# sourceMappingURL=components.js.map