@123usmanhaider321/ui 0.1.8 → 1.0.0

package/dist/components/EventAddForm/components/FileUpload.js

@@ -1,412 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, useState, useRef, useCallback, Fragment } from "react";
-import { ref, uploadBytesResumable, getDownloadURL, deleteObject } from "../../../node_modules/@firebase/storage/dist/index.esm.js";
-import { storage } from "../../../services/initialize-firebase.js";
-import { AnimatePresence, motion } from "framer-motion";
-import useFirebaseAuthState from "../../../hooks/useFirebaseAuthState.js";
-import ImageCropModal from "../../ImageCropModal/index.js";
-import { processImageOnServer } from "../../../services/process-image-on-server.js";
-import FallbackImage from "../../common/FallbackImage.js";
-function FileUpload({
-  formData,
-  field,
-  setFormData,
-  formErrors,
-  setError,
-  onLoadingChange
-}) {
-  const [loading, setLoading] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [isTakingLong, setIsTakingLong] = useState(false);
-  const [isDragging, setIsDragging] = useState(false);
-  const { user } = useFirebaseAuthState();
-  const [cropModalOpen, setCropModalOpen] = useState(false);
-  const [tempImageSrc, setTempImageSrc] = useState(null);
-  const [currentFileName, setCurrentFileName] = useState("");
-  const fileInputRef = useRef(null);
-  const uploadToFirebase = async (file, fileName, updateProgress) => {
-    const storageRef = ref(storage, `/data/${user == null ? void 0 : user.uid}/events/images/${fileName}`);
-    const uploadTask = uploadBytesResumable(storageRef, file);
-    return new Promise((resolve, reject) => uploadTask.on(
-      "state_changed",
-      (snapshot) => {
-        const progress2 = Math.floor(snapshot.bytesTransferred / snapshot.totalBytes * 100);
-        updateProgress(progress2);
-      },
-      reject,
-      () => {
-        getDownloadURL(uploadTask.snapshot.ref).then(resolve).catch(reject);
-      }
-    ));
-  };
-  const deleteFile = async (fileName) => {
-    try {
-      const storageRef = ref(storage, `/data/${user == null ? void 0 : user.uid}/events/images/${fileName}`);
-      await deleteObject(storageRef);
-    } catch {
-      console.warn("File not found : ", fileName);
-    }
-  };
-  const handleImageChange = async (file) => {
-    setLoading(true);
-    onLoadingChange == null ? void 0 : onLoadingChange(true);
-    setProgress(0);
-    setFormData((prev) => ({ ...prev, image_url: "", thumbnail_url: "" }));
-    const fileId = crypto.randomUUID();
-    const longUploadTimer = setTimeout(() => setIsTakingLong(true), 7e3);
-    try {
-      setError("");
-      const token = await (user == null ? void 0 : user.getIdToken()) || "";
-      const [processedFile1, processedFile2] = await Promise.all([
-        processImageOnServer(file, 1920, token),
-        processImageOnServer(file, 640, token)
-      ]);
-      const totalProgress = { full: 0, thumb: 0 };
-      const updateProgress = (key) => (p) => {
-        totalProgress[key] = p;
-        setProgress(Math.floor((totalProgress.full + totalProgress.thumb) / 2));
-      };
-      const [download_url, thumb_url] = await Promise.all([
-        uploadToFirebase(processedFile1, `${fileId}_full`, updateProgress("full")),
-        uploadToFirebase(processedFile2, `${fileId}_thumb`, updateProgress("thumb"))
-      ]);
-      setFormData((prev) => ({ ...prev, image_url: download_url, thumbnail_url: thumb_url }));
-      setError("");
-    } catch (error) {
-      console.error("Error uploading image:", error);
-      await Promise.all([
-        deleteFile(`${fileId}_full`),
-        deleteFile(`${fileId}_thumb`)
-      ]);
-      setFormData((prev) => ({ ...prev, image_url: "", thumbnail_url: "" }));
-      setError(error instanceof Error ? error.message : "Could not process file. Please try uploading again.");
-    } finally {
-      clearTimeout(longUploadTimer);
-      setLoading(false);
-      onLoadingChange == null ? void 0 : onLoadingChange(false);
-      setTimeout(() => {
-        setProgress(0);
-        setIsTakingLong(false);
-      }, 1e3);
-    }
-  };
-  const handleFileSelect = (file) => {
-    if (!file) return;
-    const allowedTypes = ["image/jpg", "image/jpeg"];
-    if (!allowedTypes.includes(file.type)) {
-      setError("Only JPG and JPEG files are allowed");
-      return;
-    }
-    if (+(file.size / (1024 * 1024)).toFixed(2) > 4.5) {
-      setError("Image size cannot be greater than 4.5 MB");
-      return;
-    }
-    const url = URL.createObjectURL(file);
-    setTempImageSrc(url);
-    setCurrentFileName(file.name);
-    setCropModalOpen(true);
-  };
-  const handleDrop = useCallback((e) => {
-    e.preventDefault();
-    setIsDragging(false);
-    const file = e.dataTransfer.files[0];
-    if (file && file.type.startsWith("image/")) {
-      handleFileSelect(file);
-    }
-  }, []);
-  const handleCropConfirm = (blob) => {
-    if (!tempImageSrc) return;
-    const fileSizeMB = +(blob.size / (1024 * 1024)).toFixed(2);
-    if (fileSizeMB > 4.5) {
-      setError(`The cropped image is too large (${fileSizeMB}MB). Please try a smaller crop or a lower resolution.`);
-      setCropModalOpen(false);
-      URL.revokeObjectURL(tempImageSrc);
-      setTempImageSrc(null);
-      if (fileInputRef.current) fileInputRef.current.value = "";
-      return;
-    }
-    const file = new File([blob], currentFileName, { type: blob.type });
-    handleImageChange(file);
-    setCropModalOpen(false);
-    URL.revokeObjectURL(tempImageSrc);
-    setTempImageSrc(null);
-    if (fileInputRef.current) fileInputRef.current.value = "";
-  };
-  const handleCropCancel = () => {
-    setCropModalOpen(false);
-    if (tempImageSrc) {
-      URL.revokeObjectURL(tempImageSrc);
-      setTempImageSrc(null);
-    }
-    if (fileInputRef.current) fileInputRef.current.value = "";
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/jpg, image/jpeg",
-        onChange: (e) => {
-          var _a;
-          const file = (_a = e.target.files) == null ? void 0 : _a[0];
-          if (file) handleFileSelect(file);
-        },
-        disabled: loading,
-        className: "hidden"
-      }
-    ),
-    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: formData[field] && !loading ? /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        className: "relative w-full aspect-[16/9] rounded-lg overflow-hidden group bg-black/5",
-        children: [
-          /* @__PURE__ */ jsx(
-            FallbackImage,
-            {
-              src: formData.thumbnail_url || formData[field],
-              alt: "Event banner",
-              fill: true,
-              className: "object-cover"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50 md:opacity-0 group-hover:md:opacity-100 transition-opacity duration-200 flex items-center justify-center", children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                var _a;
-                console.log("replacing", fileInputRef.current);
-                (_a = fileInputRef.current) == null ? void 0 : _a.click();
-              },
-              className: "px-3 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-white text-sm font-medium transition-colors",
-              children: "Replace Image"
-            }
-          ) })
-        ]
-      },
-      "preview"
-    ) : /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        className: `
-                            relative w-full aspect-[16/9] rounded-lg overflow-hidden
-                            bg-gradient-to-br from-blue-500 via-purple-600 to-purple-700
-                            shadow-lg transition-all duration-300 flex items-center justify-center
-                            ${isDragging ? "shadow-2xl" : "hover:shadow-2xl"}
-                            ${formErrors[field] ? "ring-2 ring-meta-1" : ""}
-                            ${loading ? "cursor-not-allowed" : "cursor-pointer"}
-                            `,
-        style: {
-          backgroundImage: "url('/illustration/file_upload_bg.jpg')",
-          backgroundSize: "cover",
-          backgroundPosition: "center",
-          backgroundRepeat: "no-repeat"
-        },
-        initial: { opacity: 0, y: 20 },
-        animate: { opacity: 1, y: 0, scale: isDragging ? 1.01 : 1 },
-        whileHover: { scale: 1.01 },
-        whileTap: { scale: 0.99 },
-        onDragOver: (e) => {
-          e.preventDefault();
-          setIsDragging(true);
-        },
-        onDragEnter: (e) => {
-          e.preventDefault();
-          setIsDragging(true);
-        },
-        onDragLeave: (e) => {
-          e.preventDefault();
-          setIsDragging(false);
-        },
-        onDrop: handleDrop,
-        title: loading ? "Uploading" : "Please upload an image",
-        onClick: () => {
-          var _a;
-          return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 opacity-10", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cuc3ZnLnVzZXJzL2dldHRpbmdzdGFydGVkLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyIiBmaWxsPSIjZmZmIi8+PC9nPg==')] opacity-20" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "relative h-full flex flex-col items-center justify-center p-6 text-white", children: [
-            /* @__PURE__ */ jsx(AnimatePresence, { children: isDragging && /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                className: "absolute inset-0 pointer-events-none z-50",
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                exit: { opacity: 0 },
-                children: /* @__PURE__ */ jsxs("svg", { className: "w-full h-full p-[2px]", children: [
-                  " ",
-                  /* @__PURE__ */ jsx(
-                    motion.rect,
-                    {
-                      width: "100%",
-                      height: "100%",
-                      rx: "20",
-                      ry: "20",
-                      fill: "none",
-                      stroke: "white",
-                      strokeWidth: "3",
-                      strokeDasharray: "15 10",
-                      initial: { strokeDashoffset: 0 },
-                      animate: { strokeDashoffset: -25 },
-                      transition: { duration: 0.5, repeat: Infinity, ease: "linear" }
-                    }
-                  )
-                ] })
-              }
-            ) }),
-            loading ? /* @__PURE__ */ jsx(LoadingState, { progress, isTakingLong }) : /* @__PURE__ */ jsx(UploadPrompt, { isDragging })
-          ] }),
-          loading && /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              className: "absolute bottom-0 left-0 right-0 h-2 bg-white/20",
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              children: /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  className: "h-full bg-white rounded-full",
-                  initial: { width: "0%" },
-                  animate: { width: `${progress}%` },
-                  transition: { duration: 0.3 }
-                }
-              )
-            }
-          )
-        ]
-      },
-      "uploader"
-    ) }),
-    tempImageSrc && /* @__PURE__ */ jsx(
-      ImageCropModal,
-      {
-        open: cropModalOpen,
-        imageSrc: tempImageSrc,
-        onClose: handleCropCancel,
-        onConfirm: handleCropConfirm,
-        aspect: 16 / 9,
-        cropShape: "rect",
-        showRotationControl: false
-      }
-    )
-  ] });
-}
-const LoadingState = memo(function loadingState({ progress, isTakingLong }) {
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      className: "text-center scale-75 md:scale-100",
-      initial: { opacity: 0, scale: 0.9 },
-      animate: { opacity: 1, scale: 1 },
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "relative w-16 h-16 md:w-24 md:h-24 mb-2 md:mb-4", children: [
-          /* @__PURE__ */ jsx("svg", { className: "w-full h-full", viewBox: "0 0 100 100", children: /* @__PURE__ */ jsx(
-            motion.circle,
-            {
-              className: "text-white",
-              strokeWidth: "4",
-              stroke: "currentColor",
-              fill: "none",
-              r: "42",
-              cx: "50",
-              cy: "50",
-              initial: { pathLength: 0 },
-              animate: { pathLength: progress / 100 },
-              transition: { duration: 0.3 }
-            }
-          ) }),
-          /* @__PURE__ */ jsxs("span", { className: "absolute inset-0 flex items-center justify-center text-md md:text-xl font-bold animate-pulse", children: [
-            progress,
-            "%"
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            transition: { delay: 0.2 },
-            className: "space-y-2",
-            children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: "Almost there! ✨" }),
-              /* @__PURE__ */ jsx("p", { className: "text-white/80", children: isTakingLong ? "Taking longer than usual... ⏳" : "Your image is uploading..." })
-            ]
-          }
-        )
-      ]
-    }
-  );
-});
-const UploadPrompt = memo(function uploadPrompt({ isDragging }) {
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      className: "text-center space-y-3 md:scale-100 border border-dashed border-white p-4 rounded-xl bg-white/10 transition-all duration-300 ease-in-out",
-      initial: { opacity: 0, y: 20 },
-      animate: { opacity: 1, y: 0 },
-      children: [
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            className: "w-12 h-12 mx-auto bg-white rounded-full flex items-center justify-center",
-            whileHover: { scale: 1.1, rotate: 5 },
-            whileTap: { scale: 0.95 },
-            children: /* @__PURE__ */ jsx("svg", { width: "19", height: "17", viewBox: "0 0 19 17", className: "text-gray-600", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M5.83203 11.6673L9.16536 8.33398M9.16536 8.33398L12.4987 11.6673M9.16536 8.33398V15.834M15.832 12.2863C16.85 11.4457 17.4987 10.1739 17.4987 8.75065C17.4987 6.21935 15.4467 4.16732 12.9154 4.16732C12.7333 4.16732 12.5629 4.07231 12.4705 3.91543C11.3837 2.07135 9.37739 0.833984 7.08203 0.833984C3.63025 0.833984 0.832031 3.6322 0.832031 7.08398C0.832031 8.80574 1.52824 10.3649 2.65449 11.4953", stroke: "#474C56", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              className: "space-y-1 md:space-y-2",
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              transition: { delay: 0.2 },
-              children: /* @__PURE__ */ jsx("h5", { children: isDragging ? /* @__PURE__ */ jsx(
-                motion.span,
-                {
-                  initial: { scale: 0.9 },
-                  animate: { scale: 1 },
-                  className: "block",
-                  children: "Drop it here 🎨"
-                }
-              ) : /* @__PURE__ */ jsxs("div", { className: "text-md", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-[#5C48CC]", children: "Click to upload" }),
-                /* @__PURE__ */ jsxs("span", { children: [
-                  " ",
-                  "or drag and drop"
-                ] })
-              ] }) })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              className: "flex flex-wrap justify-center gap-1 md:gap-2",
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              transition: { delay: 0.3 },
-              children: /* @__PURE__ */ jsxs("div", { className: "text-md", children: [
-                ["JPG", "JPEG"].map((format) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                  format,
-                  " "
-                ] }, format)),
-                "(Max | 10MB, Dimensions | 16:9)"
-              ] })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-});
-const FileUpload$1 = memo(FileUpload);
-export {
-  FileUpload$1 as default
-};
-//# sourceMappingURL=FileUpload.js.map

