@sonordev/site-kit 1.2.7

package/dist/chunk-KUGMH4ZF.js

@@ -0,0 +1,571 @@
+'use client';
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/images/ManagedImage.tsx
+var isDevMode = () => {
+  if (typeof window === "undefined") return false;
+  return process.env.NODE_ENV === "development" || window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.search.includes("uptrade_dev=true");
+};
+function ManagedImage({
+  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,
+  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || "https://api.uptrademedia.com",
+  slotId,
+  pagePath,
+  alt,
+  className = "",
+  width,
+  height,
+  objectFit = "cover",
+  fallback,
+  placeholder,
+  onLoad,
+  onError,
+  priority,
+  style,
+  forceDevMode
+}) {
+  const [imageData, setImageData] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const [showPicker, setShowPicker] = react.useState(false);
+  const [devMode] = react.useState(() => forceDevMode || isDevMode());
+  const currentPath = pagePath ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+  const fetchImage = react.useCallback(async () => {
+    if (!apiKey || !apiUrl) {
+      setLoading(false);
+      return;
+    }
+    try {
+      const params = new URLSearchParams({ page_path: currentPath });
+      const res = await fetch(
+        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": apiKey
+          }
+        }
+      );
+      if (!res.ok) {
+        throw new Error(`Failed to fetch image: ${res.status}`);
+      }
+      const data = await res.json();
+      setImageData(data.image);
+      setError(null);
+    } catch (err) {
+      console.error("[ManagedImage] Fetch error:", err);
+      setError(err instanceof Error ? err : new Error(String(err)));
+      onError?.(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [apiKey, apiUrl, slotId, currentPath, onError]);
+  react.useEffect(() => {
+    fetchImage();
+  }, [fetchImage]);
+  const objectPosition = imageData ? `${imageData.focal_point_x}% ${imageData.focal_point_y}%` : "50% 50%";
+  const imageUrl = imageData?.public_url || imageData?.external_url || fallback;
+  const handleClick = (e) => {
+    if (devMode) {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowPicker(true);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `bg-gray-200 animate-pulse ${className}`,
+        style: {
+          width: width ?? "100%",
+          height: height ?? 200,
+          ...style
+        }
+      }
+    );
+  }
+  if (!imageUrl) {
+    if (placeholder) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: placeholder });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        onClick: handleClick,
+        className: `
+          bg-gray-100 border-2 border-dashed border-gray-300 
+          flex items-center justify-center text-gray-400
+          ${devMode ? "cursor-pointer hover:border-blue-400 hover:text-blue-500 hover:bg-blue-50" : ""}
+          ${className}
+        `,
+        style: {
+          width: width ?? "100%",
+          height: height ?? 200,
+          ...style
+        },
+        title: devMode ? `Click to add image for slot: ${slotId}` : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: "w-12 h-12 mx-auto mb-2",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 1.5,
+                    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  }
+                )
+              }
+            ),
+            devMode && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Click to add image" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs mt-1", children: slotId })
+          ] }),
+          showPicker && /* @__PURE__ */ jsxRuntime.jsx(
+            ImagePickerModal,
+            {
+              slotId,
+              pagePath: currentPath,
+              config: { apiKey, apiUrl },
+              onClose: () => setShowPicker(false),
+              onSelect: () => {
+                setShowPicker(false);
+                fetchImage();
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", style: { width, height }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: imageUrl,
+        alt: imageData?.alt_text || alt || "",
+        title: imageData?.title || void 0,
+        "data-managed-image": "true",
+        "data-slot-id": slotId,
+        "data-page-path": currentPath,
+        className,
+        style: {
+          objectFit,
+          objectPosition,
+          width: width ?? "100%",
+          height: height ?? "auto",
+          ...style
+        },
+        onLoad,
+        onError: () => onError?.(new Error("Image failed to load")),
+        loading: priority ? "eager" : "lazy",
+        onClick: handleClick
+      }
+    ),
+    devMode && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/0 hover:bg-black/30 transition-colors cursor-pointer flex items-center justify-center opacity-0 hover:opacity-100",
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white/90 px-3 py-1.5 rounded-lg shadow-lg text-sm font-medium text-gray-700", children: "Edit Image" })
+      }
+    ),
+    showPicker && /* @__PURE__ */ jsxRuntime.jsx(
+      ImagePickerModal,
+      {
+        slotId,
+        pagePath: currentPath,
+        config: { apiKey, apiUrl },
+        currentImage: imageData,
+        onClose: () => setShowPicker(false),
+        onSelect: () => {
+          setShowPicker(false);
+          fetchImage();
+        }
+      }
+    )
+  ] });
+}
+function ImagePickerModal({
+  slotId,
+  pagePath,
+  config,
+  currentImage,
+  onClose,
+  onSelect
+}) {
+  const [files, setFiles] = react.useState([]);
+  const [folders, setFolders] = react.useState([]);
+  const [currentFolder, setCurrentFolder] = react.useState("");
+  const [search, setSearch] = react.useState("");
+  const [loading, setLoading] = react.useState(true);
+  const [uploading, setUploading] = react.useState(false);
+  const [altText, setAltText] = react.useState(currentImage?.alt_text || "");
+  const fetchFiles = react.useCallback(async () => {
+    if (!config?.apiKey || !config?.apiUrl) return;
+    setLoading(true);
+    try {
+      const params = new URLSearchParams();
+      if (currentFolder) params.set("folder", currentFolder);
+      if (search) params.set("search", search);
+      const res = await fetch(
+        `${config.apiUrl}/public/images/files?${params}`,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": config.apiKey
+          }
+        }
+      );
+      if (res.ok) {
+        const data = await res.json();
+        setFiles(data.files || []);
+        setFolders(data.folders || []);
+      }
+    } catch (err) {
+      console.error("[ImagePicker] Fetch error:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [config?.apiKey, config?.apiUrl, currentFolder, search]);
+  react.useEffect(() => {
+    fetchFiles();
+  }, [fetchFiles]);
+  const handleSelectFile = async (file) => {
+    if (!config?.apiKey || !config?.apiUrl) return;
+    try {
+      const res = await fetch(
+        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": config.apiKey
+          },
+          body: JSON.stringify({
+            page_path: pagePath,
+            file_id: file.id,
+            alt_text: altText || file.filename
+          })
+        }
+      );
+      if (res.ok) {
+        onSelect();
+      }
+    } catch (err) {
+      console.error("[ImagePicker] Select error:", err);
+    }
+  };
+  const handleUpload = async (e) => {
+    const file = e.target.files?.[0];
+    if (!file || !config?.apiKey || !config?.apiUrl) return;
+    setUploading(true);
+    try {
+      const formData = new FormData();
+      formData.append("file", file);
+      formData.append("slot_id", slotId);
+      formData.append("page_path", pagePath);
+      formData.append("folder", currentFolder || "Website/Images");
+      if (altText) formData.append("alt_text", altText);
+      const res = await fetch(`${config.apiUrl}/public/images/upload`, {
+        method: "POST",
+        headers: {
+          "x-api-key": config.apiKey
+        },
+        body: formData
+      });
+      if (res.ok) {
+        onSelect();
+      }
+    } catch (err) {
+      console.error("[ImagePicker] Upload error:", err);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleClear = async () => {
+    if (!config?.apiKey || !config?.apiUrl) return;
+    try {
+      const params = new URLSearchParams({ page_path: pagePath });
+      await fetch(
+        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+        {
+          method: "DELETE",
+          headers: {
+            "x-api-key": config.apiKey
+          }
+        }
+      );
+      onSelect();
+    } catch (err) {
+      console.error("[ImagePicker] Clear error:", err);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[99999] bg-black/50 flex items-center justify-center p-4",
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "bg-white rounded-xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-hidden",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: "Select Image" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
+                  "Slot: ",
+                  slotId
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "text-gray-400 hover:text-gray-600 p-2",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 overflow-y-auto", style: { maxHeight: "calc(90vh - 180px)" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 mb-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    placeholder: "Search images...",
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    className: "w-full px-3 py-2 border rounded-lg text-sm"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "px-4 py-2 bg-blue-600 text-white rounded-lg cursor-pointer hover:bg-blue-700 text-sm font-medium flex items-center gap-2", children: [
+                  uploading ? "Uploading..." : "Upload New",
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "file",
+                      accept: "image/*",
+                      onChange: handleUpload,
+                      disabled: uploading,
+                      className: "hidden"
+                    }
+                  )
+                ] }),
+                currentImage?.file_id && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: handleClear,
+                    className: "px-4 py-2 border border-red-200 text-red-600 rounded-lg hover:bg-red-50 text-sm",
+                    children: "Remove"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Alt text for image...",
+                  value: altText,
+                  onChange: (e) => setAltText(e.target.value),
+                  className: "w-full px-3 py-2 border rounded-lg text-sm"
+                }
+              ) }),
+              folders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 mb-4 flex-wrap", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => setCurrentFolder(""),
+                    className: `px-3 py-1 text-sm rounded-full ${!currentFolder ? "bg-blue-100 text-blue-700" : "bg-gray-100 hover:bg-gray-200"}`,
+                    children: "All"
+                  }
+                ),
+                folders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => setCurrentFolder(folder),
+                    className: `px-3 py-1 text-sm rounded-full ${currentFolder === folder ? "bg-blue-100 text-blue-700" : "bg-gray-100 hover:bg-gray-200"}`,
+                    children: folder
+                  },
+                  folder
+                ))
+              ] }),
+              loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: [...Array(8)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square bg-gray-200 rounded-lg animate-pulse" }, i)) }) : files.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12 text-gray-500", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No images found" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm mt-1", children: "Upload a new image to get started" })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: files.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => handleSelectFile(file),
+                  className: `
+                    aspect-square rounded-lg overflow-hidden border-2 transition-all
+                    hover:border-blue-400 hover:shadow-lg
+                    ${currentImage?.file_id === file.id ? "border-blue-500 ring-2 ring-blue-200" : "border-gray-200"}
+                  `,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: file.public_url,
+                      alt: file.filename,
+                      className: "w-full h-full object-cover"
+                    }
+                  )
+                },
+                file.id
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-t bg-gray-50 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg text-sm",
+                children: "Cancel"
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/images/api.ts
+async function fetchManagedImage(config, slotId, pagePath) {
+  const params = new URLSearchParams();
+  if (pagePath) params.set("page_path", pagePath);
+  const res = await fetch(
+    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+    {
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": config.apiKey
+      }
+    }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to fetch image: ${res.status}`);
+  }
+  return res.json();
+}
+async function fetchManagedImages(config, options) {
+  const params = new URLSearchParams();
+  if (options?.pagePath) params.set("page_path", options.pagePath);
+  if (options?.category) params.set("category", options.category);
+  if (options?.includePlaceholders) params.set("include_placeholders", "true");
+  const res = await fetch(
+    `${config.apiUrl}/public/images?${params}`,
+    {
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": config.apiKey
+      }
+    }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to fetch images: ${res.status}`);
+  }
+  return res.json();
+}
+async function listImageFiles(config, options) {
+  const params = new URLSearchParams();
+  if (options?.folder) params.set("folder", options.folder);
+  if (options?.search) params.set("search", options.search);
+  const res = await fetch(
+    `${config.apiUrl}/public/images/files?${params}`,
+    {
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": config.apiKey
+      }
+    }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to list files: ${res.status}`);
+  }
+  return res.json();
+}
+async function uploadImage(config, file, options) {
+  const formData = new FormData();
+  formData.append("file", file);
+  if (options?.slotId) formData.append("slot_id", options.slotId);
+  if (options?.pagePath) formData.append("page_path", options.pagePath);
+  if (options?.folder) formData.append("folder", options.folder);
+  if (options?.altText) formData.append("alt_text", options.altText);
+  const res = await fetch(`${config.apiUrl}/public/images/upload`, {
+    method: "POST",
+    headers: {
+      "x-api-key": config.apiKey
+    },
+    body: formData
+  });
+  if (!res.ok) {
+    throw new Error(`Failed to upload image: ${res.status}`);
+  }
+  return res.json();
+}
+async function assignImageToSlot(config, slotId, options) {
+  const res = await fetch(
+    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": config.apiKey
+      },
+      body: JSON.stringify({
+        page_path: options.pagePath,
+        file_id: options.fileId,
+        external_url: options.externalUrl,
+        alt_text: options.altText,
+        title: options.title,
+        caption: options.caption,
+        focal_point_x: options.focalPointX,
+        focal_point_y: options.focalPointY,
+        aspect_ratio: options.aspectRatio
+      })
+    }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to assign image: ${res.status}`);
+  }
+  return res.json();
+}
+async function clearImageSlot(config, slotId, pagePath) {
+  const params = new URLSearchParams();
+  if (pagePath) params.set("page_path", pagePath);
+  const res = await fetch(
+    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,
+    {
+      method: "DELETE",
+      headers: {
+        "x-api-key": config.apiKey
+      }
+    }
+  );
+  if (!res.ok) {
+    throw new Error(`Failed to clear slot: ${res.status}`);
+  }
+  return res.json();
+}
+
+exports.ManagedImage = ManagedImage;
+exports.assignImageToSlot = assignImageToSlot;
+exports.clearImageSlot = clearImageSlot;
+exports.fetchManagedImage = fetchManagedImage;
+exports.fetchManagedImages = fetchManagedImages;
+exports.listImageFiles = listImageFiles;
+exports.uploadImage = uploadImage;
+//# sourceMappingURL=chunk-KUGMH4ZF.js.map
+//# sourceMappingURL=chunk-KUGMH4ZF.js.map

