@maas/payload-plugin-media-cloud 0.0.0

package/dist/components/upload-manager/upload-manager.js

@@ -0,0 +1,315 @@
+'use client';
+
+
+import { MediaCloudError } from "../../types/errors.js";
+import { useErrorHandler } from "../../hooks/useErrorHandler.js";
+import { useEmitter } from "../../hooks/useEmitter.js";
+import "./upload-manager2.js";
+import { createContext, use, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@payloadcms/ui";
+
+//#region src/components/upload-manager/upload-manager.tsx
+const { logError } = useErrorHandler();
+const UploadManagerContext = createContext({
+	showUploadManager: false,
+	activeUploads: [],
+	addUpload: () => {},
+	updateUpload: () => {}
+});
+/**
+* Provider component for upload management context
+* @param args - Arguments including children to wrap
+* @returns JSX element providing upload management context
+*/
+function UploadManagerProvider(args) {
+	const { children } = args;
+	const [showUploadManager, setShowUploadManager] = useState(false);
+	const [activeUploads, setActiveUploads] = useState([]);
+	const [activeTab, setActiveTab] = useState("uploading");
+	const activeTabRef = useRef(activeTab);
+	const activeUploadsRef = useRef(activeUploads);
+	useEffect(() => {
+		activeTabRef.current = activeTab;
+	}, [activeTab]);
+	useEffect(() => {
+		activeUploadsRef.current = activeUploads;
+	}, [activeUploads]);
+	const emitter = useEmitter();
+	function checkAutoSwitchToCompleted(uploads) {
+		const hasActiveUploads = uploads.some((upload) => upload.status === "uploading");
+		const hasProcessingUploads = uploads.some((upload) => upload.status === "processing");
+		const hasCompletedUploads = uploads.some((upload) => upload.status === "completed");
+		if (!hasActiveUploads && !hasProcessingUploads && hasCompletedUploads && activeTabRef.current !== "completed") setActiveTab("completed");
+	}
+	useEffect(() => {
+		const pollingUploads = activeUploads.filter((upload) => upload.polling && upload.pollingUrl);
+		if (pollingUploads.length === 0) return;
+		const pollAssets = async () => {
+			for (const upload of pollingUploads) try {
+				const response = await fetch(`${upload.pollingUrl}?upload_id=${upload.id}`, {
+					method: "GET",
+					credentials: "include"
+				});
+				if (response.ok) {
+					const data = await response.json();
+					if (data.ready) setActiveUploads((prev) => {
+						const updatedUploads = prev.map((u) => u.id === upload.id ? {
+							...u,
+							polling: false,
+							progress: 100,
+							status: "completed"
+						} : u);
+						setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0);
+						return updatedUploads;
+					});
+				}
+			} catch (_error) {
+				logError(MediaCloudError.UPLOAD_POLLING_ERROR);
+			}
+		};
+		const intervalId = setInterval(pollAssets, 2e3);
+		return () => clearInterval(intervalId);
+	}, [activeUploads, emitter]);
+	useEffect(() => {
+		emitter.on("add-upload", onAddUpload);
+		emitter.on("update-upload", onUpdateUpload);
+		emitter.on("remove-upload", onRemoveUpload);
+		emitter.on("upload-error", onUploadError);
+		emitter.on("upload-completed", onUploadCompleted);
+		return () => {
+			emitter.off("add-upload", onAddUpload);
+			emitter.off("update-upload", onUpdateUpload);
+			emitter.off("remove-upload", onRemoveUpload);
+			emitter.off("upload-error", onUploadError);
+			emitter.off("upload-completed", onUploadCompleted);
+		};
+	}, [emitter]);
+	/**
+	* Handles the 'upload-error' event
+	* @param event - The upload error event
+	*/
+	function onUploadError(event) {
+		const { id, error } = event;
+		setActiveUploads((prev) => prev.map((upload) => upload.id === id ? {
+			...upload,
+			error,
+			status: "completed"
+		} : upload));
+		logError(error);
+	}
+	/**
+	* Handles the 'add-upload' event
+	* @param event - The add upload event
+	*/
+	function onAddUpload(event) {
+		addUpload({
+			id: event.id,
+			filename: event.filename,
+			polling: event.polling,
+			pollingUrl: event.pollingUrl
+		});
+		setShowUploadManager(true);
+		if (activeTabRef.current !== "uploading") setActiveTab("uploading");
+	}
+	/**
+	* Handles the 'update-upload' event
+	* @param event - The update upload event
+	*/
+	function onUpdateUpload(event) {
+		updateUpload({
+			id: event.id,
+			progress: event.progress,
+			polling: event.polling
+		});
+	}
+	/**
+	* Handles the 'remove-upload' event
+	* @param event - The remove upload event
+	*/
+	function onRemoveUpload(event) {
+		setActiveUploads((prev) => prev.filter((upload) => upload.id !== event.id));
+	}
+	/**
+	* Handles the 'upload-completed' event
+	* @param event - The upload completed event
+	*/
+	function onUploadCompleted(event) {
+		const upload = activeUploadsRef.current.find((u) => u.id === event.id);
+		if (upload?.pollingUrl) setActiveUploads((prev) => prev.map((u) => u.id === event.id ? {
+			...u,
+			polling: true,
+			progress: 100,
+			status: "processing"
+		} : u));
+		else setActiveUploads((prev) => {
+			const updatedUploads = prev.map((u) => u.id === event.id ? {
+				...u,
+				progress: 100,
+				status: "completed"
+			} : u);
+			setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0);
+			return updatedUploads;
+		});
+	}
+	/**
+	* Adds a new upload to the manager
+	* @param args - The upload arguments
+	*/
+	function addUpload(args$1) {
+		const { id, filename, polling = false, pollingUrl } = args$1;
+		const upload = {
+			id,
+			filename,
+			progress: 0,
+			polling,
+			pollingUrl,
+			status: "uploading"
+		};
+		setActiveUploads((prev) => [...prev, upload]);
+	}
+	/**
+	* Updates an existing upload in the manager
+	* @param args - The update arguments
+	*/
+	function updateUpload(args$1) {
+		const { id, progress, polling } = args$1;
+		setActiveUploads((prev) => prev.map((upload) => upload.id === id ? {
+			...upload,
+			progress,
+			...polling !== void 0 && { polling },
+			status: polling ? "processing" : progress >= 100 ? "completed" : "uploading"
+		} : upload));
+		setActiveUploads((currentUploads) => {
+			return currentUploads;
+		});
+	}
+	const uploadingFiles = activeUploads.filter((upload) => upload.status === "uploading");
+	const processingFiles = activeUploads.filter((upload) => upload.status === "processing");
+	const completedFiles = activeUploads.filter((upload) => upload.status === "completed");
+	/**
+	* Renders the upload list
+	* @param args - The render arguments
+	* @returns JSX element representing the upload list
+	*/
+	function renderUploadList(args$1) {
+		const { uploads } = args$1;
+		return /* @__PURE__ */ jsx("ul", { children: uploads.map((upload) => /* @__PURE__ */ jsxs("li", {
+			"data-status": upload.status,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "upload-info",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "upload-filename",
+					children: upload.filename
+				}), /* @__PURE__ */ jsx("span", {
+					className: "upload-meta",
+					children: upload.status === "processing" ? "Processing..." : upload.progress < 100 ? `${Math.ceil(upload.progress)}%` : "Completed"
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "upload-progress-bar",
+				style: { ["--progress"]: upload.status === "processing" ? "1" : `${upload.progress / 100}` },
+				children: /* @__PURE__ */ jsx("div", {
+					"data-active": upload.status === "processing",
+					className: "upload-progress"
+				})
+			})]
+		}, upload.id)) });
+	}
+	/**
+	* Closes the upload manager
+	*/
+	function closeUploadManager() {
+		const hasPollingUploads = activeUploads.some((upload) => upload.polling);
+		if (!hasPollingUploads) {
+			setActiveUploads([]);
+			setShowUploadManager(false);
+		}
+	}
+	const value = {
+		activeUploads,
+		addUpload,
+		updateUpload
+	};
+	return /* @__PURE__ */ jsxs(UploadManagerContext.Provider, {
+		value,
+		children: [showUploadManager && /* @__PURE__ */ jsxs("div", {
+			className: "upload-manager",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "upload-manager__header",
+					children: [/* @__PURE__ */ jsx("h4", { children: "Uploads" }), /* @__PURE__ */ jsx(Button, {
+						buttonStyle: "icon-label",
+						icon: "x",
+						margin: false,
+						onClick: closeUploadManager
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "upload-manager__tabs",
+					children: [
+						/* @__PURE__ */ jsxs("button", {
+							"data-active": activeTab === "uploading",
+							className: "upload-tab",
+							onClick: () => setActiveTab("uploading"),
+							children: [
+								"Uploading (",
+								uploadingFiles.length,
+								")"
+							]
+						}),
+						/* @__PURE__ */ jsxs("button", {
+							"data-active": activeTab === "processing",
+							className: "upload-tab",
+							onClick: () => setActiveTab("processing"),
+							children: [
+								"Processing (",
+								processingFiles.length,
+								")"
+							]
+						}),
+						/* @__PURE__ */ jsxs("button", {
+							"data-active": activeTab === "completed",
+							className: "upload-tab",
+							onClick: () => setActiveTab("completed"),
+							children: [
+								"Completed (",
+								completedFiles.length,
+								")"
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "upload-manager__content",
+					children: [
+						activeTab === "uploading" && uploadingFiles.length > 0 && /* @__PURE__ */ jsx("div", { children: renderUploadList({ uploads: uploadingFiles }) }),
+						activeTab === "processing" && processingFiles.length > 0 && /* @__PURE__ */ jsx("div", { children: renderUploadList({ uploads: processingFiles }) }),
+						activeTab === "completed" && completedFiles.length > 0 && /* @__PURE__ */ jsxs("div", { children: [renderUploadList({ uploads: completedFiles }), /* @__PURE__ */ jsx("div", {
+							className: "upload-manager__footer",
+							children: /* @__PURE__ */ jsx(Button, {
+								buttonStyle: "subtle",
+								size: "small",
+								margin: false,
+								onClick: () => window?.location?.reload(),
+								children: "Refresh"
+							})
+						})] }),
+						(activeTab === "uploading" && uploadingFiles.length === 0 || activeTab === "processing" && processingFiles.length === 0 || activeTab === "completed" && completedFiles.length === 0) && /* @__PURE__ */ jsxs("p", {
+							className: "upload-empty-state",
+							children: [
+								"No ",
+								activeTab,
+								" files"
+							]
+						})
+					]
+				})
+			]
+		}), children]
+	});
+}
+const useUploadManagerContext = () => use(UploadManagerContext);
+
+//#endregion
+export { UploadManagerProvider, useUploadManagerContext };
+//# sourceMappingURL=upload-manager.js.map

package/dist/components/upload-manager/upload-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-manager.js","names":["args: UploadManagerProviderArgs","uploads: Upload[]","event: { id: string; error: MediaCloudError }","event: OnAddUploadEvent","event: OnUpdateUploadEvent","event: { id: string }","args: AddUploadArgs","args","upload: Upload","args: UpdateUploadArgs","args: RenderUploadListArgs","value: UploadManagerContextType"],"sources":["../../../src/components/upload-manager/upload-manager.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, use, useState, useEffect, useRef } from 'react'\nimport { Button } from '@payloadcms/ui'\n\nimport { useEmitter } from '../../hooks/useEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport { MediaCloudError } from '../../types/errors'\n\nimport type React from 'react'\n\nimport './upload-manager.css'\n\ninterface Upload {\n  id: string\n  filename: string\n  progress: number\n  error?: string\n  polling?: boolean\n  pollingUrl?: string\n  status?: 'uploading' | 'processing' | 'completed'\n}\n\ninterface UploadManagerContextType {\n  showUploadManager?: boolean\n  activeUploads: Upload[]\n  addUpload: (args: AddUploadArgs) => void\n  updateUpload: (args: UpdateUploadArgs) => void\n}\n\ninterface UploadManagerProviderArgs {\n  children: React.ReactNode\n}\n\ninterface OnAddUploadEvent {\n  id: string\n  filename: string\n  polling?: boolean\n  pollingUrl?: string\n}\n\ninterface OnUpdateUploadEvent {\n  id: string\n  progress: number\n  polling?: boolean\n}\n\ninterface AddUploadArgs {\n  id: string\n  filename: string\n  polling?: boolean\n  pollingUrl?: string\n}\n\ninterface UpdateUploadArgs {\n  id: string\n  progress: number\n  polling?: boolean\n}\n\ninterface RenderUploadListArgs {\n  uploads: Upload[]\n}\n\nconst { logError } = useErrorHandler()\n\nconst UploadManagerContext = createContext<UploadManagerContextType>({\n  showUploadManager: false,\n  activeUploads: [],\n  addUpload: () => {},\n  updateUpload: () => {},\n})\n\n/**\n * Provider component for upload management context\n * @param args - Arguments including children to wrap\n * @returns JSX element providing upload management context\n */\nexport function UploadManagerProvider(args: UploadManagerProviderArgs) {\n  const { children } = args\n  const [showUploadManager, setShowUploadManager] = useState(false)\n  const [activeUploads, setActiveUploads] = useState<Upload[]>([])\n  const [activeTab, setActiveTab] = useState<\n    'uploading' | 'processing' | 'completed'\n  >('uploading')\n\n  const activeTabRef = useRef(activeTab)\n  const activeUploadsRef = useRef(activeUploads)\n\n  // Keep refs in sync with state\n  useEffect(() => {\n    activeTabRef.current = activeTab\n  }, [activeTab])\n\n  useEffect(() => {\n    activeUploadsRef.current = activeUploads\n  }, [activeUploads])\n\n  const emitter = useEmitter()\n\n  // Helper function to check if we should auto-switch to completed tab\n  function checkAutoSwitchToCompleted(uploads: Upload[]) {\n    const hasActiveUploads = uploads.some(\n      (upload) => upload.status === 'uploading'\n    )\n    const hasProcessingUploads = uploads.some(\n      (upload) => upload.status === 'processing'\n    )\n    const hasCompletedUploads = uploads.some(\n      (upload) => upload.status === 'completed'\n    )\n\n    // Auto-switch to completed tab if no uploading/processing uploads remain\n    if (\n      !hasActiveUploads &&\n      !hasProcessingUploads &&\n      hasCompletedUploads &&\n      activeTabRef.current !== 'completed'\n    ) {\n      setActiveTab('completed')\n    }\n  }\n\n  // Polling logic\n  useEffect(() => {\n    const pollingUploads = activeUploads.filter(\n      (upload) => upload.polling && upload.pollingUrl\n    )\n\n    if (pollingUploads.length === 0) {\n      return\n    }\n\n    const pollAssets = async () => {\n      for (const upload of pollingUploads) {\n        try {\n          const response = await fetch(\n            `${upload.pollingUrl}?upload_id=${upload.id}`,\n            {\n              method: 'GET',\n              credentials: 'include',\n            }\n          )\n\n          if (response.ok) {\n            const data = await response.json()\n\n            if (data.ready) {\n              // Asset is ready, stop polling for this upload\n              setActiveUploads((prev) => {\n                const updatedUploads = prev.map((u) =>\n                  u.id === upload.id\n                    ? {\n                        ...u,\n                        polling: false,\n                        progress: 100,\n                        status: 'completed' as const,\n                      }\n                    : u\n                )\n\n                // Check if we should auto-switch to completed tab\n                setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0)\n\n                return updatedUploads\n              })\n            }\n          }\n        } catch (_error) {\n          logError(MediaCloudError.UPLOAD_POLLING_ERROR)\n        }\n      }\n    }\n\n    const intervalId = setInterval(pollAssets, 2000) // Poll every 2 seconds\n\n    return () => clearInterval(intervalId)\n  }, [activeUploads, emitter])\n\n  useEffect(() => {\n    emitter.on('add-upload', onAddUpload)\n    emitter.on('update-upload', onUpdateUpload)\n    emitter.on('remove-upload', onRemoveUpload)\n    emitter.on('upload-error', onUploadError)\n    emitter.on('upload-completed', onUploadCompleted)\n\n    return () => {\n      emitter.off('add-upload', onAddUpload)\n      emitter.off('update-upload', onUpdateUpload)\n      emitter.off('remove-upload', onRemoveUpload)\n      emitter.off('upload-error', onUploadError)\n      emitter.off('upload-completed', onUploadCompleted)\n    }\n  }, [emitter])\n\n  /**\n   * Handles the 'upload-error' event\n   * @param event - The upload error event\n   */\n  function onUploadError(event: { id: string; error: MediaCloudError }) {\n    const { id, error } = event\n    setActiveUploads((prev) =>\n      prev.map((upload) =>\n        upload.id === id ? { ...upload, error, status: 'completed' } : upload\n      )\n    )\n    logError(error)\n  }\n\n  /**\n   * Handles the 'add-upload' event\n   * @param event - The add upload event\n   */\n  function onAddUpload(event: OnAddUploadEvent) {\n    addUpload({\n      id: event.id,\n      filename: event.filename,\n      polling: event.polling,\n      pollingUrl: event.pollingUrl,\n    })\n\n    // Show the upload manager when new upload starts\n    setShowUploadManager(true)\n\n    // Auto-switch to uploading tab when new upload starts\n    if (activeTabRef.current !== 'uploading') {\n      setActiveTab('uploading')\n    }\n  }\n\n  /**\n   * Handles the 'update-upload' event\n   * @param event - The update upload event\n   */\n  function onUpdateUpload(event: OnUpdateUploadEvent) {\n    updateUpload({\n      id: event.id,\n      progress: event.progress,\n      polling: event.polling,\n    })\n  }\n\n  /**\n   * Handles the 'remove-upload' event\n   * @param event - The remove upload event\n   */\n  function onRemoveUpload(event: { id: string }) {\n    setActiveUploads((prev) => prev.filter((upload) => upload.id !== event.id))\n  }\n\n  /**\n   * Handles the 'upload-completed' event\n   * @param event - The upload completed event\n   */\n  function onUploadCompleted(event: { id: string }) {\n    // Check if this upload has a polling URL (Mux upload)\n    const upload = activeUploadsRef.current.find((u) => u.id === event.id)\n    if (upload?.pollingUrl) {\n      setActiveUploads((prev) =>\n        prev.map((u) =>\n          u.id === event.id\n            ? {\n                ...u,\n                polling: true,\n                progress: 100,\n                status: 'processing' as const,\n              }\n            : u\n        )\n      )\n    } else {\n      // Regular upload completion\n      setActiveUploads((prev) => {\n        const updatedUploads = prev.map((u) =>\n          u.id === event.id\n            ? { ...u, progress: 100, status: 'completed' as const }\n            : u\n        )\n\n        // Check if we should auto-switch to completed tab\n        setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0)\n\n        return updatedUploads\n      })\n    }\n  }\n\n  /**\n   * Adds a new upload to the manager\n   * @param args - The upload arguments\n   */\n  function addUpload(args: AddUploadArgs) {\n    const { id, filename, polling = false, pollingUrl } = args\n    const upload: Upload = {\n      id,\n      filename,\n      progress: 0,\n      polling,\n      pollingUrl,\n      status: 'uploading',\n    }\n\n    setActiveUploads((prev) => [...prev, upload])\n  }\n\n  /**\n   * Updates an existing upload in the manager\n   * @param args - The update arguments\n   */\n  function updateUpload(args: UpdateUploadArgs) {\n    const { id, progress, polling } = args\n    setActiveUploads((prev) =>\n      prev.map((upload) =>\n        upload.id === id\n          ? {\n              ...upload,\n              progress,\n              ...(polling !== undefined && { polling }),\n              status: polling\n                ? 'processing'\n                : progress >= 100\n                  ? 'completed'\n                  : 'uploading',\n            }\n          : upload\n      )\n    )\n    setActiveUploads((currentUploads) => {\n      return currentUploads\n    })\n  }\n\n  // Filter uploads by status\n  const uploadingFiles = activeUploads.filter(\n    (upload) => upload.status === 'uploading'\n  )\n  const processingFiles = activeUploads.filter(\n    (upload) => upload.status === 'processing'\n  )\n  const completedFiles = activeUploads.filter(\n    (upload) => upload.status === 'completed'\n  )\n\n  /**\n   * Renders the upload list\n   * @param args - The render arguments\n   * @returns JSX element representing the upload list\n   */\n  function renderUploadList(args: RenderUploadListArgs) {\n    const { uploads } = args\n    return (\n      <ul>\n        {uploads.map((upload) => (\n          <li key={upload.id} data-status={upload.status}>\n            <div className=\"upload-info\">\n              <span className=\"upload-filename\">{upload.filename}</span>\n              <span className=\"upload-meta\">\n                {upload.status === 'processing'\n                  ? 'Processing...'\n                  : upload.progress < 100\n                    ? `${Math.ceil(upload.progress)}%`\n                    : 'Completed'}\n              </span>\n            </div>\n            <div\n              className=\"upload-progress-bar\"\n              style={\n                {\n                  ['--progress']:\n                    upload.status === 'processing'\n                      ? '1'\n                      : `${upload.progress / 100}`,\n                } as React.CSSProperties\n              }\n            >\n              <div\n                data-active={upload.status === 'processing'}\n                className=\"upload-progress\"\n              />\n            </div>\n          </li>\n        ))}\n      </ul>\n    )\n  }\n\n  /**\n   * Closes the upload manager\n   */\n  function closeUploadManager() {\n    // Only allow closing if no uploads are actively polling\n    const hasPollingUploads = activeUploads.some((upload) => upload.polling)\n    if (!hasPollingUploads) {\n      setActiveUploads([])\n      setShowUploadManager(false)\n    }\n  }\n\n  const value: UploadManagerContextType = {\n    activeUploads,\n    addUpload,\n    updateUpload,\n  }\n\n  return (\n    <UploadManagerContext.Provider value={value}>\n      {showUploadManager && (\n        <div className=\"upload-manager\">\n          <div className=\"upload-manager__header\">\n            <h4>Uploads</h4>\n            <Button\n              buttonStyle=\"icon-label\"\n              icon=\"x\"\n              margin={false}\n              onClick={closeUploadManager}\n            />\n          </div>\n\n          <div className=\"upload-manager__tabs\">\n            <button\n              data-active={activeTab === 'uploading'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('uploading')}\n            >\n              Uploading ({uploadingFiles.length})\n            </button>\n            <button\n              data-active={activeTab === 'processing'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('processing')}\n            >\n              Processing ({processingFiles.length})\n            </button>\n            <button\n              data-active={activeTab === 'completed'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('completed')}\n            >\n              Completed ({completedFiles.length})\n            </button>\n          </div>\n\n          <div className=\"upload-manager__content\">\n            {activeTab === 'uploading' && uploadingFiles.length > 0 && (\n              <div>{renderUploadList({ uploads: uploadingFiles })}</div>\n            )}\n            {activeTab === 'processing' && processingFiles.length > 0 && (\n              <div>{renderUploadList({ uploads: processingFiles })}</div>\n            )}\n            {activeTab === 'completed' && completedFiles.length > 0 && (\n              <div>\n                {renderUploadList({ uploads: completedFiles })}\n                <div className=\"upload-manager__footer\">\n                  <Button\n                    buttonStyle=\"subtle\"\n                    size=\"small\"\n                    margin={false}\n                    onClick={() => window?.location?.reload()}\n                  >\n                    Refresh\n                  </Button>\n                </div>\n              </div>\n            )}\n            {((activeTab === 'uploading' && uploadingFiles.length === 0) ||\n              (activeTab === 'processing' && processingFiles.length === 0) ||\n              (activeTab === 'completed' && completedFiles.length === 0)) && (\n              <p className=\"upload-empty-state\">No {activeTab} files</p>\n            )}\n          </div>\n        </div>\n      )}\n      {children}\n    </UploadManagerContext.Provider>\n  )\n}\n\nexport const useUploadManagerContext = () => use(UploadManagerContext)\n"],"mappings":"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"}

package/dist/endpoints/muxAssetHandler.d.ts

@@ -0,0 +1,11 @@
+import { Mux as Mux$1 } from "@mux/mux-node";
+import { PayloadHandler } from "payload";
+
+//#region src/endpoints/muxAssetHandler.d.ts
+interface GetMuxAssetHandlerArgs {
+  getMuxClient: () => Mux$1;
+}
+declare function getMuxAssetHandler(args: GetMuxAssetHandlerArgs): PayloadHandler;
+//#endregion
+export { getMuxAssetHandler };
+//# sourceMappingURL=muxAssetHandler.d.ts.map

package/dist/endpoints/muxAssetHandler.js

@@ -0,0 +1,59 @@
+//#region src/endpoints/muxAssetHandler.ts
+function getMuxAssetHandler(args) {
+	const { getMuxClient } = args;
+	return async (req) => {
+		try {
+			const mux = getMuxClient();
+			const { query } = req;
+			const uploadId = query.upload_id;
+			if (!uploadId) return Response.json({ message: "Upload ID is required" }, { status: 400 });
+			const assets = await mux.video.assets.list({
+				limit: 1,
+				upload_id: uploadId
+			});
+			const asset = assets?.data[0];
+			if (!asset) return Response.json({ message: "No asset found for the given upload ID" }, { status: 404 });
+			if (asset.status === "ready") {
+				const { payload } = req;
+				const { docs } = await payload.find({
+					collection: "media",
+					where: { "mux.uploadId": { equals: uploadId } },
+					limit: 1,
+					pagination: false
+				});
+				if (docs.length > 0) {
+					if (asset?.status === "ready") {
+						const { id } = docs[0];
+						await payload.update({
+							collection: "media",
+							id,
+							data: { mux: {
+								status: asset.status,
+								assetId: asset.id,
+								playbackId: asset.playback_ids?.[0]?.id,
+								aspectRatio: asset.aspect_ratio,
+								duration: asset.duration,
+								maxResolutionTier: asset.max_resolution_tier,
+								videoQuality: asset.video_quality,
+								staticRenditions: asset.static_renditions
+							} }
+						});
+					}
+				}
+				return Response.json({
+					ready: asset.status === "ready",
+					asset
+				}, { status: 200 });
+			} else return Response.json({
+				ready: false,
+				asset
+			}, { status: 200 });
+		} catch (_error) {
+			return Response.json({ message: "Failed to fetch Mux asset" }, { status: 500 });
+		}
+	};
+}
+
+//#endregion
+export { getMuxAssetHandler };
+//# sourceMappingURL=muxAssetHandler.js.map

package/dist/endpoints/muxAssetHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxAssetHandler.js","names":["args: GetMuxAssetHandlerArgs"],"sources":["../../src/endpoints/muxAssetHandler.ts"],"sourcesContent":["import type { Mux } from '@mux/mux-node'\n\nimport type { PayloadHandler } from 'payload'\nimport type { StaticRenditions } from '../types'\n\ninterface GetMuxAssetHandlerArgs {\n  getMuxClient: () => Mux\n}\n\nexport function getMuxAssetHandler(\n  args: GetMuxAssetHandlerArgs\n): PayloadHandler {\n  const { getMuxClient } = args\n\n  return async (req) => {\n    try {\n      const mux = getMuxClient()\n      const { query } = req\n\n      const uploadId = query.upload_id as string\n\n      if (!uploadId) {\n        return Response.json(\n          { message: 'Upload ID is required' },\n          { status: 400 }\n        )\n      }\n\n      const assets = await mux.video.assets.list({\n        limit: 1,\n        upload_id: uploadId,\n      })\n\n      const asset = assets?.data[0]\n\n      if (!asset) {\n        return Response.json(\n          { message: 'No asset found for the given upload ID' },\n          { status: 404 }\n        )\n      }\n\n      if (asset.status === 'ready') {\n        const { payload } = req\n\n        const { docs } = await payload.find({\n          collection: 'media',\n          where: {\n            'mux.uploadId': {\n              equals: uploadId,\n            },\n          },\n          limit: 1,\n          pagination: false,\n        })\n\n        if (docs.length > 0) {\n          if (asset?.status === 'ready') {\n            const { id } = docs[0]\n            await payload.update({\n              collection: 'media',\n              id,\n              data: {\n                mux: {\n                  status: asset.status,\n                  assetId: asset.id,\n                  playbackId: asset.playback_ids?.[0]?.id,\n                  aspectRatio: asset.aspect_ratio,\n                  duration: asset.duration,\n                  maxResolutionTier: asset.max_resolution_tier,\n                  videoQuality: asset.video_quality,\n                  staticRenditions: asset.static_renditions as StaticRenditions,\n                },\n              },\n            })\n          }\n        }\n        return Response.json(\n          {\n            ready: asset.status === 'ready',\n            asset,\n          },\n          { status: 200 }\n        )\n      } else {\n        return Response.json(\n          {\n            ready: false,\n            asset,\n          },\n          { status: 200 }\n        )\n      }\n    } catch (_error) {\n      return Response.json(\n        { message: 'Failed to fetch Mux asset' },\n        { status: 500 }\n      )\n    }\n  }\n}\n"],"mappings":";AASA,SAAgB,mBACdA,MACgB;CAChB,MAAM,EAAE,cAAc,GAAG;AAEzB,QAAO,OAAO,QAAQ;AACpB,MAAI;GACF,MAAM,MAAM,cAAc;GAC1B,MAAM,EAAE,OAAO,GAAG;GAElB,MAAM,WAAW,MAAM;AAEvB,OAAI,CAAC,SACH,QAAO,SAAS,KACd,EAAE,SAAS,wBAAyB,GACpC,EAAE,QAAQ,IAAK,EAChB;GAGH,MAAM,SAAS,MAAM,IAAI,MAAM,OAAO,KAAK;IACzC,OAAO;IACP,WAAW;GACZ,EAAC;GAEF,MAAM,QAAQ,QAAQ,KAAK;AAE3B,OAAI,CAAC,MACH,QAAO,SAAS,KACd,EAAE,SAAS,yCAA0C,GACrD,EAAE,QAAQ,IAAK,EAChB;AAGH,OAAI,MAAM,WAAW,SAAS;IAC5B,MAAM,EAAE,SAAS,GAAG;IAEpB,MAAM,EAAE,MAAM,GAAG,MAAM,QAAQ,KAAK;KAClC,YAAY;KACZ,OAAO,EACL,gBAAgB,EACd,QAAQ,SACT,EACF;KACD,OAAO;KACP,YAAY;IACb,EAAC;AAEF,QAAI,KAAK,SAAS,GAChB;SAAI,OAAO,WAAW,SAAS;MAC7B,MAAM,EAAE,IAAI,GAAG,KAAK;MACpB,MAAM,QAAQ,OAAO;OACnB,YAAY;OACZ;OACA,MAAM,EACJ,KAAK;QACH,QAAQ,MAAM;QACd,SAAS,MAAM;QACf,YAAY,MAAM,eAAe,IAAI;QACrC,aAAa,MAAM;QACnB,UAAU,MAAM;QAChB,mBAAmB,MAAM;QACzB,cAAc,MAAM;QACpB,kBAAkB,MAAM;OACzB,EACF;MACF,EAAC;KACH;;AAEH,WAAO,SAAS,KACd;KACE,OAAO,MAAM,WAAW;KACxB;IACD,GACD,EAAE,QAAQ,IAAK,EAChB;GACF,MACC,QAAO,SAAS,KACd;IACE,OAAO;IACP;GACD,GACD,EAAE,QAAQ,IAAK,EAChB;EAEJ,SAAQ,QAAQ;AACf,UAAO,SAAS,KACd,EAAE,SAAS,4BAA6B,GACxC,EAAE,QAAQ,IAAK,EAChB;EACF;CACF;AACF"}

package/dist/endpoints/muxCreateUploadHandler.d.ts

@@ -0,0 +1,13 @@
+import { MediaCloudPluginOptions } from "../types/index.js";
+import { Mux as Mux$1 } from "@mux/mux-node";
+import { PayloadHandler } from "payload";
+
+//#region src/endpoints/muxCreateUploadHandler.d.ts
+interface GetMuxCreateUploadHandlerArgs {
+  getMuxClient: () => Mux$1;
+  pluginOptions: MediaCloudPluginOptions;
+}
+declare function getMuxCreateUploadHandler(args: GetMuxCreateUploadHandlerArgs): PayloadHandler;
+//#endregion
+export { getMuxCreateUploadHandler };
+//# sourceMappingURL=muxCreateUploadHandler.d.ts.map

package/dist/endpoints/muxCreateUploadHandler.js

@@ -0,0 +1,40 @@
+import { MediaCloudError } from "../types/errors.js";
+import { useErrorHandler } from "../hooks/useErrorHandler.js";
+
+//#region src/endpoints/muxCreateUploadHandler.ts
+function getMuxCreateUploadHandler(args) {
+	const { getMuxClient, pluginOptions } = args;
+	return async (req) => {
+		const { throwError, logError } = useErrorHandler();
+		try {
+			if (!req.json) {
+				throwError(MediaCloudError.MUX_REQUEST_NO_JSON);
+				throw new Error();
+			}
+			const body = req.json ? await req.json() : "";
+			const { filename } = body;
+			const mux = getMuxClient();
+			const assetOptions = pluginOptions.mux?.assetOptions || {};
+			const upload = await mux.video.uploads.create({
+				cors_origin: "*",
+				new_asset_settings: {
+					playback_policies: ["public"],
+					meta: { title: filename },
+					...assetOptions
+				},
+				test: pluginOptions.mux?.testMode ?? true
+			});
+			return Response.json({
+				url: upload.url,
+				uploadId: upload.id
+			});
+		} catch (_error) {
+			logError(MediaCloudError.MUX_CREATE_UPLOAD_ERROR);
+			return Response.json({ message: "Failed to create upload" }, { status: 500 });
+		}
+	};
+}
+
+//#endregion
+export { getMuxCreateUploadHandler };
+//# sourceMappingURL=muxCreateUploadHandler.js.map

package/dist/endpoints/muxCreateUploadHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxCreateUploadHandler.js","names":["args: GetMuxCreateUploadHandlerArgs"],"sources":["../../src/endpoints/muxCreateUploadHandler.ts"],"sourcesContent":["import type { Mux } from '@mux/mux-node'\n\nimport type { PayloadHandler } from 'payload'\nimport { MediaCloudPluginOptions } from '../types'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudError } from '../types/errors'\n\ninterface GetMuxCreateUploadHandlerArgs {\n  getMuxClient: () => Mux\n  pluginOptions: MediaCloudPluginOptions\n}\n\nexport function getMuxCreateUploadHandler(\n  args: GetMuxCreateUploadHandlerArgs\n): PayloadHandler {\n  const { getMuxClient, pluginOptions } = args\n\n  return async (req) => {\n    const { throwError, logError } = useErrorHandler()\n\n    try {\n      if (!req.json) {\n        throwError(MediaCloudError.MUX_REQUEST_NO_JSON)\n        throw new Error() // This will never execute but satisfies TypeScript\n      }\n      const body = req.json ? await req.json() : ''\n      const { filename } = body\n      const mux = getMuxClient()\n      const assetOptions = pluginOptions.mux?.assetOptions || {}\n      const upload = await mux.video.uploads.create({\n        cors_origin: '*',\n        new_asset_settings: {\n          playback_policies: ['public'],\n          meta: {\n            title: filename,\n          },\n          ...assetOptions,\n        },\n        test: pluginOptions.mux?.testMode ?? true,\n      })\n      return Response.json({ url: upload.url, uploadId: upload.id })\n    } catch (_error) {\n      logError(MediaCloudError.MUX_CREATE_UPLOAD_ERROR)\n      return Response.json(\n        { message: 'Failed to create upload' },\n        { status: 500 }\n      )\n    }\n  }\n}\n"],"mappings":";;;;AAYA,SAAgB,0BACdA,MACgB;CAChB,MAAM,EAAE,cAAc,eAAe,GAAG;AAExC,QAAO,OAAO,QAAQ;EACpB,MAAM,EAAE,YAAY,UAAU,GAAG,iBAAiB;AAElD,MAAI;AACF,OAAI,CAAC,IAAI,MAAM;IACb,WAAW,gBAAgB,oBAAoB;AAC/C,UAAM,IAAI;GACX;GACD,MAAM,OAAO,IAAI,OAAO,MAAM,IAAI,MAAM,GAAG;GAC3C,MAAM,EAAE,UAAU,GAAG;GACrB,MAAM,MAAM,cAAc;GAC1B,MAAM,eAAe,cAAc,KAAK,gBAAgB,CAAE;GAC1D,MAAM,SAAS,MAAM,IAAI,MAAM,QAAQ,OAAO;IAC5C,aAAa;IACb,oBAAoB;KAClB,mBAAmB,CAAC,QAAS;KAC7B,MAAM,EACJ,OAAO,SACR;KACD,GAAG;IACJ;IACD,MAAM,cAAc,KAAK,YAAY;GACtC,EAAC;AACF,UAAO,SAAS,KAAK;IAAE,KAAK,OAAO;IAAK,UAAU,OAAO;GAAI,EAAC;EAC/D,SAAQ,QAAQ;GACf,SAAS,gBAAgB,wBAAwB;AACjD,UAAO,SAAS,KACd,EAAE,SAAS,0BAA2B,GACtC,EAAE,QAAQ,IAAK,EAChB;EACF;CACF;AACF"}

package/dist/endpoints/muxWebhookHandler.d.ts

@@ -0,0 +1,11 @@
+import { Mux as Mux$1 } from "@mux/mux-node";
+import { PayloadHandler } from "payload";
+
+//#region src/endpoints/muxWebhookHandler.d.ts
+interface GetMuxWebhookHandlerArgs {
+  getMuxClient: () => Mux$1;
+}
+declare function getMuxWebhookHandler(args: GetMuxWebhookHandlerArgs): PayloadHandler;
+//#endregion
+export { getMuxWebhookHandler };
+//# sourceMappingURL=muxWebhookHandler.d.ts.map

package/dist/endpoints/muxWebhookHandler.js

@@ -0,0 +1,49 @@
+//#region src/endpoints/muxWebhookHandler.ts
+function getMuxWebhookHandler(args) {
+	const { getMuxClient } = args;
+	return async (req) => {
+		const mux = getMuxClient();
+		try {
+			const body = req.json ? await req.json() : "";
+			const headers = req.headers;
+			mux.webhooks.verifySignature(body, headers);
+			const event = JSON.parse(body);
+			console.log(`Received webhook event: ${event.type}`);
+			switch (event.type) {
+				case "video.asset.created":
+					console.log(`Asset created: ${event.object.id}`);
+					break;
+				case "video.asset.ready":
+					await updateMuxAsset(event.object.id, req.payload);
+					break;
+				case "video.asset.errored":
+					console.log(`Asset errored: ${event.object.id}`);
+					break;
+				case "video.asset.deleted":
+					console.log(`Asset deleted: ${event.object.id}`);
+					break;
+				case "video.asset.static_renditions.ready":
+					await updateMuxAsset(event.object.id, req.payload);
+					console.log(`Static renditions ready: ${event.object.id}`);
+					break;
+				case "video.asset.static_renditions.deleted":
+					console.log(`Static renditions deleted: ${event.object.id}`);
+					break;
+				default:
+					console.log(`Unknown event type: ${event.type}`);
+					break;
+			}
+			return Response.json({ message: "Webhook received" }, { status: 200 });
+		} catch (error) {
+			return Response.json({ message: error instanceof Error ? error.message : String(error) }, { status: 500 });
+		}
+	};
+}
+async function updateMuxAsset(asset, payload) {
+	console.log(`Updating Mux asset with ID: ${asset.id}`);
+	console.log(`Asset status: ${payload}`);
+}
+
+//#endregion
+export { getMuxWebhookHandler };
+//# sourceMappingURL=muxWebhookHandler.js.map

package/dist/endpoints/muxWebhookHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxWebhookHandler.js","names":["args: GetMuxWebhookHandlerArgs","asset: Mux.Video.Asset","payload: BasePayload"],"sources":["../../src/endpoints/muxWebhookHandler.ts"],"sourcesContent":["import type { Mux } from '@mux/mux-node'\n\nimport type { BasePayload, PayloadHandler } from 'payload'\n\ninterface GetMuxWebhookHandlerArgs {\n  getMuxClient: () => Mux\n}\n\nexport function getMuxWebhookHandler(\n  args: GetMuxWebhookHandlerArgs\n): PayloadHandler {\n  const { getMuxClient } = args\n\n  return async (req) => {\n    const mux = getMuxClient()\n\n    try {\n      const body = req.json ? await req.json() : ''\n      const headers = req.headers\n\n      // Verify the webhook signature\n      mux.webhooks.verifySignature(body, headers)\n\n      // Parse the request body\n      const event = JSON.parse(body)\n\n      // Handle the event\n      console.log(`Received webhook event: ${event.type}`)\n\n      switch (event.type) {\n        case 'video.asset.created':\n          console.log(`Asset created: ${event.object.id}`)\n          break\n        case 'video.asset.ready':\n          await updateMuxAsset(event.object.id, req.payload)\n          break\n        case 'video.asset.errored':\n          console.log(`Asset errored: ${event.object.id}`)\n          break\n        case 'video.asset.deleted':\n          console.log(`Asset deleted: ${event.object.id}`)\n          break\n        case 'video.asset.static_renditions.ready':\n          await updateMuxAsset(event.object.id, req.payload)\n          console.log(`Static renditions ready: ${event.object.id}`)\n          break\n        case 'video.asset.static_renditions.deleted':\n          console.log(`Static renditions deleted: ${event.object.id}`)\n          break\n        default:\n          console.log(`Unknown event type: ${event.type}`)\n          break\n      }\n\n      return Response.json(\n        {\n          message: 'Webhook received',\n        },\n        { status: 200 }\n      )\n    } catch (error) {\n      return Response.json(\n        {\n          message: error instanceof Error ? error.message : String(error),\n        },\n        {\n          status: 500,\n        }\n      )\n    }\n  }\n}\n\nasync function updateMuxAsset(\n  asset: Mux.Video.Asset,\n  payload: BasePayload\n): Promise<void> {\n  console.log(`Updating Mux asset with ID: ${asset.id}`)\n  console.log(`Asset status: ${payload}`)\n}\n"],"mappings":";AAQA,SAAgB,qBACdA,MACgB;CAChB,MAAM,EAAE,cAAc,GAAG;AAEzB,QAAO,OAAO,QAAQ;EACpB,MAAM,MAAM,cAAc;AAE1B,MAAI;GACF,MAAM,OAAO,IAAI,OAAO,MAAM,IAAI,MAAM,GAAG;GAC3C,MAAM,UAAU,IAAI;GAGpB,IAAI,SAAS,gBAAgB,MAAM,QAAQ;GAG3C,MAAM,QAAQ,KAAK,MAAM,KAAK;GAG9B,QAAQ,IAAI,CAAC,wBAAwB,EAAE,MAAM,MAAM,CAAC;AAEpD,WAAQ,MAAM,MAAd;IACE,KAAK;KACH,QAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,OAAO,IAAI,CAAC;AAChD;IACF,KAAK;KACH,MAAM,eAAe,MAAM,OAAO,IAAI,IAAI,QAAQ;AAClD;IACF,KAAK;KACH,QAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,OAAO,IAAI,CAAC;AAChD;IACF,KAAK;KACH,QAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,OAAO,IAAI,CAAC;AAChD;IACF,KAAK;KACH,MAAM,eAAe,MAAM,OAAO,IAAI,IAAI,QAAQ;KAClD,QAAQ,IAAI,CAAC,yBAAyB,EAAE,MAAM,OAAO,IAAI,CAAC;AAC1D;IACF,KAAK;KACH,QAAQ,IAAI,CAAC,2BAA2B,EAAE,MAAM,OAAO,IAAI,CAAC;AAC5D;IACF;KACE,QAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAChD;GACH;AAED,UAAO,SAAS,KACd,EACE,SAAS,mBACV,GACD,EAAE,QAAQ,IAAK,EAChB;EACF,SAAQ,OAAO;AACd,UAAO,SAAS,KACd,EACE,SAAS,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,CAChE,GACD,EACE,QAAQ,IACT,EACF;EACF;CACF;AACF;AAED,eAAe,eACbC,OACAC,SACe;CACf,QAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,IAAI,CAAC;CACtD,QAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;AACxC"}

package/dist/hooks/useEmitter.d.ts

@@ -0,0 +1,48 @@
+import { MediaCloudError } from "../types/errors.js";
+import * as mitt0 from "mitt";
+
+//#region src/hooks/useEmitter.d.ts
+type EmitterEvents = {
+  'add-upload': {
+    id: string;
+    filename: string;
+    polling?: boolean;
+    pollingUrl?: string;
+  };
+  'update-upload': {
+    id: string;
+    progress: number;
+  };
+  'remove-upload': {
+    id: string;
+  };
+  'upload-completed': {
+    id: string;
+  };
+  'upload-error': {
+    id: string;
+    error: MediaCloudError;
+  };
+};
+declare const emitter: mitt0.Emitter<EmitterEvents>;
+/**
+ * Hook to access the global event emitter for upload management
+ * @returns An object with emitter methods (on, off, emit)
+ */
+declare function useEmitter(): {
+  on: {
+    <Key extends keyof EmitterEvents>(type: Key, handler: mitt0.Handler<EmitterEvents[Key]>): void;
+    (type: "*", handler: mitt0.WildcardHandler<EmitterEvents>): void;
+  };
+  off: {
+    <Key extends keyof EmitterEvents>(type: Key, handler?: mitt0.Handler<EmitterEvents[Key]> | undefined): void;
+    (type: "*", handler: mitt0.WildcardHandler<EmitterEvents>): void;
+  };
+  emit: {
+    <Key extends keyof EmitterEvents>(type: Key, event: EmitterEvents[Key]): void;
+    <Key extends keyof EmitterEvents>(type: undefined extends EmitterEvents[Key] ? Key : never): void;
+  };
+};
+//#endregion
+export { emitter, useEmitter };
+//# sourceMappingURL=useEmitter.d.ts.map

package/dist/hooks/useEmitter.js

@@ -0,0 +1,19 @@
+import mitt from "mitt";
+
+//#region src/hooks/useEmitter.ts
+const emitter = mitt();
+/**
+* Hook to access the global event emitter for upload management
+* @returns An object with emitter methods (on, off, emit)
+*/
+function useEmitter() {
+	return {
+		on: emitter.on,
+		off: emitter.off,
+		emit: emitter.emit
+	};
+}
+
+//#endregion
+export { emitter, useEmitter };
+//# sourceMappingURL=useEmitter.js.map

package/dist/hooks/useEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmitter.js","names":[],"sources":["../../src/hooks/useEmitter.ts"],"sourcesContent":["import mitt from 'mitt'\nimport { MediaCloudError } from '../types/errors'\n\ntype EmitterEvents = {\n  'add-upload': {\n    id: string\n    filename: string\n    polling?: boolean\n    pollingUrl?: string\n  }\n  'update-upload': { id: string; progress: number }\n  'remove-upload': { id: string }\n  'upload-completed': { id: string }\n  'upload-error': { id: string; error: MediaCloudError }\n}\n\nconst emitter = mitt<EmitterEvents>()\n\n/**\n * Hook to access the global event emitter for upload management\n * @returns An object with emitter methods (on, off, emit)\n */\nfunction useEmitter() {\n  return {\n    on: emitter.on,\n    off: emitter.off,\n    emit: emitter.emit,\n  }\n}\n\nexport { useEmitter, emitter }\n"],"mappings":";;;AAgBA,MAAM,UAAU,MAAqB;;;;;AAMrC,SAAS,aAAa;AACpB,QAAO;EACL,IAAI,QAAQ;EACZ,KAAK,QAAQ;EACb,MAAM,QAAQ;CACf;AACF"}