package/dist/components/EventAddForm/components/FileUpload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUpload.js","sources":["../../../../src/components/EventAddForm/components/FileUpload.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useState, useCallback, useRef, memo, Fragment } from \"react\";\r\nimport { ref, getDownloadURL, uploadBytesResumable, deleteObject } from \"firebase/storage\";\r\nimport { storage } from \"@/services/initialize-firebase\";\r\nimport { motion, AnimatePresence } from \"framer-motion\"; // Add framer-motion for smooth animations\r\nimport useFirebaseAuthState from \"@/hooks/useFirebaseAuthState\";\r\nimport ImageCropModal from \"@/components/ImageCropModal\";\r\nimport { processImageOnServer } from \"@/services/process-image-on-server\";\r\nimport FallbackImage from \"@/components/common/FallbackImage\";\r\n\r\ninterface FileUploadProps {\r\n    formData: any;\r\n    field: string;\r\n    setFormData: any;\r\n    label?: string;\r\n    description?: string;\r\n    formErrors?: any;\r\n    validation?: any;\r\n    setError: (error: string) => void;\r\n    onLoadingChange?: (loading: boolean) => void;\r\n}\r\n\r\nfunction FileUpload({\r\n    formData,\r\n    field,\r\n    setFormData,\r\n    formErrors,\r\n    setError,\r\n    onLoadingChange\r\n}: FileUploadProps) {\r\n    const [loading, setLoading] = useState(false);\r\n    const [progress, setProgress] = useState(0); // Add upload progress\r\n    const [isTakingLong, setIsTakingLong] = useState(false); // UI feedback for slow uploads\r\n    const [isDragging, setIsDragging] = useState(false);\r\n    const { user } = useFirebaseAuthState();\r\n\r\n    // Crop Modal State\r\n    const [cropModalOpen, setCropModalOpen] = useState(false);\r\n    const [tempImageSrc, setTempImageSrc] = useState<string | null>(null);\r\n    const [currentFileName, setCurrentFileName] = useState<string>(\"\");\r\n    const fileInputRef = useRef<HTMLInputElement>(null);\r\n\r\n    const uploadToFirebase = async (file: any, fileName: string, updateProgress: (p: number) => void) => {\r\n        const storageRef = ref(storage, `/data/${user?.uid}/events/images/${fileName}`);\r\n        const uploadTask = uploadBytesResumable(storageRef, file);\r\n\r\n        return new Promise((resolve, reject) => uploadTask.on('state_changed',\r\n            (snapshot) => {\r\n                const progress = Math.floor((snapshot.bytesTransferred / snapshot.totalBytes) * 100);\r\n\r\n                updateProgress(progress);\r\n\r\n            },\r\n            reject,\r\n            () => {\r\n                getDownloadURL(uploadTask.snapshot.ref).then(resolve).catch(reject);\r\n            }\r\n        ))\r\n    }\r\n\r\n    const deleteFile = async (fileName: any) => {\r\n        try {\r\n            const storageRef = ref(storage, `/data/${user?.uid}/events/images/${fileName}`);\r\n\r\n            await deleteObject(storageRef);\r\n        }\r\n        catch {\r\n            console.warn(\"File not found : \", fileName)\r\n        }\r\n    }\r\n\r\n    const handleImageChange = async (file: File) => {\r\n        setLoading(true);\r\n        onLoadingChange?.(true);\r\n        setProgress(0);\r\n\r\n        // Clear existing image data so validation fails if they click Next too early\r\n        setFormData((prev: any) => ({ ...prev, image_url: \"\", thumbnail_url: \"\" }));\r\n\r\n        const fileId = crypto.randomUUID();\r\n        const longUploadTimer = setTimeout(() => setIsTakingLong(true), 7000); // 7 seconds threshold\r\n\r\n        try {\r\n            setError(\"\");\r\n            const token = await user?.getIdToken() || \"\";\r\n\r\n            const [processedFile1, processedFile2] = await Promise.all([\r\n                processImageOnServer(file, 1920, token),\r\n                processImageOnServer(file, 640, token)\r\n            ]);\r\n\r\n            const totalProgress = { full: 0, thumb: 0 };\r\n\r\n            const updateProgress = (key: 'full' | 'thumb') => (p: number) => {\r\n                totalProgress[key] = p;\r\n                setProgress(Math.floor((totalProgress.full + totalProgress.thumb) / 2));\r\n            };\r\n\r\n            const [download_url, thumb_url] = await Promise.all([\r\n                uploadToFirebase(processedFile1, `${fileId}_full`, updateProgress('full')),\r\n                uploadToFirebase(processedFile2, `${fileId}_thumb`, updateProgress('thumb'))\r\n            ])\r\n\r\n\r\n            setFormData((prev: any) => ({ ...prev, image_url: download_url, thumbnail_url: thumb_url }));\r\n            setError(\"\");\r\n        } catch (error) {\r\n            console.error('Error uploading image:', error);\r\n\r\n            await Promise.all([\r\n                deleteFile(`${fileId}_full`),\r\n                deleteFile(`${fileId}_thumb`)\r\n            ])\r\n\r\n            setFormData((prev: any) => ({ ...prev, image_url: \"\", thumbnail_url: \"\" }));\r\n            setError(error instanceof Error ? error.message : \"Could not process file. Please try uploading again.\");\r\n        } finally {\r\n            clearTimeout(longUploadTimer);\r\n            setLoading(false);\r\n            onLoadingChange?.(false);\r\n            setTimeout(() => {\r\n                setProgress(0);\r\n                setIsTakingLong(false);\r\n            }, 1000);\r\n        }\r\n    }\r\n\r\n    const handleFileSelect = (file: File) => {\r\n        if (!file) return;\r\n\r\n        // Check if file type is valid\r\n        const allowedTypes = ['image/jpg', 'image/jpeg'];\r\n        if (!allowedTypes.includes(file.type)) {\r\n            setError(\"Only JPG and JPEG files are allowed\");\r\n            return;\r\n        }\r\n\r\n        // Check size before processing\r\n        if (+(file.size / (1024 * 1024)).toFixed(2) > 4.5) {\r\n            setError(\"Image size cannot be greater than 4.5 MB\");\r\n            return;\r\n        }\r\n\r\n        const url = URL.createObjectURL(file);\r\n        setTempImageSrc(url);\r\n        setCurrentFileName(file.name);\r\n        setCropModalOpen(true);\r\n    };\r\n\r\n    const handleDrop = useCallback((e: React.DragEvent) => {\r\n        e.preventDefault();\r\n        setIsDragging(false);\r\n\r\n        const file = e.dataTransfer.files[0];\r\n        if (file && file.type.startsWith('image/')) {\r\n            handleFileSelect(file);\r\n        }\r\n    }, []);\r\n\r\n    const handleCropConfirm = (blob: Blob) => {\r\n        if (!tempImageSrc) return;\r\n\r\n        // Check size of the cropped result\r\n        const fileSizeMB = +(blob.size / (1024 * 1024)).toFixed(2);\r\n        if (fileSizeMB > 4.5) {\r\n            setError(`The cropped image is too large (${fileSizeMB}MB). Please try a smaller crop or a lower resolution.`);\r\n            setCropModalOpen(false);\r\n            URL.revokeObjectURL(tempImageSrc);\r\n            setTempImageSrc(null);\r\n            if (fileInputRef.current) fileInputRef.current.value = \"\";\r\n            return;\r\n        }\r\n\r\n        // Convert Blob back to File\r\n        const file = new File([blob], currentFileName, { type: blob.type });\r\n\r\n        // Proceed with original upload logic\r\n        handleImageChange(file);\r\n\r\n        // Cleanup\r\n        setCropModalOpen(false);\r\n        URL.revokeObjectURL(tempImageSrc);\r\n        setTempImageSrc(null);\r\n        if (fileInputRef.current) fileInputRef.current.value = \"\";\r\n    };\r\n\r\n    const handleCropCancel = () => {\r\n        setCropModalOpen(false);\r\n        if (tempImageSrc) {\r\n            URL.revokeObjectURL(tempImageSrc);\r\n            setTempImageSrc(null);\r\n        }\r\n        if (fileInputRef.current) fileInputRef.current.value = \"\";\r\n    };\r\n\r\n    return (\r\n        <div className=\"w-full\">\r\n            {/* Hidden File Input (Always mounted) */}\r\n            <input\r\n                ref={fileInputRef}\r\n                type=\"file\"\r\n                accept=\"image/jpg, image/jpeg\"\r\n                onChange={(e) => {\r\n                    const file = e.target.files?.[0];\r\n                    if (file) handleFileSelect(file);\r\n                }}\r\n                disabled={loading}\r\n                className=\"hidden\"\r\n            />\r\n            <AnimatePresence mode=\"wait\">\r\n                {formData[field] && !loading ? (\r\n                    <motion.div\r\n                        key=\"preview\"\r\n                        initial={{ opacity: 0 }}\r\n                        animate={{ opacity: 1 }}\r\n                        exit={{ opacity: 0 }}\r\n                        className=\"relative w-full aspect-[16/9] rounded-lg overflow-hidden group bg-black/5\"\r\n                    >\r\n                        <FallbackImage\r\n                            src={(formData.thumbnail_url || formData[field])}\r\n                            alt=\"Event banner\"\r\n                            fill\r\n                            className=\"object-cover\"\r\n                        />\r\n                        <div className=\"absolute inset-0 bg-black/50 md:opacity-0 group-hover:md:opacity-100 transition-opacity duration-200 flex items-center justify-center\">\r\n                            <button\r\n                                type=\"button\"\r\n                                onClick={() => {\r\n                                    console.log(\"replacing\", fileInputRef.current);\r\n                                    fileInputRef.current?.click()\r\n                                }}\r\n                                className=\"px-3 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-white text-sm font-medium transition-colors\"\r\n                            >\r\n                                Replace Image\r\n                            </button>\r\n                        </div>\r\n                    </motion.div>\r\n                ) : (\r\n                    <motion.div\r\n                        key=\"uploader\"\r\n                        className={`\r\n                            relative w-full aspect-[16/9] rounded-lg overflow-hidden\r\n                            bg-gradient-to-br from-blue-500 via-purple-600 to-purple-700\r\n                            shadow-lg transition-all duration-300 flex items-center justify-center\r\n                            ${isDragging ? 'shadow-2xl' : 'hover:shadow-2xl'}\r\n                            ${formErrors[field] ? \"ring-2 ring-meta-1\" : \"\"}\r\n                            ${loading ? \"cursor-not-allowed\" : \"cursor-pointer\"}\r\n                            `}\r\n                        style={{\r\n                            backgroundImage: \"url('/illustration/file_upload_bg.jpg')\",\r\n                            backgroundSize: \"cover\",\r\n                            backgroundPosition: \"center\",\r\n                            backgroundRepeat: \"no-repeat\"\r\n                        }}\r\n                        initial={{ opacity: 0, y: 20 }}\r\n                        animate={{ opacity: 1, y: 0, scale: isDragging ? 1.01 : 1 }}\r\n                        whileHover={{ scale: 1.01 }}\r\n                        whileTap={{ scale: 0.99 }}\r\n                        onDragOver={(e) => {\r\n                            e.preventDefault();\r\n                            setIsDragging(true);\r\n                        }}\r\n                        onDragEnter={(e) => {\r\n                            e.preventDefault();\r\n                            setIsDragging(true);\r\n                        }}\r\n                        onDragLeave={(e) => {\r\n                            e.preventDefault();\r\n                            setIsDragging(false);\r\n                        }}\r\n                        onDrop={handleDrop}\r\n                        title={loading ? \"Uploading\" : \"Please upload an image\"}\r\n                        onClick={() => fileInputRef.current?.click()}\r\n                    >\r\n\r\n                        {/* Cool Background Pattern */}\r\n                        <div className=\"absolute inset-0 opacity-10\">\r\n                            <div className=\"absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cuc3ZnLnVzZXJzL2dldHRpbmdzdGFydGVkLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyIiBmaWxsPSIjZmZmIi8+PC9nPg==')] opacity-20\" />\r\n                        </div>\r\n\r\n                        {/* Main Content Area */}\r\n                        <div className=\"relative h-full flex flex-col items-center justify-center p-6 text-white\">\r\n                            {/* Animated Dashed Border on Drag */}\r\n                            <AnimatePresence>\r\n                                {isDragging && (\r\n                                    <motion.div\r\n                                        className=\"absolute inset-0 pointer-events-none z-50\"\r\n                                        initial={{ opacity: 0 }}\r\n                                        animate={{ opacity: 1 }}\r\n                                        exit={{ opacity: 0 }}\r\n                                    >\r\n                                        <svg className=\"w-full h-full p-[2px]\"> {/* Padding to ensure border is visible slightly inside */}\r\n                                            <motion.rect\r\n                                                width=\"100%\"\r\n                                                height=\"100%\"\r\n                                                rx=\"20\"\r\n                                                ry=\"20\"\r\n                                                fill=\"none\"\r\n                                                stroke=\"white\"\r\n                                                strokeWidth=\"3\"\r\n                                                strokeDasharray=\"15 10\"\r\n                                                initial={{ strokeDashoffset: 0 }}\r\n                                                animate={{ strokeDashoffset: -25 }}\r\n                                                transition={{ duration: 0.5, repeat: Infinity, ease: \"linear\" }}\r\n                                            />\r\n                                        </svg>\r\n                                    </motion.div>\r\n                                )}\r\n                            </AnimatePresence>\r\n\r\n                            {loading ? (\r\n                                <LoadingState progress={progress} isTakingLong={isTakingLong} />\r\n                            ) : (\r\n                                <UploadPrompt isDragging={isDragging} />\r\n                            )}\r\n                        </div>\r\n\r\n                        {/* Animated Progress Bar */}\r\n                        {loading && (\r\n                            <motion.div\r\n                                className=\"absolute bottom-0 left-0 right-0 h-2 bg-white/20\"\r\n                                initial={{ opacity: 0 }}\r\n                                animate={{ opacity: 1 }}\r\n                            >\r\n                                <motion.div\r\n                                    className=\"h-full bg-white rounded-full\"\r\n                                    initial={{ width: '0%' }}\r\n                                    animate={{ width: `${progress}%` }}\r\n                                    transition={{ duration: 0.3 }}\r\n                                />\r\n                            </motion.div>\r\n                        )}\r\n                    </motion.div>\r\n                )}\r\n            </AnimatePresence>\r\n\r\n            {/* Image Crop Modal */}\r\n            {tempImageSrc && (\r\n                <ImageCropModal\r\n                    open={cropModalOpen}\r\n                    imageSrc={tempImageSrc}\r\n                    onClose={handleCropCancel}\r\n                    onConfirm={handleCropConfirm}\r\n                    aspect={16 / 9} // Default aspect ratio for banners, can be props if needed\r\n                    cropShape=\"rect\"\r\n                    showRotationControl={false}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\nconst LoadingState = memo(function loadingState({ progress, isTakingLong }: { progress: number, isTakingLong?: boolean }) {\r\n    return (\r\n        <motion.div\r\n            className=\"text-center scale-75 md:scale-100\" // Scaled down on mobile\r\n            initial={{ opacity: 0, scale: 0.9 }}\r\n            animate={{ opacity: 1, scale: 1 }}\r\n        >\r\n            <div className=\"flex justify-center\">\r\n                <div className=\"relative w-16 h-16 md:w-24 md:h-24 mb-2 md:mb-4\">\r\n                    <svg className=\"w-full h-full\" viewBox=\"0 0 100 100\">\r\n                        <motion.circle\r\n                            className=\"text-white\"\r\n                            strokeWidth=\"4\"\r\n                            stroke=\"currentColor\"\r\n                            fill=\"none\"\r\n                            r=\"42\"\r\n                            cx=\"50\"\r\n                            cy=\"50\"\r\n                            initial={{ pathLength: 0 }}\r\n                            animate={{ pathLength: progress / 100 }}\r\n                            transition={{ duration: 0.3 }}\r\n                        />\r\n                    </svg>\r\n                    <span className=\"absolute inset-0 flex items-center justify-center text-md md:text-xl font-bold animate-pulse\">\r\n                        {progress}%\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <motion.div\r\n                initial={{ opacity: 0 }}\r\n                animate={{ opacity: 1 }}\r\n                transition={{ delay: 0.2 }}\r\n                className=\"space-y-2\"\r\n            >\r\n                <p className=\"text-xl font-bold\">Almost there! ✨</p>\r\n                <p className=\"text-white/80\">\r\n                    {isTakingLong ? \"Taking longer than usual... ⏳\" : \"Your image is uploading...\"}\r\n                </p>\r\n            </motion.div>\r\n        </motion.div>\r\n    )\r\n});\r\n\r\nconst UploadPrompt = memo(function uploadPrompt({ isDragging }: { isDragging: boolean }) {\r\n    return (\r\n        <motion.div\r\n            className=\"text-center space-y-3 md:scale-100 border border-dashed border-white p-4 rounded-xl bg-white/10 transition-all duration-300 ease-in-out\" // Adjusted spacing and scale\r\n            initial={{ opacity: 0, y: 20 }}\r\n            animate={{ opacity: 1, y: 0 }}\r\n        >\r\n            <motion.div\r\n                className=\"w-12 h-12 mx-auto bg-white rounded-full flex items-center justify-center\"\r\n                whileHover={{ scale: 1.1, rotate: 5 }}\r\n                whileTap={{ scale: 0.95 }}\r\n            >\r\n                <svg width=\"19\" height=\"17\" viewBox=\"0 0 19 17\" className=\"text-gray-600\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M5.83203 11.6673L9.16536 8.33398M9.16536 8.33398L12.4987 11.6673M9.16536 8.33398V15.834M15.832 12.2863C16.85 11.4457 17.4987 10.1739 17.4987 8.75065C17.4987 6.21935 15.4467 4.16732 12.9154 4.16732C12.7333 4.16732 12.5629 4.07231 12.4705 3.91543C11.3837 2.07135 9.37739 0.833984 7.08203 0.833984C3.63025 0.833984 0.832031 3.6322 0.832031 7.08398C0.832031 8.80574 1.52824 10.3649 2.65449 11.4953\" stroke=\"#474C56\" strokeWidth=\"1.66667\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n                </svg>\r\n            </motion.div>\r\n\r\n            <div className=\"space-y-1\">\r\n                <motion.div\r\n                    className=\"space-y-1 md:space-y-2\"\r\n                    initial={{ opacity: 0 }}\r\n                    animate={{ opacity: 1 }}\r\n                    transition={{ delay: 0.2 }}\r\n                >\r\n                    <h5>\r\n                        {isDragging ? (\r\n                            <motion.span\r\n                                initial={{ scale: 0.9 }}\r\n                                animate={{ scale: 1 }}\r\n                                className=\"block\"\r\n                            >\r\n                                Drop it here 🎨\r\n                            </motion.span>\r\n                        ) : (\r\n                            <div className=\"text-md\">\r\n                                <span className=\"text-[#5C48CC]\">\r\n                                    Click to upload\r\n                                </span>\r\n                                <span>\r\n                                    {\" \"}or drag and drop\r\n                                </span>\r\n                            </div>\r\n                        )}\r\n                    </h5>\r\n                </motion.div>\r\n\r\n                <motion.div\r\n                    className=\"flex flex-wrap justify-center gap-1 md:gap-2\"\r\n                    initial={{ opacity: 0 }}\r\n                    animate={{ opacity: 1 }}\r\n                    transition={{ delay: 0.3 }}\r\n                >\r\n                    <div className=\"text-md\">\r\n                        {['JPG', 'JPEG'].map((format) => (\r\n                            <Fragment key={format}>{format}{\" \"}</Fragment>\r\n                        ))}\r\n                        (Max | 10MB, Dimensions | 16:9)\r\n                    </div>\r\n                </motion.div>\r\n            </div>\r\n        </motion.div>\r\n    )\r\n});\r\n\r\nexport default memo(FileUpload);\r\n"],"names":["progress"],"mappings":"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"}