@burdenoff/microfe-tours 2026.518.2 → 2026.523.1

package/dist/tours/pages/MediaLibraryPage.js

@@ -1,188 +1,189 @@
-import { useToursPermissionAccess as e } from "../hooks/useToursPermissionAccess.js";
-import { TOUR_PERMISSIONS as t } from "../../constants/permissions.js";
-import { formatFileSize as n } from "../utils/index.js";
-import { useMediaLibrary as r } from "../hooks/useMediaLibrary.js";
-import { useCallback as i, useEffect as a, useState as o } from "react";
-import { PermissionGate as s } from "@burdenoff/fe-libs/shared/components";
-import { FileText as c, Image as l, Music as u, Search as d, Trash2 as f, Upload as p, Video as m } from "lucide-react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useToursContext as e } from "../providers/ToursProvider.js";
+import { useToursPermissionAccess as t } from "../hooks/useToursPermissionAccess.js";
+import { TOUR_PERMISSIONS as n } from "../../constants/permissions.js";
+import { emitToursApiFailed as r } from "../telemetry.js";
+import { formatFileSize as i } from "../utils/index.js";
+import { useMediaLibrary as a } from "../hooks/useMediaLibrary.js";
+import { useCallback as o, useEffect as s, useState as c } from "react";
+import { PermissionGate as l } from "@burdenoff/fe-libs/shared/components";
+import { FileText as u, Image as d, Music as f, Search as p, Trash2 as m, Upload as h, Video as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useEventBus as b } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/MediaLibraryPage.tsx
-function v() {
-	let { t: v } = _(), y = i((e, t) => {
-		let n = v(e);
+function x() {
+	let { t: x } = y(), S = o((e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, [v]), { hasPermission: b, isLoading: x } = e(), S = b(t.TOUR_MEDIA_LIST);
-	b(t.TOUR_MEDIA_CREATE);
-	let C = b(t.TOUR_MEDIA_DELETE), { media: w, fetchMedia: T, uploadMedia: E, deleteMedia: D, uploadProgress: O } = r(), [k, A] = o(""), [j, M] = o("all");
-	a(() => {
-		x || !S || T(j === "all" ? void 0 : j, k);
+	}, [x]), C = e(), w = b(), { hasPermission: T, isLoading: E } = t(), D = T(n.TOUR_MEDIA_LIST), O = T(n.TOUR_MEDIA_DELETE), { media: k, fetchMedia: A, uploadMedia: j, deleteMedia: M, uploadProgress: N } = a(), [P, F] = c(""), [I, L] = c("all");
+	s(() => {
+		E || !D || A(I === "all" ? void 0 : I, P);
 	}, [
-		T,
-		j,
-		k,
-		x,
-		S
+		A,
+		I,
+		P,
+		E,
+		D
 	]);
-	let N = async (e) => {
+	let R = async (e) => {
 		if (e) {
 			for (let t = 0; t < e.length; t++) try {
-				await E(e[t]);
-			} catch (e) {
-				console.error("Failed to upload file:", e);
+				await j(e[t]);
+			} catch {
+				r(w, "media.upload", C);
 			}
-			T(j === "all" ? void 0 : j, k);
+			A(I === "all" ? void 0 : I, P);
 		}
-	}, P = (e) => {
+	}, z = (e) => {
 		switch (e) {
-			case "IMAGE": return /* @__PURE__ */ h(l, { size: 20 });
-			case "VIDEO": return /* @__PURE__ */ h(m, { size: 20 });
-			case "AUDIO": return /* @__PURE__ */ h(u, { size: 20 });
-			case "DOCUMENT": return /* @__PURE__ */ h(c, { size: 20 });
+			case "IMAGE": return /* @__PURE__ */ _(d, { size: 20 });
+			case "VIDEO": return /* @__PURE__ */ _(g, { size: 20 });
+			case "AUDIO": return /* @__PURE__ */ _(f, { size: 20 });
+			case "DOCUMENT": return /* @__PURE__ */ _(u, { size: 20 });
 		}
 	};
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3",
-				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
 					className: "text-xl sm:text-2xl font-bold",
-					children: y("mediaLibrary.title", "Media Library")
-				}), /* @__PURE__ */ h("p", {
+					children: S("mediaLibrary.title", "Media Library")
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground",
-					children: y("mediaLibrary.subtitle", "Upload and manage media for tour steps")
-				})] }), /* @__PURE__ */ h(s, {
-					permission: t.TOUR_MEDIA_CREATE,
-					children: /* @__PURE__ */ g("label", {
+					children: S("mediaLibrary.subtitle", "Upload and manage media for tour steps")
+				})] }), /* @__PURE__ */ _(l, {
+					permission: n.TOUR_MEDIA_CREATE,
+					children: /* @__PURE__ */ v("label", {
 						className: "w-full sm:w-auto px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 cursor-pointer flex items-center justify-center gap-2",
 						children: [
-							/* @__PURE__ */ h(p, { size: 20 }),
-							y("mediaLibrary.uploadMedia", "Upload Media"),
-							/* @__PURE__ */ h("input", {
+							/* @__PURE__ */ _(h, { size: 20 }),
+							S("mediaLibrary.uploadMedia", "Upload Media"),
+							/* @__PURE__ */ _("input", {
 								type: "file",
 								multiple: !0,
 								accept: "image/*,video/*,audio/*,.pdf,.doc,.docx",
-								onChange: (e) => N(e.target.files),
+								onChange: (e) => R(e.target.files),
 								className: "hidden"
 							})
 						]
 					})
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-col sm:flex-row gap-3",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex-1 relative",
-					children: [/* @__PURE__ */ h(d, {
+					children: [/* @__PURE__ */ _(p, {
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
 						size: 20
-					}), /* @__PURE__ */ h("input", {
+					}), /* @__PURE__ */ _("input", {
 						type: "text",
-						placeholder: y("mediaLibrary.searchPlaceholder", "Search media..."),
-						value: k,
-						onChange: (e) => A(e.target.value),
-						className: "w-full pl-[3.25rem] pr-4 py-2 border border-border rounded-md bg-background"
+						placeholder: S("mediaLibrary.searchPlaceholder", "Search media..."),
+						value: P,
+						onChange: (e) => F(e.target.value),
+						className: "w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border rounded-md bg-background"
 					})]
-				}), /* @__PURE__ */ g("select", {
-					value: j,
-					onChange: (e) => M(e.target.value),
-					className: "px-4 py-2 border border-border rounded-md bg-background",
+				}), /* @__PURE__ */ v("select", {
+					value: I,
+					onChange: (e) => L(e.target.value),
+					className: "px-4 py-2 min-h-[44px] border border-border rounded-md bg-background",
 					children: [
-						/* @__PURE__ */ h("option", {
+						/* @__PURE__ */ _("option", {
 							value: "all",
-							children: y("mediaLibrary.allTypes", "All Types")
+							children: S("mediaLibrary.allTypes", "All Types")
 						}),
-						/* @__PURE__ */ h("option", {
+						/* @__PURE__ */ _("option", {
 							value: "IMAGE",
-							children: y("mediaLibrary.typeImages", "Images")
+							children: S("mediaLibrary.typeImages", "Images")
 						}),
-						/* @__PURE__ */ h("option", {
+						/* @__PURE__ */ _("option", {
 							value: "VIDEO",
-							children: y("mediaLibrary.typeVideos", "Videos")
+							children: S("mediaLibrary.typeVideos", "Videos")
 						}),
-						/* @__PURE__ */ h("option", {
+						/* @__PURE__ */ _("option", {
 							value: "AUDIO",
-							children: y("mediaLibrary.typeAudio", "Audio")
+							children: S("mediaLibrary.typeAudio", "Audio")
 						}),
-						/* @__PURE__ */ h("option", {
+						/* @__PURE__ */ _("option", {
 							value: "DOCUMENT",
-							children: y("mediaLibrary.typeDocuments", "Documents")
+							children: S("mediaLibrary.typeDocuments", "Documents")
 						})
 					]
 				})]
 			}),
-			Object.keys(O).length > 0 && /* @__PURE__ */ h("div", {
+			Object.keys(N).length > 0 && /* @__PURE__ */ _("div", {
 				className: "space-y-2",
-				children: Object.entries(O).map(([e, t]) => /* @__PURE__ */ g("div", {
+				children: Object.entries(N).map(([e, t]) => /* @__PURE__ */ v("div", {
 					className: "border border-border rounded-md p-3",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "flex items-center justify-between mb-2",
-						children: [/* @__PURE__ */ h("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-sm",
-							children: y("mediaLibrary.uploading", "Uploading...")
-						}), /* @__PURE__ */ g("span", {
+							children: S("mediaLibrary.uploading", "Uploading...")
+						}), /* @__PURE__ */ v("span", {
 							className: "text-sm text-muted-foreground",
 							children: [t, "%"]
 						})]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ _("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ h("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "bg-primary h-2 rounded-full transition-all",
 							style: { width: `${t}%` }
 						})
 					})]
 				}, e))
 			}),
-			w.length > 0 ? /* @__PURE__ */ h("div", {
+			k.length > 0 ? /* @__PURE__ */ _("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",
-				children: w.map((e) => /* @__PURE__ */ g("div", {
+				children: k.map((e) => /* @__PURE__ */ v("div", {
 					className: "border border-border rounded-md overflow-hidden hover:shadow-md transition-shadow",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "aspect-video bg-muted flex items-center justify-center",
-						children: e.type === "IMAGE" ? /* @__PURE__ */ h("img", {
+						children: e.type === "IMAGE" ? /* @__PURE__ */ _("img", {
 							src: e.cdnUrl,
 							alt: e.altText || e.name,
 							className: "w-full h-full object-cover"
-						}) : /* @__PURE__ */ h("div", {
+						}) : /* @__PURE__ */ _("div", {
 							className: "text-muted-foreground",
-							children: P(e.type)
+							children: z(e.type)
 						})
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "p-3",
 						children: [
-							/* @__PURE__ */ h("h3", {
+							/* @__PURE__ */ _("h3", {
 								className: "font-medium text-sm truncate",
 								children: e.name
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ v("div", {
 								className: "flex items-center justify-between mt-2 text-xs text-muted-foreground",
-								children: [/* @__PURE__ */ h("span", { children: e.type }), /* @__PURE__ */ h("span", { children: n(e.size) })]
+								children: [/* @__PURE__ */ _("span", { children: e.type }), /* @__PURE__ */ _("span", { children: i(e.size) })]
 							}),
-							C && /* @__PURE__ */ g("button", {
+							O && /* @__PURE__ */ v("button", {
 								onClick: () => {
-									window.confirm(y("mediaLibrary.deleteConfirm", "Delete this media?")) && D(e.id);
+									window.confirm(S("mediaLibrary.deleteConfirm", "Delete this media?")) && M(e.id);
 								},
-								className: "mt-2 w-full px-2 py-1 text-xs text-destructive border border-destructive/30 rounded hover:bg-destructive/10 flex items-center justify-center gap-1",
-								children: [/* @__PURE__ */ h(f, { size: 12 }), y("mediaLibrary.delete", "Delete")]
+								className: "mt-2 w-full px-2 py-2 min-h-[44px] text-xs text-destructive border border-destructive/30 rounded hover:bg-destructive/10 flex items-center justify-center gap-1",
+								children: [/* @__PURE__ */ _(m, { size: 12 }), S("mediaLibrary.delete", "Delete")]
 							})
 						]
 					})]
 				}, e.id))
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ v("div", {
 				className: "text-center py-12 border border-dashed border-border rounded-md",
 				children: [
-					/* @__PURE__ */ h(p, {
+					/* @__PURE__ */ _(h, {
 						className: "mx-auto mb-4 text-muted-foreground",
 						size: 48
 					}),
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-muted-foreground mb-2",
-						children: y("mediaLibrary.noMedia", "No media files")
+						children: S("mediaLibrary.noMedia", "No media files")
 					}),
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ _("p", {
 						className: "text-sm text-muted-foreground",
-						children: y("mediaLibrary.uploadFirstMedia", "Upload your first media file to get started")
+						children: S("mediaLibrary.uploadFirstMedia", "Upload your first media file to get started")
 					})
 				]
 			})
@@ -190,6 +191,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as MediaLibraryPage };
+export { x as MediaLibraryPage };
 
 //# sourceMappingURL=MediaLibraryPage.js.map

package/dist/tours/pages/MediaLibraryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaLibraryPage.js","names":[],"sources":["../../../src/tours/pages/MediaLibraryPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Upload, Search, Image as ImageIcon, Video, Music, FileText, Trash2 } from 'lucide-react';\nimport { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useMediaLibrary } from '../hooks/useMediaLibrary';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport { formatFileSize } from '../utils';\nimport type { TourMediaType } from '../types';\n\n/**\n * Media library page\n * Browse, upload, and manage tour media\n */\nexport function MediaLibraryPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n  const canListMedia = hasPermission(TOUR_PERMISSIONS.TOUR_MEDIA_LIST);\n  const canUploadMedia = hasPermission(TOUR_PERMISSIONS.TOUR_MEDIA_CREATE);\n  const canDeleteMedia = hasPermission(TOUR_PERMISSIONS.TOUR_MEDIA_DELETE);\n\n  const { media, fetchMedia, uploadMedia, deleteMedia, uploadProgress } = useMediaLibrary();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [typeFilter, setTypeFilter] = useState<TourMediaType | 'all'>('all');\n\n  useEffect(() => {\n    if (permissionsLoading || !canListMedia) return;\n    fetchMedia(typeFilter === 'all' ? undefined : typeFilter, searchQuery);\n  }, [fetchMedia, typeFilter, searchQuery, permissionsLoading, canListMedia]);\n\n  const handleFileUpload = async (files: FileList | null) => {\n    if (!files) return;\n\n    for (let i = 0; i < files.length; i++) {\n      try {\n        await uploadMedia(files[i]);\n      } catch (error) {\n        console.error('Failed to upload file:', error);\n      }\n    }\n\n    // Refresh media list\n    fetchMedia(typeFilter === 'all' ? undefined : typeFilter, searchQuery);\n  };\n\n  const getMediaIcon = (type: TourMediaType) => {\n    switch (type) {\n      case 'IMAGE':\n        return <ImageIcon size={20} />;\n      case 'VIDEO':\n        return <Video size={20} />;\n      case 'AUDIO':\n        return <Music size={20} />;\n      case 'DOCUMENT':\n        return <FileText size={20} />;\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div>\n          <h1 className=\"text-xl sm:text-2xl font-bold\">\n            {tr('mediaLibrary.title', 'Media Library')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('mediaLibrary.subtitle', 'Upload and manage media for tour steps')}\n          </p>\n        </div>\n        <PermissionGate permission={TOUR_PERMISSIONS.TOUR_MEDIA_CREATE}>\n          <label className=\"w-full sm:w-auto px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 cursor-pointer flex items-center justify-center gap-2\">\n            <Upload size={20} />\n            {tr('mediaLibrary.uploadMedia', 'Upload Media')}\n            <input\n              type=\"file\"\n              multiple\n              accept=\"image/*,video/*,audio/*,.pdf,.doc,.docx\"\n              onChange={(e) => handleFileUpload(e.target.files)}\n              className=\"hidden\"\n            />\n          </label>\n        </PermissionGate>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col sm:flex-row gap-3\">\n        <div className=\"flex-1 relative\">\n          <Search\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n            size={20}\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('mediaLibrary.searchPlaceholder', 'Search media...')}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 border border-border rounded-md bg-background\"\n          />\n        </div>\n        <select\n          value={typeFilter}\n          onChange={(e) => setTypeFilter(e.target.value as TourMediaType | 'all')}\n          className=\"px-4 py-2 border border-border rounded-md bg-background\"\n        >\n          <option value=\"all\">{tr('mediaLibrary.allTypes', 'All Types')}</option>\n          <option value=\"IMAGE\">{tr('mediaLibrary.typeImages', 'Images')}</option>\n          <option value=\"VIDEO\">{tr('mediaLibrary.typeVideos', 'Videos')}</option>\n          <option value=\"AUDIO\">{tr('mediaLibrary.typeAudio', 'Audio')}</option>\n          <option value=\"DOCUMENT\">{tr('mediaLibrary.typeDocuments', 'Documents')}</option>\n        </select>\n      </div>\n\n      {/* Upload Progress */}\n      {Object.keys(uploadProgress).length > 0 && (\n        <div className=\"space-y-2\">\n          {Object.entries(uploadProgress).map(([fileId, progress]) => (\n            <div key={fileId} className=\"border border-border rounded-md p-3\">\n              <div className=\"flex items-center justify-between mb-2\">\n                <span className=\"text-sm\">{tr('mediaLibrary.uploading', 'Uploading...')}</span>\n                <span className=\"text-sm text-muted-foreground\">{progress}%</span>\n              </div>\n              <div className=\"w-full bg-muted rounded-full h-2\">\n                <div\n                  className=\"bg-primary h-2 rounded-full transition-all\"\n                  style={{ width: `${progress}%` }}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Media Grid */}\n      {media.length > 0 ? (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\">\n          {media.map((item) => (\n            <div\n              key={item.id}\n              className=\"border border-border rounded-md overflow-hidden hover:shadow-md transition-shadow\"\n            >\n              {/* Thumbnail */}\n              <div className=\"aspect-video bg-muted flex items-center justify-center\">\n                {item.type === 'IMAGE' ? (\n                  <img\n                    src={item.cdnUrl}\n                    alt={item.altText || item.name}\n                    className=\"w-full h-full object-cover\"\n                  />\n                ) : (\n                  <div className=\"text-muted-foreground\">{getMediaIcon(item.type)}</div>\n                )}\n              </div>\n\n              {/* Info */}\n              <div className=\"p-3\">\n                <h3 className=\"font-medium text-sm truncate\">{item.name}</h3>\n                <div className=\"flex items-center justify-between mt-2 text-xs text-muted-foreground\">\n                  <span>{item.type}</span>\n                  <span>{formatFileSize(item.size)}</span>\n                </div>\n                {canDeleteMedia && (\n                  <button\n                    onClick={() => {\n                      if (window.confirm(tr('mediaLibrary.deleteConfirm', 'Delete this media?')))\n                        deleteMedia(item.id);\n                    }}\n                    className=\"mt-2 w-full px-2 py-1 text-xs text-destructive border border-destructive/30 rounded hover:bg-destructive/10 flex items-center justify-center gap-1\"\n                  >\n                    <Trash2 size={12} />\n                    {tr('mediaLibrary.delete', 'Delete')}\n                  </button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : (\n        <div className=\"text-center py-12 border border-dashed border-border rounded-md\">\n          <Upload className=\"mx-auto mb-4 text-muted-foreground\" size={48} />\n          <p className=\"text-muted-foreground mb-2\">\n            {tr('mediaLibrary.noMedia', 'No media files')}\n          </p>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('mediaLibrary.uploadFirstMedia', 'Upload your first media file to get started')}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MediaLibraryPage.js","names":[],"sources":["../../../src/tours/pages/MediaLibraryPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Upload, Search, Image as ImageIcon, Video, Music, FileText, Trash2 } from 'lucide-react';\nimport { PermissionGate } from '@burdenoff/fe-libs/shared/components';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useMediaLibrary } from '../hooks/useMediaLibrary';\nimport { useToursPermissionAccess } from '../hooks/useToursPermissionAccess';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { TOUR_PERMISSIONS } from '../../constants/permissions';\nimport { formatFileSize } from '../utils';\nimport type { TourMediaType } from '../types';\nimport { emitToursApiFailed } from '../telemetry';\n\n/**\n * Media library page\n * Browse, upload, and manage tour media\n */\nexport function MediaLibraryPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const toursContext = useToursContext();\n  const eventBus = useEventBus();\n\n  const { hasPermission, isLoading: permissionsLoading } = useToursPermissionAccess();\n  const canListMedia = hasPermission(TOUR_PERMISSIONS.TOUR_MEDIA_LIST);\n  const canDeleteMedia = hasPermission(TOUR_PERMISSIONS.TOUR_MEDIA_DELETE);\n\n  const { media, fetchMedia, uploadMedia, deleteMedia, uploadProgress } = useMediaLibrary();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [typeFilter, setTypeFilter] = useState<TourMediaType | 'all'>('all');\n\n  useEffect(() => {\n    if (permissionsLoading || !canListMedia) return;\n    fetchMedia(typeFilter === 'all' ? undefined : typeFilter, searchQuery);\n  }, [fetchMedia, typeFilter, searchQuery, permissionsLoading, canListMedia]);\n\n  const handleFileUpload = async (files: FileList | null) => {\n    if (!files) return;\n\n    for (let i = 0; i < files.length; i++) {\n      try {\n        await uploadMedia(files[i]);\n      } catch {\n        emitToursApiFailed(eventBus, 'media.upload', toursContext);\n      }\n    }\n\n    // Refresh media list\n    fetchMedia(typeFilter === 'all' ? undefined : typeFilter, searchQuery);\n  };\n\n  const getMediaIcon = (type: TourMediaType) => {\n    switch (type) {\n      case 'IMAGE':\n        return <ImageIcon size={20} />;\n      case 'VIDEO':\n        return <Video size={20} />;\n      case 'AUDIO':\n        return <Music size={20} />;\n      case 'DOCUMENT':\n        return <FileText size={20} />;\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div>\n          <h1 className=\"text-xl sm:text-2xl font-bold\">\n            {tr('mediaLibrary.title', 'Media Library')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('mediaLibrary.subtitle', 'Upload and manage media for tour steps')}\n          </p>\n        </div>\n        <PermissionGate permission={TOUR_PERMISSIONS.TOUR_MEDIA_CREATE}>\n          <label className=\"w-full sm:w-auto px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 cursor-pointer flex items-center justify-center gap-2\">\n            <Upload size={20} />\n            {tr('mediaLibrary.uploadMedia', 'Upload Media')}\n            <input\n              type=\"file\"\n              multiple\n              accept=\"image/*,video/*,audio/*,.pdf,.doc,.docx\"\n              onChange={(e) => handleFileUpload(e.target.files)}\n              className=\"hidden\"\n            />\n          </label>\n        </PermissionGate>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col sm:flex-row gap-3\">\n        <div className=\"flex-1 relative\">\n          <Search\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n            size={20}\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('mediaLibrary.searchPlaceholder', 'Search media...')}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 min-h-[44px] border border-border rounded-md bg-background\"\n          />\n        </div>\n        <select\n          value={typeFilter}\n          onChange={(e) => setTypeFilter(e.target.value as TourMediaType | 'all')}\n          className=\"px-4 py-2 min-h-[44px] border border-border rounded-md bg-background\"\n        >\n          <option value=\"all\">{tr('mediaLibrary.allTypes', 'All Types')}</option>\n          <option value=\"IMAGE\">{tr('mediaLibrary.typeImages', 'Images')}</option>\n          <option value=\"VIDEO\">{tr('mediaLibrary.typeVideos', 'Videos')}</option>\n          <option value=\"AUDIO\">{tr('mediaLibrary.typeAudio', 'Audio')}</option>\n          <option value=\"DOCUMENT\">{tr('mediaLibrary.typeDocuments', 'Documents')}</option>\n        </select>\n      </div>\n\n      {/* Upload Progress */}\n      {Object.keys(uploadProgress).length > 0 && (\n        <div className=\"space-y-2\">\n          {Object.entries(uploadProgress).map(([fileId, progress]) => (\n            <div key={fileId} className=\"border border-border rounded-md p-3\">\n              <div className=\"flex items-center justify-between mb-2\">\n                <span className=\"text-sm\">{tr('mediaLibrary.uploading', 'Uploading...')}</span>\n                <span className=\"text-sm text-muted-foreground\">{progress}%</span>\n              </div>\n              <div className=\"w-full bg-muted rounded-full h-2\">\n                <div\n                  className=\"bg-primary h-2 rounded-full transition-all\"\n                  style={{ width: `${progress}%` }}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Media Grid */}\n      {media.length > 0 ? (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\">\n          {media.map((item) => (\n            <div\n              key={item.id}\n              className=\"border border-border rounded-md overflow-hidden hover:shadow-md transition-shadow\"\n            >\n              {/* Thumbnail */}\n              <div className=\"aspect-video bg-muted flex items-center justify-center\">\n                {item.type === 'IMAGE' ? (\n                  <img\n                    src={item.cdnUrl}\n                    alt={item.altText || item.name}\n                    className=\"w-full h-full object-cover\"\n                  />\n                ) : (\n                  <div className=\"text-muted-foreground\">{getMediaIcon(item.type)}</div>\n                )}\n              </div>\n\n              {/* Info */}\n              <div className=\"p-3\">\n                <h3 className=\"font-medium text-sm truncate\">{item.name}</h3>\n                <div className=\"flex items-center justify-between mt-2 text-xs text-muted-foreground\">\n                  <span>{item.type}</span>\n                  <span>{formatFileSize(item.size)}</span>\n                </div>\n                {canDeleteMedia && (\n                  <button\n                    onClick={() => {\n                      if (window.confirm(tr('mediaLibrary.deleteConfirm', 'Delete this media?')))\n                        deleteMedia(item.id);\n                    }}\n                    className=\"mt-2 w-full px-2 py-2 min-h-[44px] text-xs text-destructive border border-destructive/30 rounded hover:bg-destructive/10 flex items-center justify-center gap-1\"\n                  >\n                    <Trash2 size={12} />\n                    {tr('mediaLibrary.delete', 'Delete')}\n                  </button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : (\n        <div className=\"text-center py-12 border border-dashed border-border rounded-md\">\n          <Upload className=\"mx-auto mb-4 text-muted-foreground\" size={48} />\n          <p className=\"text-muted-foreground mb-2\">\n            {tr('mediaLibrary.noMedia', 'No media files')}\n          </p>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('mediaLibrary.uploadFirstMedia', 'Upload your first media file to get started')}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/pages/SchedulerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchedulerPage.d.ts","sourceRoot":"","sources":["../../../src/tours/pages/SchedulerPage.tsx"],"names":[],"mappings":"AAYA;;;GAGG;AACH,wBAAgB,aAAa,4CA4P5B"}
+{"version":3,"file":"SchedulerPage.d.ts","sourceRoot":"","sources":["../../../src/tours/pages/SchedulerPage.tsx"],"names":[],"mappings":"AAcA;;;GAGG;AACH,wBAAgB,aAAa,4CAoQ5B"}