@ttt-productions/upload-ui 0.7.8 → 0.7.9

package/dist/react/tray/index.d.ts

@@ -1,5 +1,4 @@
 export { InFlightUploadsProvider, useInFlightUploadsState, useInFlightUpload, useUploadActivityState, useUploadsSourceState, isTerminalUpload, type UploadsSourceState, type InFlightUpload, type InFlightUploadActive, type InFlightUploadCompleted, type InFlightUploadFailed, type InFlightUploadRejected, type InFlightUploadBase, type InFlightUploadStatus, type InFlightUploadsAdapter, type InFlightUploadsMonitoringEvent, type InFlightUploadsProviderProps, type ParsedPendingMedia, type FirestoreSubscribeFn, type FirestoreLikeSnapshot, type FirestoreLikeDocChange, } from '../in-flight-uploads-provider.js';
-export { UploadActivityTray, type UploadActivityTrayProps, type UploadTrayLabelers, type ViewAllLinkRenderArgs, } from '../upload-activity-tray.js';
 export { useClearUploadActivity, type ClearUploadActivityOptions, } from '../use-clear-upload-activity.js';
 export { useMarkUploadActivitySeen, type MarkUploadActivitySeenOptions, } from '../use-mark-upload-activity-seen.js';
 export { useUploadProcessing, type UploadProcessingState, type UseUploadProcessingOptions, } from '../use-upload-processing.js';

package/dist/react/tray/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/tray/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,EACjC,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,KAAK,0BAA0B,GAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,yBAAyB,EACzB,KAAK,6BAA6B,GACnC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,GAChC,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/tray/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,EACjC,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,sBAAsB,EACtB,KAAK,0BAA0B,GAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,yBAAyB,EACzB,KAAK,6BAA6B,GACnC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,GAChC,MAAM,6BAA6B,CAAC"}

package/dist/react/tray/index.js

@@ -1,5 +1,4 @@
 export { InFlightUploadsProvider, useInFlightUploadsState, useInFlightUpload, useUploadActivityState, useUploadsSourceState, isTerminalUpload, } from '../in-flight-uploads-provider.js';
-export { UploadActivityTray, } from '../upload-activity-tray.js';
 export { useClearUploadActivity, } from '../use-clear-upload-activity.js';
 export { useMarkUploadActivitySeen, } from '../use-mark-upload-activity-seen.js';
 export { useUploadProcessing, } from '../use-upload-processing.js';

