@123usmanhaider321/ui 0.1.0 → 0.1.8

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

@@ -0,0 +1,412 @@
+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

@@ -0,0 +1 @@
+{"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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"}

package/dist/components/EventAddForm/components/FormBuilderProceedModal.d.ts

@@ -0,0 +1,10 @@
+interface FormBuilderProceedModalProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    eventId?: string;
+    eventData?: any;
+    onConfirm: () => Promise<void>;
+}
+declare function FormBuilderProceedModal({ open, setOpen, eventId, eventData, onConfirm, }: FormBuilderProceedModalProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof FormBuilderProceedModal>;
+export default _default;