package/dist/chunk-KUGMH4ZF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/images/ManagedImage.tsx","../src/images/api.ts"],"names":["useState","useCallback","useEffect","jsx","jsxs"],"mappings":"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","file":"chunk-KUGMH4ZF.js","sourcesContent":["/**\n * ManagedImage - Portal-managed image component\n * \n * Features:\n * - Fetches images from Portal API via API key (never direct Supabase)\n * - Dev mode: Click to open image picker modal\n * - Supports responsive variants\n * - Automatic focal point handling\n * - Placeholder state for empty slots\n * \n * @example\n * ```tsx\n * <ManagedImage \n *   slotId=\"hero-background\"\n *   alt=\"Hero background image\"\n *   className=\"w-full h-96 object-cover\"\n * />\n * ```\n */\n\n'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\n\nexport interface ManagedImageData {\n  id: string\n  slot_id: string\n  page_path: string | null\n  file_id: string | null\n  external_url: string | null\n  alt_text: string | null\n  title: string | null\n  caption: string | null\n  focal_point_x: number\n  focal_point_y: number\n  aspect_ratio: string | null\n  public_url?: string\n  is_placeholder: boolean\n}\n\nexport interface ImageFile {\n  id: string\n  filename: string\n  storage_path: string\n  mime_type: string\n  file_size: number\n  folder_path: string | null\n  public_url?: string\n}\n\nexport interface ManagedImageProps {\n  /** API key for Portal API */\n  apiKey?: string\n  /** API URL (defaults to https://api.uptrademedia.com) */\n  apiUrl?: string\n  /** Unique slot identifier (e.g., 'hero-background', 'about-team-1') */\n  slotId: string\n  /** Page path for page-specific slots (defaults to current path) */\n  pagePath?: string\n  /** Fallback alt text if not set in Portal */\n  alt?: string\n  /** CSS class names */\n  className?: string\n  /** Image width */\n  width?: number | string\n  /** Image height */\n  height?: number | string\n  /** CSS object-fit property */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'\n  /** Fallback image URL when no image assigned */\n  fallback?: string\n  /** Custom placeholder component */\n  placeholder?: React.ReactNode\n  /** Called when image loads */\n  onLoad?: () => void\n  /** Called on error */\n  onError?: (error: Error) => void\n  /** Priority loading (Next.js Image optimization) */\n  priority?: boolean\n  /** Additional styles */\n  style?: React.CSSProperties\n  /** Enable dev picker even outside dev mode */\n  forceDevMode?: boolean\n}\n\n// Check if we're in dev mode\nconst isDevMode = (): boolean => {\n  if (typeof window === 'undefined') return false\n  return (\n    process.env.NODE_ENV === 'development' ||\n    window.location.hostname === 'localhost' ||\n    window.location.hostname === '127.0.0.1' ||\n    window.location.search.includes('uptrade_dev=true')\n  )\n}\n\nexport function ManagedImage({\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY,\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  slotId,\n  pagePath,\n  alt,\n  className = '',\n  width,\n  height,\n  objectFit = 'cover',\n  fallback,\n  placeholder,\n  onLoad,\n  onError,\n  priority,\n  style,\n  forceDevMode,\n}: ManagedImageProps) {\n  const [imageData, setImageData] = useState<ManagedImageData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<Error | null>(null)\n  const [showPicker, setShowPicker] = useState(false)\n  const [devMode] = useState(() => forceDevMode || isDevMode())\n\n  // Get current page path if not provided\n  const currentPath = pagePath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\n\n  // Fetch image data from Portal API\n  const fetchImage = useCallback(async () => {\n    if (!apiKey || !apiUrl) {\n      setLoading(false)\n      return\n    }\n\n    try {\n      const params = new URLSearchParams({ page_path: currentPath })\n      const res = await fetch(\n        `${apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n        {\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': apiKey,\n          },\n        }\n      )\n\n      if (!res.ok) {\n        throw new Error(`Failed to fetch image: ${res.status}`)\n      }\n\n      const data = await res.json()\n      setImageData(data.image)\n      setError(null)\n    } catch (err) {\n      console.error('[ManagedImage] Fetch error:', err)\n      setError(err instanceof Error ? err : new Error(String(err)))\n      onError?.(err instanceof Error ? err : new Error(String(err)))\n    } finally {\n      setLoading(false)\n    }\n  }, [apiKey, apiUrl, slotId, currentPath, onError])\n\n  useEffect(() => {\n    fetchImage()\n  }, [fetchImage])\n\n  // Calculate object-position from focal point\n  const objectPosition = imageData\n    ? `${imageData.focal_point_x}% ${imageData.focal_point_y}%`\n    : '50% 50%'\n\n  // Get the image URL\n  const imageUrl = imageData?.public_url || imageData?.external_url || fallback\n\n  // Handle click in dev mode\n  const handleClick = (e: React.MouseEvent) => {\n    if (devMode) {\n      e.preventDefault()\n      e.stopPropagation()\n      setShowPicker(true)\n    }\n  }\n\n  // Render placeholder state\n  if (loading) {\n    return (\n      <div\n        className={`bg-gray-200 animate-pulse ${className}`}\n        style={{\n          width: width ?? '100%',\n          height: height ?? 200,\n          ...style,\n        }}\n      />\n    )\n  }\n\n  // No image assigned - show placeholder or dev picker hint\n  if (!imageUrl) {\n    if (placeholder) {\n      return <>{placeholder}</>\n    }\n\n    return (\n      <div\n        onClick={handleClick}\n        className={`\n          bg-gray-100 border-2 border-dashed border-gray-300 \n          flex items-center justify-center text-gray-400\n          ${devMode ? 'cursor-pointer hover:border-blue-400 hover:text-blue-500 hover:bg-blue-50' : ''}\n          ${className}\n        `}\n        style={{\n          width: width ?? '100%',\n          height: height ?? 200,\n          ...style,\n        }}\n        title={devMode ? `Click to add image for slot: ${slotId}` : undefined}\n      >\n        <div className=\"text-center p-4\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          {devMode && (\n            <p className=\"text-sm font-medium\">Click to add image</p>\n          )}\n          <p className=\"text-xs mt-1\">{slotId}</p>\n        </div>\n\n        {showPicker && (\n          <ImagePickerModal\n            slotId={slotId}\n            pagePath={currentPath}\n            config={{ apiKey, apiUrl }}\n            onClose={() => setShowPicker(false)}\n            onSelect={() => {\n              setShowPicker(false)\n              fetchImage()\n            }}\n          />\n        )}\n      </div>\n    )\n  }\n\n  // Render the image\n  return (\n    <div className=\"relative\" style={{ width, height }}>\n      <img\n        src={imageUrl}\n        alt={imageData?.alt_text || alt || ''}\n        title={imageData?.title || undefined}\n        data-managed-image=\"true\"\n        data-slot-id={slotId}\n        data-page-path={currentPath}\n        className={className}\n        style={{\n          objectFit,\n          objectPosition,\n          width: width ?? '100%',\n          height: height ?? 'auto',\n          ...style,\n        }}\n        onLoad={onLoad}\n        onError={() => onError?.(new Error('Image failed to load'))}\n        loading={priority ? 'eager' : 'lazy'}\n        onClick={handleClick}\n      />\n\n      {/* Dev mode overlay */}\n      {devMode && (\n        <div\n          className=\"absolute inset-0 bg-black/0 hover:bg-black/30 transition-colors cursor-pointer flex items-center justify-center opacity-0 hover:opacity-100\"\n          onClick={handleClick}\n        >\n          <div className=\"bg-white/90 px-3 py-1.5 rounded-lg shadow-lg text-sm font-medium text-gray-700\">\n            Edit Image\n          </div>\n        </div>\n      )}\n\n      {showPicker && (\n        <ImagePickerModal\n          slotId={slotId}\n          pagePath={currentPath}\n          config={{ apiKey, apiUrl }}\n          currentImage={imageData}\n          onClose={() => setShowPicker(false)}\n          onSelect={() => {\n            setShowPicker(false)\n            fetchImage()\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\n// ============================================================================\n// IMAGE PICKER MODAL\n// ============================================================================\n\ninterface ImagePickerModalProps {\n  slotId: string\n  pagePath: string\n  config: any\n  currentImage?: ManagedImageData | null\n  onClose: () => void\n  onSelect: () => void\n}\n\nfunction ImagePickerModal({\n  slotId,\n  pagePath,\n  config,\n  currentImage,\n  onClose,\n  onSelect,\n}: ImagePickerModalProps) {\n  const [files, setFiles] = useState<ImageFile[]>([])\n  const [folders, setFolders] = useState<string[]>([])\n  const [currentFolder, setCurrentFolder] = useState<string>('')\n  const [search, setSearch] = useState('')\n  const [loading, setLoading] = useState(true)\n  const [uploading, setUploading] = useState(false)\n  const [altText, setAltText] = useState(currentImage?.alt_text || '')\n\n  // Fetch available files\n  const fetchFiles = useCallback(async () => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    setLoading(true)\n    try {\n      const params = new URLSearchParams()\n      if (currentFolder) params.set('folder', currentFolder)\n      if (search) params.set('search', search)\n\n      const res = await fetch(\n        `${config.apiUrl}/public/images/files?${params}`,\n        {\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': config.apiKey,\n          },\n        }\n      )\n\n      if (res.ok) {\n        const data = await res.json()\n        setFiles(data.files || [])\n        setFolders(data.folders || [])\n      }\n    } catch (err) {\n      console.error('[ImagePicker] Fetch error:', err)\n    } finally {\n      setLoading(false)\n    }\n  }, [config?.apiKey, config?.apiUrl, currentFolder, search])\n\n  useEffect(() => {\n    fetchFiles()\n  }, [fetchFiles])\n\n  // Select an existing file\n  const handleSelectFile = async (file: ImageFile) => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    try {\n      const res = await fetch(\n        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            'x-api-key': config.apiKey,\n          },\n          body: JSON.stringify({\n            page_path: pagePath,\n            file_id: file.id,\n            alt_text: altText || file.filename,\n          }),\n        }\n      )\n\n      if (res.ok) {\n        onSelect()\n      }\n    } catch (err) {\n      console.error('[ImagePicker] Select error:', err)\n    }\n  }\n\n  // Upload new file\n  const handleUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file || !config?.apiKey || !config?.apiUrl) return\n\n    setUploading(true)\n    try {\n      const formData = new FormData()\n      formData.append('file', file)\n      formData.append('slot_id', slotId)\n      formData.append('page_path', pagePath)\n      formData.append('folder', currentFolder || 'Website/Images')\n      if (altText) formData.append('alt_text', altText)\n\n      const res = await fetch(`${config.apiUrl}/public/images/upload`, {\n        method: 'POST',\n        headers: {\n          'x-api-key': config.apiKey,\n        },\n        body: formData,\n      })\n\n      if (res.ok) {\n        onSelect()\n      }\n    } catch (err) {\n      console.error('[ImagePicker] Upload error:', err)\n    } finally {\n      setUploading(false)\n    }\n  }\n\n  // Clear the slot\n  const handleClear = async () => {\n    if (!config?.apiKey || !config?.apiUrl) return\n\n    try {\n      const params = new URLSearchParams({ page_path: pagePath })\n      await fetch(\n        `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n        {\n          method: 'DELETE',\n          headers: {\n            'x-api-key': config.apiKey,\n          },\n        }\n      )\n      onSelect()\n    } catch (err) {\n      console.error('[ImagePicker] Clear error:', err)\n    }\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[99999] bg-black/50 flex items-center justify-center p-4\"\n      onClick={onClose}\n    >\n      <div\n        className=\"bg-white rounded-xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-hidden\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-4 border-b\">\n          <div>\n            <h2 className=\"text-lg font-semibold\">Select Image</h2>\n            <p className=\"text-sm text-gray-500\">Slot: {slotId}</p>\n          </div>\n          <button\n            onClick={onClose}\n            className=\"text-gray-400 hover:text-gray-600 p-2\"\n          >\n            <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Body */}\n        <div className=\"p-4 overflow-y-auto\" style={{ maxHeight: 'calc(90vh - 180px)' }}>\n          {/* Upload & Search */}\n          <div className=\"flex gap-4 mb-4\">\n            <div className=\"flex-1\">\n              <input\n                type=\"text\"\n                placeholder=\"Search images...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"w-full px-3 py-2 border rounded-lg text-sm\"\n              />\n            </div>\n            <label className=\"px-4 py-2 bg-blue-600 text-white rounded-lg cursor-pointer hover:bg-blue-700 text-sm font-medium flex items-center gap-2\">\n              {uploading ? 'Uploading...' : 'Upload New'}\n              <input\n                type=\"file\"\n                accept=\"image/*\"\n                onChange={handleUpload}\n                disabled={uploading}\n                className=\"hidden\"\n              />\n            </label>\n            {currentImage?.file_id && (\n              <button\n                onClick={handleClear}\n                className=\"px-4 py-2 border border-red-200 text-red-600 rounded-lg hover:bg-red-50 text-sm\"\n              >\n                Remove\n              </button>\n            )}\n          </div>\n\n          {/* Alt text input */}\n          <div className=\"mb-4\">\n            <input\n              type=\"text\"\n              placeholder=\"Alt text for image...\"\n              value={altText}\n              onChange={(e) => setAltText(e.target.value)}\n              className=\"w-full px-3 py-2 border rounded-lg text-sm\"\n            />\n          </div>\n\n          {/* Folder navigation */}\n          {folders.length > 0 && (\n            <div className=\"flex gap-2 mb-4 flex-wrap\">\n              <button\n                onClick={() => setCurrentFolder('')}\n                className={`px-3 py-1 text-sm rounded-full ${\n                  !currentFolder ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 hover:bg-gray-200'\n                }`}\n              >\n                All\n              </button>\n              {folders.map((folder) => (\n                <button\n                  key={folder}\n                  onClick={() => setCurrentFolder(folder)}\n                  className={`px-3 py-1 text-sm rounded-full ${\n                    currentFolder === folder ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 hover:bg-gray-200'\n                  }`}\n                >\n                  {folder}\n                </button>\n              ))}\n            </div>\n          )}\n\n          {/* File grid */}\n          {loading ? (\n            <div className=\"grid grid-cols-4 gap-4\">\n              {[...Array(8)].map((_, i) => (\n                <div key={i} className=\"aspect-square bg-gray-200 rounded-lg animate-pulse\" />\n              ))}\n            </div>\n          ) : files.length === 0 ? (\n            <div className=\"text-center py-12 text-gray-500\">\n              <p>No images found</p>\n              <p className=\"text-sm mt-1\">Upload a new image to get started</p>\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-4 gap-4\">\n              {files.map((file) => (\n                <button\n                  key={file.id}\n                  onClick={() => handleSelectFile(file)}\n                  className={`\n                    aspect-square rounded-lg overflow-hidden border-2 transition-all\n                    hover:border-blue-400 hover:shadow-lg\n                    ${currentImage?.file_id === file.id ? 'border-blue-500 ring-2 ring-blue-200' : 'border-gray-200'}\n                  `}\n                >\n                  <img\n                    src={file.public_url}\n                    alt={file.filename}\n                    className=\"w-full h-full object-cover\"\n                  />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-4 border-t bg-gray-50 flex justify-end\">\n          <button\n            onClick={onClose}\n            className=\"px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg text-sm\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ManagedImage\n","/**\n * Images API functions\n * \n * All functions use Portal API with API key authentication.\n * Never makes direct Supabase calls.\n */\n\nimport type { ManagedImageData, ImageFile } from './ManagedImage'\n\nexport interface ImageApiConfig {\n  apiUrl: string\n  apiKey: string\n}\n\n/**\n * Fetch a managed image for a specific slot\n */\nexport async function fetchManagedImage(\n  config: ImageApiConfig,\n  slotId: string,\n  pagePath?: string,\n): Promise<{ image: ManagedImageData | null; is_placeholder: boolean }> {\n  const params = new URLSearchParams()\n  if (pagePath) params.set('page_path', pagePath)\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n    {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to fetch image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Fetch all managed images for the project\n */\nexport async function fetchManagedImages(\n  config: ImageApiConfig,\n  options?: {\n    pagePath?: string\n    category?: string\n    includePlaceholders?: boolean\n  },\n): Promise<{ images: ManagedImageData[] }> {\n  const params = new URLSearchParams()\n  if (options?.pagePath) params.set('page_path', options.pagePath)\n  if (options?.category) params.set('category', options.category)\n  if (options?.includePlaceholders) params.set('include_placeholders', 'true')\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images?${params}`,\n    {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to fetch images: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * List available image files in the project\n */\nexport async function listImageFiles(\n  config: ImageApiConfig,\n  options?: {\n    folder?: string\n    search?: string\n  },\n): Promise<{ files: ImageFile[]; folders: string[] }> {\n  const params = new URLSearchParams()\n  if (options?.folder) params.set('folder', options.folder)\n  if (options?.search) params.set('search', options.search)\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images/files?${params}`,\n    {\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to list files: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Upload a new image\n */\nexport async function uploadImage(\n  config: ImageApiConfig,\n  file: File,\n  options?: {\n    slotId?: string\n    pagePath?: string\n    folder?: string\n    altText?: string\n  },\n): Promise<{ file: ImageFile; image?: ManagedImageData }> {\n  const formData = new FormData()\n  formData.append('file', file)\n  if (options?.slotId) formData.append('slot_id', options.slotId)\n  if (options?.pagePath) formData.append('page_path', options.pagePath)\n  if (options?.folder) formData.append('folder', options.folder)\n  if (options?.altText) formData.append('alt_text', options.altText)\n\n  const res = await fetch(`${config.apiUrl}/public/images/upload`, {\n    method: 'POST',\n    headers: {\n      'x-api-key': config.apiKey,\n    },\n    body: formData,\n  })\n\n  if (!res.ok) {\n    throw new Error(`Failed to upload image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Assign an existing file to an image slot\n */\nexport async function assignImageToSlot(\n  config: ImageApiConfig,\n  slotId: string,\n  options: {\n    fileId?: string\n    externalUrl?: string\n    pagePath?: string\n    altText?: string\n    title?: string\n    caption?: string\n    focalPointX?: number\n    focalPointY?: number\n    aspectRatio?: string\n  },\n): Promise<{ image: ManagedImageData }> {\n  const res = await fetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}`,\n    {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': config.apiKey,\n      },\n      body: JSON.stringify({\n        page_path: options.pagePath,\n        file_id: options.fileId,\n        external_url: options.externalUrl,\n        alt_text: options.altText,\n        title: options.title,\n        caption: options.caption,\n        focal_point_x: options.focalPointX,\n        focal_point_y: options.focalPointY,\n        aspect_ratio: options.aspectRatio,\n      }),\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to assign image: ${res.status}`)\n  }\n\n  return res.json()\n}\n\n/**\n * Clear an image from a slot (keeps the file)\n */\nexport async function clearImageSlot(\n  config: ImageApiConfig,\n  slotId: string,\n  pagePath?: string,\n): Promise<{ success: boolean }> {\n  const params = new URLSearchParams()\n  if (pagePath) params.set('page_path', pagePath)\n\n  const res = await fetch(\n    `${config.apiUrl}/public/images/slot/${encodeURIComponent(slotId)}?${params}`,\n    {\n      method: 'DELETE',\n      headers: {\n        'x-api-key': config.apiKey,\n      },\n    }\n  )\n\n  if (!res.ok) {\n    throw new Error(`Failed to clear slot: ${res.status}`)\n  }\n\n  return res.json()\n}\n"]}