package/dist/react/tray/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/tray/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GAgBjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,kBAAkB,GAInB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,GAEvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,yBAAyB,GAE1B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,mBAAmB,GAGpB,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n  InFlightUploadsProvider,\n  useInFlightUploadsState,\n  useInFlightUpload,\n  useUploadActivityState,\n  useUploadsSourceState,\n  isTerminalUpload,\n  type UploadsSourceState,\n  type InFlightUpload,\n  type InFlightUploadActive,\n  type InFlightUploadCompleted,\n  type InFlightUploadFailed,\n  type InFlightUploadRejected,\n  type InFlightUploadBase,\n  type InFlightUploadStatus,\n  type InFlightUploadsAdapter,\n  type InFlightUploadsMonitoringEvent,\n  type InFlightUploadsProviderProps,\n  type ParsedPendingMedia,\n  type FirestoreSubscribeFn,\n  type FirestoreLikeSnapshot,\n  type FirestoreLikeDocChange,\n} from '../in-flight-uploads-provider.js';\nexport {\n  UploadActivityTray,\n  type UploadActivityTrayProps,\n  type UploadTrayLabelers,\n  type ViewAllLinkRenderArgs,\n} from '../upload-activity-tray.js';\nexport {\n  useClearUploadActivity,\n  type ClearUploadActivityOptions,\n} from '../use-clear-upload-activity.js';\nexport {\n  useMarkUploadActivitySeen,\n  type MarkUploadActivitySeenOptions,\n} from '../use-mark-upload-activity-seen.js';\nexport {\n  useUploadProcessing,\n  type UploadProcessingState,\n  type UseUploadProcessingOptions,\n} from '../use-upload-processing.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/tray/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GAgBjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,sBAAsB,GAEvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,yBAAyB,GAE1B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,mBAAmB,GAGpB,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n  InFlightUploadsProvider,\n  useInFlightUploadsState,\n  useInFlightUpload,\n  useUploadActivityState,\n  useUploadsSourceState,\n  isTerminalUpload,\n  type UploadsSourceState,\n  type InFlightUpload,\n  type InFlightUploadActive,\n  type InFlightUploadCompleted,\n  type InFlightUploadFailed,\n  type InFlightUploadRejected,\n  type InFlightUploadBase,\n  type InFlightUploadStatus,\n  type InFlightUploadsAdapter,\n  type InFlightUploadsMonitoringEvent,\n  type InFlightUploadsProviderProps,\n  type ParsedPendingMedia,\n  type FirestoreSubscribeFn,\n  type FirestoreLikeSnapshot,\n  type FirestoreLikeDocChange,\n} from '../in-flight-uploads-provider.js';\nexport {\n  useClearUploadActivity,\n  type ClearUploadActivityOptions,\n} from '../use-clear-upload-activity.js';\nexport {\n  useMarkUploadActivitySeen,\n  type MarkUploadActivitySeenOptions,\n} from '../use-mark-upload-activity-seen.js';\nexport {\n  useUploadProcessing,\n  type UploadProcessingState,\n  type UseUploadProcessingOptions,\n} from '../use-upload-processing.js';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttt-productions/upload-ui",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "description": "Upload UI primitives: local upload guard provider, useGuardedUpload helper, DeferredUploadFormShell for forms that defer Firebase Storage upload until form submit.",
   "repository": {
     "type": "git",
@@ -40,9 +40,9 @@
     "prepublishOnly": "npm run clean && npm run build"
   },
   "dependencies": {
-    "@ttt-productions/file-input": "^0.11.9",
+    "@ttt-productions/file-input": "^0.11.10",
     "@ttt-productions/media-schemas": "^0.14.5",
-    "@ttt-productions/ui-core": "^0.11.12",
+    "@ttt-productions/ui-core": "^0.11.15",
     "@ttt-productions/upload-core": "^0.7.3"
   },
   "peerDependencies": {

package/dist/react/upload-activity-tray.d.ts

@@ -1,76 +0,0 @@
-/**
- * Global upload activity tray.
- *
- * Renders a fixed bottom-left floating action button when there is any
- * active or non-cleared terminal upload. Opens a popover listing each
- * item with backend status. Terminal items (completed / failed / rejected)
- * get a Clear (×) button that calls the consumer-supplied clear mutation.
- *
- * Framework-agnostic via render props:
- *  - `renderViewAllLink` lets the consumer plug in their app's Link
- *    component (Next.js Link, React Router Link, anchor, etc.) routed at
- *    their canonical "view all uploads" destination.
- *  - `renderFooter` lets the consumer fully replace the footer slot.
- *  - Both omitted — footer is not rendered.
- */
-import { type ReactNode } from 'react';
-/**
- * Consumer-supplied formatters used by `UploadActivityTray` to render row
- * labels. The tray is intentionally domain-agnostic — consumers map their
- * own `FileOrigin` union to user-facing strings and choose their preferred
- * timestamp / size / content-type formatting.
- */
-export interface UploadTrayLabelers<TFileOrigin extends string = string> {
-    /** User-facing label for a file origin (e.g. 'support-ticket' -> 'Support reply'). */
-    originLabel: (fileOrigin: TFileOrigin) => string;
-    /** Human file size string, e.g. 1572864 -> '1.5 MB'. Return null when unknown. */
-    fileSizeLabel: (bytes: number | undefined) => string | null;
-    /** Friendly content-type label, e.g. 'image/png' -> 'Image'. Return null when unknown. */
-    fileTypeLabel: (contentType: string | undefined) => string | null;
-    /** Timestamp label, e.g. '3m ago' / 'Yesterday 3:42 PM'. */
-    timestampLabel: (createdAtMs: number, nowMs: number) => string;
-}
-export interface ViewAllLinkRenderArgs {
-    /** The href the consumer's link should navigate to (passed through verbatim). */
-    href: string;
-    /** Children for the link element (i.e. the label text + arrow). */
-    children: ReactNode;
-}
-export interface UploadActivityTrayProps<TFileOrigin extends string = string> {
-    /**
-     * Mutation hook result from `useClearUploadActivity({ clearFn })`. The tray
-     * uses `.mutate(item.id)`, `.isPending`, and `.variables`. The consumer
-     * owns the underlying network call.
-     */
-    clearMutation: {
-        mutate: (pendingMediaId: string) => void;
-        isPending: boolean;
-        variables: string | undefined;
-    };
-    /**
-     * Consumer-supplied formatters for row labels. Required — the tray has
-     * no built-in opinion about how to render origin / file type / size /
-     * timestamp strings.
-     */
-    labelers: UploadTrayLabelers<TFileOrigin>;
-    /**
-     * Optional view-all destination href. When omitted, no footer is rendered
-     * unless `renderFooter` is also supplied.
-     */
-    viewAllHref?: string;
-    /**
-     * Render-prop for the view-all link. Receives the href and label children
-     * the consumer should attach. Omit to drop the link.
-     */
-    renderViewAllLink?: (args: ViewAllLinkRenderArgs) => ReactNode;
-    /**
-     * Fully custom footer slot. Replaces the default footer entirely. If both
-     * `renderFooter` and `viewAllHref + renderViewAllLink` are supplied,
-     * `renderFooter` wins.
-     */
-    renderFooter?: () => ReactNode;
-    /** Visible label for the view-all link. Default: "View all uploads →". */
-    viewAllLabel?: ReactNode;
-}
-export declare function UploadActivityTray<TFileOrigin extends string = string>(props: UploadActivityTrayProps<TFileOrigin>): import("react").JSX.Element;
-//# sourceMappingURL=upload-activity-tray.d.ts.map

package/dist/react/upload-activity-tray.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-activity-tray.d.ts","sourceRoot":"","sources":["../../src/react/upload-activity-tray.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBhD;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB,CAAC,WAAW,SAAS,MAAM,GAAG,MAAM;IACrE,sFAAsF;IACtF,WAAW,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,MAAM,CAAC;IACjD,kFAAkF;IAClF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC;IAC5D,0FAA0F;IAC1F,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC;IAClE,4DAA4D;IAC5D,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAChE;AA+GD,MAAM,WAAW,qBAAqB;IACpC,iFAAiF;IACjF,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB,CAAC,WAAW,SAAS,MAAM,GAAG,MAAM;IAC1E;;;;OAIG;IACH,aAAa,EAAE;QACb,MAAM,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,SAAS,EAAE,OAAO,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF;;;;OAIG;IACH,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAC/D;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,WAAW,SAAS,MAAM,GAAG,MAAM,EACpE,KAAK,EAAE,uBAAuB,CAAC,WAAW,CAAC,+BA8G5C"}

package/dist/react/upload-activity-tray.js

@@ -1,101 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * Global upload activity tray.
- *
- * Renders a fixed bottom-left floating action button when there is any
- * active or non-cleared terminal upload. Opens a popover listing each
- * item with backend status. Terminal items (completed / failed / rejected)
- * get a Clear (×) button that calls the consumer-supplied clear mutation.
- *
- * Framework-agnostic via render props:
- *  - `renderViewAllLink` lets the consumer plug in their app's Link
- *    component (Next.js Link, React Router Link, anchor, etc.) routed at
- *    their canonical "view all uploads" destination.
- *  - `renderFooter` lets the consumer fully replace the footer slot.
- *  - Both omitted — footer is not rendered.
- */
-import { useMemo } from 'react';
-import { Cloud, Loader2, CheckCircle2, AlertCircle, XCircle, X } from 'lucide-react';
-import { Button, Popover, PopoverTrigger, PopoverContent, ScrollArea, Separator, } from '@ttt-productions/ui-core/react';
-import { cn } from '@ttt-productions/ui-core';
-import { isTerminalUpload, useUploadActivityState, } from './in-flight-uploads-provider.js';
-function getRowMeta(item, nowMs, labelers) {
-    let statusLabel;
-    let icon;
-    let iconClassName;
-    let errorDetail;
-    switch (item.status) {
-        case 'pending':
-            statusLabel = 'Waiting to process…';
-            icon = _jsx(Loader2, { className: "icon-sm animate-spin" });
-            iconClassName = 'text-muted-foreground';
-            break;
-        case 'processing':
-            statusLabel = 'Processing…';
-            icon = _jsx(Loader2, { className: "icon-sm animate-spin" });
-            iconClassName = 'text-primary';
-            break;
-        case 'completed':
-            statusLabel = 'Completed';
-            icon = _jsx(CheckCircle2, { className: "icon-sm" });
-            iconClassName = 'text-green-600 dark:text-green-500';
-            break;
-        case 'failed':
-            statusLabel = 'Failed';
-            errorDetail = item.errorMessage;
-            icon = _jsx(AlertCircle, { className: "icon-sm" });
-            iconClassName = 'text-destructive';
-            break;
-        case 'rejected':
-            statusLabel = 'Rejected';
-            errorDetail = item.errorMessage;
-            icon = _jsx(XCircle, { className: "icon-sm" });
-            iconClassName = 'text-destructive';
-            break;
-    }
-    return {
-        statusLabel,
-        errorDetail,
-        originLabel: labelers.originLabel(item.fileOrigin),
-        fileTypeLabel: labelers.fileTypeLabel(item.originalContentType),
-        fileSizeLabel: labelers.fileSizeLabel(item.originalSize),
-        timestampLabel: labelers.timestampLabel(item.createdAt, nowMs),
-        icon,
-        iconClassName,
-    };
-}
-function UploadActivityTrayRow({ item, nowMs, onClear, isClearPending, labelers, }) {
-    const meta = getRowMeta(item, nowMs, labelers);
-    const subline = [meta.originLabel, meta.fileTypeLabel, meta.fileSizeLabel]
-        .filter(Boolean)
-        .join(' · ');
-    return (_jsxs("div", { className: "flex items-start gap-3 p-3", children: [_jsx("div", { className: cn('mt-0.5 shrink-0', meta.iconClassName), children: meta.icon }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: meta.statusLabel }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: subline }), meta.errorDetail && (_jsx("p", { className: "text-xs text-muted-foreground mt-1 line-clamp-2", children: meta.errorDetail })), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: meta.timestampLabel })] }), onClear && (_jsx(Button, { size: "icon", variant: "ghost", className: "h-7 w-7 shrink-0", onClick: onClear, disabled: isClearPending, "aria-label": `Clear ${meta.statusLabel.toLowerCase()} upload`, children: _jsx(X, { className: "icon-sm" }) }))] }));
-}
-export function UploadActivityTray(props) {
-    const { clearMutation, labelers, viewAllHref, renderViewAllLink, renderFooter, viewAllLabel = 'View all uploads →', } = props;
-    const items = useUploadActivityState();
-    const nowMs = Date.now();
-    const activeCount = useMemo(() => items.filter((item) => item.status === 'pending' || item.status === 'processing').length, [items]);
-    const footerContent = (() => {
-        if (renderFooter)
-            return renderFooter();
-        if (viewAllHref && renderViewAllLink) {
-            return (_jsx("div", { className: "p-3", children: renderViewAllLink({
-                    href: viewAllHref,
-                    children: (_jsx("span", { className: "text-sm text-primary hover:underline", children: viewAllLabel })),
-                }) }));
-        }
-        return null;
-    })();
-    return (_jsx("div", { className: "fixed bottom-6 left-6 z-50", children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { size: "icon", variant: items.length === 0 ? 'ghost' : 'inverted', className: "relative h-14 w-14 rounded-full shadow-lg", "aria-label": items.length === 0
-                            ? 'Upload activity (no recent uploads)'
-                            : activeCount > 0
-                                ? `Upload activity: ${activeCount} in progress`
-                                : `Upload activity: ${items.length} item${items.length === 1 ? '' : 's'}`, children: [activeCount > 0 ? (_jsx(Loader2, { className: "icon-md animate-spin" })) : (_jsx(Cloud, { className: "icon-md" })), items.length > 0 && (_jsx("span", { className: "absolute -top-1 -right-1 min-w-[1.25rem] h-5 px-1 rounded-full bg-destructive text-destructive-foreground text-xs font-medium flex items-center justify-center", "aria-hidden": "true", children: items.length }))] }) }), _jsxs(PopoverContent, { align: "start", side: "top", className: "app-popover p-0 w-80", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("h2", { className: "text-sm font-semibold", children: "Upload Activity" }), _jsx("span", { className: "text-xs text-muted-foreground", children: items.length === 0
-                                        ? 'No recent uploads'
-                                        : activeCount > 0
-                                            ? `${activeCount} in progress`
-                                            : `${items.length} item${items.length === 1 ? '' : 's'}` })] }), _jsx(Separator, {}), items.length === 0 ? (_jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No recent uploads." })) : (_jsx(ScrollArea, { className: "max-h-80", children: _jsx("ul", { className: "divide-y", children: items.map((item) => (_jsx("li", { children: _jsx(UploadActivityTrayRow, { item: item, nowMs: nowMs, onClear: isTerminalUpload(item) ? () => clearMutation.mutate(item.id) : undefined, isClearPending: clearMutation.isPending && clearMutation.variables === item.id, labelers: labelers }) }, item.id))) }) })), footerContent !== null && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), footerContent] }))] })] }) }));
-}
-//# sourceMappingURL=upload-activity-tray.js.map

package/dist/react/upload-activity-tray.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-activity-tray.js","sourceRoot":"","sources":["../../src/react/upload-activity-tray.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EACL,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,UAAU,EACV,SAAS,GACV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EACL,gBAAgB,EAChB,sBAAsB,GAEvB,MAAM,iCAAiC,CAAC;AA8BzC,SAAS,UAAU,CACjB,IAAiC,EACjC,KAAa,EACb,QAAyC;IAEzC,IAAI,WAAmB,CAAC;IACxB,IAAI,IAAe,CAAC;IACpB,IAAI,aAAqB,CAAC;IAC1B,IAAI,WAA+B,CAAC;IAEpC,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,WAAW,GAAG,qBAAqB,CAAC;YACpC,IAAI,GAAG,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YACpD,aAAa,GAAG,uBAAuB,CAAC;YACxC,MAAM;QACR,KAAK,YAAY;YACf,WAAW,GAAG,aAAa,CAAC;YAC5B,IAAI,GAAG,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YACpD,aAAa,GAAG,cAAc,CAAC;YAC/B,MAAM;QACR,KAAK,WAAW;YACd,WAAW,GAAG,WAAW,CAAC;YAC1B,IAAI,GAAG,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YAC5C,aAAa,GAAG,oCAAoC,CAAC;YACrD,MAAM;QACR,KAAK,QAAQ;YACX,WAAW,GAAG,QAAQ,CAAC;YACvB,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,GAAG,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YAC3C,aAAa,GAAG,kBAAkB,CAAC;YACnC,MAAM;QACR,KAAK,UAAU;YACb,WAAW,GAAG,UAAU,CAAC;YACzB,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,GAAG,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YACvC,aAAa,GAAG,kBAAkB,CAAC;YACnC,MAAM;IACV,CAAC;IAED,OAAO;QACL,WAAW;QACX,WAAW;QACX,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAClD,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAC/D,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC;QACxD,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;QAC9D,IAAI;QACJ,aAAa;KACd,CAAC;AACJ,CAAC;AAUD,SAAS,qBAAqB,CAA6B,EACzD,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,QAAQ,GACgC;IACxC,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;SACvE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,KAAK,CAAC,CAAC;IACf,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,aAAa,CAAC,YAAG,IAAI,CAAC,IAAI,GAAO,EAC5E,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,WAAW,GAAK,EAClE,YAAG,SAAS,EAAC,wCAAwC,YAAE,OAAO,GAAK,EAClE,IAAI,CAAC,WAAW,IAAI,CACnB,YAAG,SAAS,EAAC,iDAAiD,YAAE,IAAI,CAAC,WAAW,GAAK,CACtF,EACD,YAAG,SAAS,EAAC,oCAAoC,YAAE,IAAI,CAAC,cAAc,GAAK,IACvE,EACL,OAAO,IAAI,CACV,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,gBACZ,SAAS,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,SAAS,YAE5D,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,CACV,IACG,CACP,CAAC;AACJ,CAAC;AA8CD,MAAM,UAAU,kBAAkB,CAChC,KAA2C;IAE3C,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,GAAG,sBAAsB,GACtC,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,sBAAsB,EAAe,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAEzB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,CAAC,CAAC,MAAM,EAC1F,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,aAAa,GAAc,CAAC,GAAG,EAAE;QACrC,IAAI,YAAY;YAAE,OAAO,YAAY,EAAE,CAAC;QACxC,IAAI,WAAW,IAAI,iBAAiB,EAAE,CAAC;YACrC,OAAO,CACL,cAAK,SAAS,EAAC,KAAK,YACjB,iBAAiB,CAAC;oBACjB,IAAI,EAAE,WAAW;oBACjB,QAAQ,EAAE,CACR,eAAM,SAAS,EAAC,sCAAsC,YAAE,YAAY,GAAQ,CAC7E;iBACF,CAAC,GACE,CACP,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAClD,SAAS,EAAC,2CAA2C,gBAEnD,KAAK,CAAC,MAAM,KAAK,CAAC;4BAChB,CAAC,CAAC,qCAAqC;4BACvC,CAAC,CAAC,WAAW,GAAG,CAAC;gCACjB,CAAC,CAAC,oBAAoB,WAAW,cAAc;gCAC/C,CAAC,CAAC,oBAAoB,KAAK,CAAC,MAAM,QAAQ,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,aAG5E,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,EACA,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,eACE,SAAS,EAAC,gKAAgK,iBAC9J,MAAM,YAEjB,KAAK,CAAC,MAAM,GACR,CACR,IACM,GACM,EACjB,MAAC,cAAc,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,sBAAsB,aACvE,eAAK,SAAS,EAAC,uCAAuC,aACpD,aAAI,SAAS,EAAC,uBAAuB,gCAAqB,EAC1D,eAAM,SAAS,EAAC,+BAA+B,YAC5C,KAAK,CAAC,MAAM,KAAK,CAAC;wCACjB,CAAC,CAAC,mBAAmB;wCACrB,CAAC,CAAC,WAAW,GAAG,CAAC;4CACjB,CAAC,CAAC,GAAG,WAAW,cAAc;4CAC9B,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,QAAQ,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,GACrD,IACH,EACN,KAAC,SAAS,KAAG,EACZ,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAC,+CAA+C,mCAExD,CACP,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,YAC9B,aAAI,SAAS,EAAC,UAAU,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBACE,KAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACjF,cAAc,EAAE,aAAa,CAAC,SAAS,IAAI,aAAa,CAAC,SAAS,KAAK,IAAI,CAAC,EAAE,EAC9E,QAAQ,EAAE,QAAQ,GAClB,IAPK,IAAI,CAAC,EAAE,CAQX,CACN,CAAC,GACC,GACM,CACd,EACA,aAAa,KAAK,IAAI,IAAI,CACzB,8BACE,KAAC,SAAS,KAAG,EACZ,aAAa,IACb,CACJ,IACc,IACT,GACN,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * Global upload activity tray.\n *\n * Renders a fixed bottom-left floating action button when there is any\n * active or non-cleared terminal upload. Opens a popover listing each\n * item with backend status. Terminal items (completed / failed / rejected)\n * get a Clear (×) button that calls the consumer-supplied clear mutation.\n *\n * Framework-agnostic via render props:\n *  - `renderViewAllLink` lets the consumer plug in their app's Link\n *    component (Next.js Link, React Router Link, anchor, etc.) routed at\n *    their canonical \"view all uploads\" destination.\n *  - `renderFooter` lets the consumer fully replace the footer slot.\n *  - Both omitted — footer is not rendered.\n */\n\nimport { useMemo, type ReactNode } from 'react';\nimport { Cloud, Loader2, CheckCircle2, AlertCircle, XCircle, X } from 'lucide-react';\nimport {\n  Button,\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  ScrollArea,\n  Separator,\n} from '@ttt-productions/ui-core/react';\nimport { cn } from '@ttt-productions/ui-core';\nimport {\n  isTerminalUpload,\n  useUploadActivityState,\n  type InFlightUpload,\n} from './in-flight-uploads-provider.js';\n\n/**\n * Consumer-supplied formatters used by `UploadActivityTray` to render row\n * labels. The tray is intentionally domain-agnostic — consumers map their\n * own `FileOrigin` union to user-facing strings and choose their preferred\n * timestamp / size / content-type formatting.\n */\nexport interface UploadTrayLabelers<TFileOrigin extends string = string> {\n  /** User-facing label for a file origin (e.g. 'support-ticket' -> 'Support reply'). */\n  originLabel: (fileOrigin: TFileOrigin) => string;\n  /** Human file size string, e.g. 1572864 -> '1.5 MB'. Return null when unknown. */\n  fileSizeLabel: (bytes: number | undefined) => string | null;\n  /** Friendly content-type label, e.g. 'image/png' -> 'Image'. Return null when unknown. */\n  fileTypeLabel: (contentType: string | undefined) => string | null;\n  /** Timestamp label, e.g. '3m ago' / 'Yesterday 3:42 PM'. */\n  timestampLabel: (createdAtMs: number, nowMs: number) => string;\n}\n\ninterface RowMeta {\n  statusLabel: string;\n  errorDetail?: string;\n  originLabel: string;\n  fileTypeLabel: string | null;\n  fileSizeLabel: string | null;\n  timestampLabel: string;\n  icon: ReactNode;\n  iconClassName: string;\n}\n\nfunction getRowMeta<TFileOrigin extends string>(\n  item: InFlightUpload<TFileOrigin>,\n  nowMs: number,\n  labelers: UploadTrayLabelers<TFileOrigin>,\n): RowMeta {\n  let statusLabel: string;\n  let icon: ReactNode;\n  let iconClassName: string;\n  let errorDetail: string | undefined;\n\n  switch (item.status) {\n    case 'pending':\n      statusLabel = 'Waiting to process…';\n      icon = <Loader2 className=\"icon-sm animate-spin\" />;\n      iconClassName = 'text-muted-foreground';\n      break;\n    case 'processing':\n      statusLabel = 'Processing…';\n      icon = <Loader2 className=\"icon-sm animate-spin\" />;\n      iconClassName = 'text-primary';\n      break;\n    case 'completed':\n      statusLabel = 'Completed';\n      icon = <CheckCircle2 className=\"icon-sm\" />;\n      iconClassName = 'text-green-600 dark:text-green-500';\n      break;\n    case 'failed':\n      statusLabel = 'Failed';\n      errorDetail = item.errorMessage;\n      icon = <AlertCircle className=\"icon-sm\" />;\n      iconClassName = 'text-destructive';\n      break;\n    case 'rejected':\n      statusLabel = 'Rejected';\n      errorDetail = item.errorMessage;\n      icon = <XCircle className=\"icon-sm\" />;\n      iconClassName = 'text-destructive';\n      break;\n  }\n\n  return {\n    statusLabel,\n    errorDetail,\n    originLabel: labelers.originLabel(item.fileOrigin),\n    fileTypeLabel: labelers.fileTypeLabel(item.originalContentType),\n    fileSizeLabel: labelers.fileSizeLabel(item.originalSize),\n    timestampLabel: labelers.timestampLabel(item.createdAt, nowMs),\n    icon,\n    iconClassName,\n  };\n}\n\ninterface UploadActivityTrayRowProps<TFileOrigin extends string> {\n  item: InFlightUpload<TFileOrigin>;\n  nowMs: number;\n  onClear: (() => void) | undefined;\n  isClearPending: boolean;\n  labelers: UploadTrayLabelers<TFileOrigin>;\n}\n\nfunction UploadActivityTrayRow<TFileOrigin extends string>({\n  item,\n  nowMs,\n  onClear,\n  isClearPending,\n  labelers,\n}: UploadActivityTrayRowProps<TFileOrigin>) {\n  const meta = getRowMeta(item, nowMs, labelers);\n  const subline = [meta.originLabel, meta.fileTypeLabel, meta.fileSizeLabel]\n    .filter(Boolean)\n    .join(' · ');\n  return (\n    <div className=\"flex items-start gap-3 p-3\">\n      <div className={cn('mt-0.5 shrink-0', meta.iconClassName)}>{meta.icon}</div>\n      <div className=\"flex-1 min-w-0\">\n        <p className=\"text-sm font-medium truncate\">{meta.statusLabel}</p>\n        <p className=\"text-xs text-muted-foreground truncate\">{subline}</p>\n        {meta.errorDetail && (\n          <p className=\"text-xs text-muted-foreground mt-1 line-clamp-2\">{meta.errorDetail}</p>\n        )}\n        <p className=\"text-xs text-muted-foreground mt-1\">{meta.timestampLabel}</p>\n      </div>\n      {onClear && (\n        <Button\n          size=\"icon\"\n          variant=\"ghost\"\n          className=\"h-7 w-7 shrink-0\"\n          onClick={onClear}\n          disabled={isClearPending}\n          aria-label={`Clear ${meta.statusLabel.toLowerCase()} upload`}\n        >\n          <X className=\"icon-sm\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport interface ViewAllLinkRenderArgs {\n  /** The href the consumer's link should navigate to (passed through verbatim). */\n  href: string;\n  /** Children for the link element (i.e. the label text + arrow). */\n  children: ReactNode;\n}\n\nexport interface UploadActivityTrayProps<TFileOrigin extends string = string> {\n  /**\n   * Mutation hook result from `useClearUploadActivity({ clearFn })`. The tray\n   * uses `.mutate(item.id)`, `.isPending`, and `.variables`. The consumer\n   * owns the underlying network call.\n   */\n  clearMutation: {\n    mutate: (pendingMediaId: string) => void;\n    isPending: boolean;\n    variables: string | undefined;\n  };\n  /**\n   * Consumer-supplied formatters for row labels. Required — the tray has\n   * no built-in opinion about how to render origin / file type / size /\n   * timestamp strings.\n   */\n  labelers: UploadTrayLabelers<TFileOrigin>;\n  /**\n   * Optional view-all destination href. When omitted, no footer is rendered\n   * unless `renderFooter` is also supplied.\n   */\n  viewAllHref?: string;\n  /**\n   * Render-prop for the view-all link. Receives the href and label children\n   * the consumer should attach. Omit to drop the link.\n   */\n  renderViewAllLink?: (args: ViewAllLinkRenderArgs) => ReactNode;\n  /**\n   * Fully custom footer slot. Replaces the default footer entirely. If both\n   * `renderFooter` and `viewAllHref + renderViewAllLink` are supplied,\n   * `renderFooter` wins.\n   */\n  renderFooter?: () => ReactNode;\n  /** Visible label for the view-all link. Default: \"View all uploads →\". */\n  viewAllLabel?: ReactNode;\n}\n\nexport function UploadActivityTray<TFileOrigin extends string = string>(\n  props: UploadActivityTrayProps<TFileOrigin>,\n) {\n  const {\n    clearMutation,\n    labelers,\n    viewAllHref,\n    renderViewAllLink,\n    renderFooter,\n    viewAllLabel = 'View all uploads →',\n  } = props;\n  const items = useUploadActivityState<TFileOrigin>();\n  const nowMs = Date.now();\n\n  const activeCount = useMemo(\n    () =>\n      items.filter((item) => item.status === 'pending' || item.status === 'processing').length,\n    [items],\n  );\n\n  const footerContent: ReactNode = (() => {\n    if (renderFooter) return renderFooter();\n    if (viewAllHref && renderViewAllLink) {\n      return (\n        <div className=\"p-3\">\n          {renderViewAllLink({\n            href: viewAllHref,\n            children: (\n              <span className=\"text-sm text-primary hover:underline\">{viewAllLabel}</span>\n            ),\n          })}\n        </div>\n      );\n    }\n    return null;\n  })();\n\n  return (\n    <div className=\"fixed bottom-6 left-6 z-50\">\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button\n            size=\"icon\"\n            variant={items.length === 0 ? 'ghost' : 'inverted'}\n            className=\"relative h-14 w-14 rounded-full shadow-lg\"\n            aria-label={\n              items.length === 0\n                ? 'Upload activity (no recent uploads)'\n                : activeCount > 0\n                ? `Upload activity: ${activeCount} in progress`\n                : `Upload activity: ${items.length} item${items.length === 1 ? '' : 's'}`\n            }\n          >\n            {activeCount > 0 ? (\n              <Loader2 className=\"icon-md animate-spin\" />\n            ) : (\n              <Cloud className=\"icon-md\" />\n            )}\n            {items.length > 0 && (\n              <span\n                className=\"absolute -top-1 -right-1 min-w-[1.25rem] h-5 px-1 rounded-full bg-destructive text-destructive-foreground text-xs font-medium flex items-center justify-center\"\n                aria-hidden=\"true\"\n              >\n                {items.length}\n              </span>\n            )}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"start\" side=\"top\" className=\"app-popover p-0 w-80\">\n          <div className=\"flex items-center justify-between p-3\">\n            <h2 className=\"text-sm font-semibold\">Upload Activity</h2>\n            <span className=\"text-xs text-muted-foreground\">\n              {items.length === 0\n                ? 'No recent uploads'\n                : activeCount > 0\n                ? `${activeCount} in progress`\n                : `${items.length} item${items.length === 1 ? '' : 's'}`}\n            </span>\n          </div>\n          <Separator />\n          {items.length === 0 ? (\n            <div className=\"p-4 text-center text-sm text-muted-foreground\">\n              No recent uploads.\n            </div>\n          ) : (\n            <ScrollArea className=\"max-h-80\">\n              <ul className=\"divide-y\">\n                {items.map((item) => (\n                  <li key={item.id}>\n                    <UploadActivityTrayRow\n                      item={item}\n                      nowMs={nowMs}\n                      onClear={isTerminalUpload(item) ? () => clearMutation.mutate(item.id) : undefined}\n                      isClearPending={clearMutation.isPending && clearMutation.variables === item.id}\n                      labelers={labelers}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </ScrollArea>\n          )}\n          {footerContent !== null && (\n            <>\n              <Separator />\n              {footerContent}\n            </>\n          )}\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"]}