@infuro/cms-core 1.0.41 → 1.0.42

package/dist/admin.js

@@ -457,7 +457,7 @@ var init_admin_config_context = __esm({
 var CMS_VERSION;
 var init_cms_version = __esm({
   "src/lib/cms-version.ts"() {
-    CMS_VERSION = "1.0.41" ;
+    CMS_VERSION = "1.0.42" ;
   }
 });
 function useCatalogCategories(enabled = true) {
@@ -567,9 +567,12 @@ function AdminSidebar({ variant = "sidebar" }) {
   const sessionUser = session?.user;
   const showVendorOnboard = canOnboardVendors(sessionUser);
   const vendorPortal = isVendorPortalUser(sessionUser);
-  const { customNavItems, customNavSections = [], storeEnabled, multiVendorEnabled, eventsEnabled } = useContext(AdminConfigContext);
+  const { customNavItems, customNavSections = [], storeEnabled, multiVendorEnabled, eventsEnabled, vendorCanCreateCategories, vendorCanCreateCollections, vendorCanCreateBrands } = useContext(AdminConfigContext);
   const showStoreNav = storeEnabled || vendorPortal;
   const showPlatformNav = !vendorPortal;
+  const showVendorCategories = !vendorPortal || vendorCanCreateCategories === true;
+  const showVendorCollections = !vendorPortal || vendorCanCreateCollections === true;
+  const showVendorBrands = !vendorPortal || vendorCanCreateBrands === true;
   const isDrawer = variant === "drawer";
   const { categories: catalogCategories } = useCatalogCategories(showStoreNav);
   searchParams.get("categoryId")?.trim() ?? "";
@@ -678,17 +681,17 @@ function AdminSidebar({ variant = "sidebar" }) {
     className: `${linkCls} ${isActive("/admin/vendors") ? linkActive : linkInactive}`
   }, /* @__PURE__ */ React.createElement(Store, {
     className: `h-4 w-4 mr-2 ${isActive("/admin/vendors") ? iconActive : iconInactive}`
-  }), "Vendors")), !vendorPortal && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link2, {
+  }), "Vendors")), showVendorCategories && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link2, {
     href: "/admin/product_categories",
     className: `${linkCls} ${isActive("/admin/product_categories") ? linkActive : linkInactive}`
   }, /* @__PURE__ */ React.createElement(FolderTree, {
     className: `h-4 w-4 mr-2 ${isActive("/admin/product_categories") ? iconActive : iconInactive}`
-  }), "Categories")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link2, {
+  }), "Categories")), showVendorCollections && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link2, {
     href: "/admin/collections",
     className: `${linkCls} ${isActive("/admin/collections") ? linkActive : linkInactive}`
   }, /* @__PURE__ */ React.createElement(Layers, {
     className: `h-4 w-4 mr-2 ${isActive("/admin/collections") ? iconActive : iconInactive}`
-  }), "Collections")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link2, {
+  }), "Collections")), showVendorBrands && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link2, {
     href: "/admin/brands",
     className: `${linkCls} ${isActive("/admin/brands") ? linkActive : linkInactive}`
   }, /* @__PURE__ */ React.createElement(Building2, {
@@ -1371,33 +1374,52 @@ function parseBooleanSetting(value) {
   }
   return null;
 }
-function useMultiVendorEnabled() {
+function useMultiVendorSettings() {
   const [multiVendorEnabled, setMultiVendorEnabled] = useState(true);
+  const [vendorCanCreateCategories, setVendorCanCreateCategories] = useState(false);
+  const [vendorCanCreateCollections, setVendorCanCreateCollections] = useState(false);
+  const [vendorCanCreateBrands, setVendorCanCreateBrands] = useState(false);
+  const [requireProductApproval, setRequireProductApproval] = useState(false);
   useEffect(() => {
     fetch("/api/settings/multi_vendor").then((r) => r.ok ? r.json() : {}).then((data) => {
       const parsed = parseBooleanSetting(data?.enabled ?? data?.value ?? data?.isEnabled ?? data?.active ?? data?.state);
       setMultiVendorEnabled(parsed ?? true);
+      setVendorCanCreateCategories(parseBooleanSetting(data?.vendorCanCreateCategories) === true);
+      setVendorCanCreateCollections(parseBooleanSetting(data?.vendorCanCreateCollections) === true);
+      setVendorCanCreateBrands(parseBooleanSetting(data?.vendorCanCreateBrands) === true);
+      setRequireProductApproval(parseBooleanSetting(data?.requireProductApproval) === true);
     }).catch(() => {
     });
   }, []);
-  return multiVendorEnabled;
+  return {
+    multiVendorEnabled,
+    vendorCanCreateCategories,
+    vendorCanCreateCollections,
+    vendorCanCreateBrands,
+    requireProductApproval
+  };
 }
-function useEventsEnabled() {
+function useEventsSettings() {
   const [eventsEnabled, setEventsEnabled] = useState(true);
+  const [requireEventApproval, setRequireEventApproval] = useState(false);
   useEffect(() => {
     fetch("/api/settings/events").then((r) => r.ok ? r.json() : {}).then((data) => {
       const parsed = parseBooleanSetting(data?.enabled ?? data?.value ?? data?.isEnabled ?? data?.active ?? data?.state);
       setEventsEnabled(parsed ?? true);
+      setRequireEventApproval(parseBooleanSetting(data?.requireEventApproval) === true);
     }).catch(() => {
     });
   }, []);
-  return eventsEnabled;
+  return {
+    eventsEnabled,
+    requireEventApproval
+  };
 }
 function AdminLayout({ children, customNavItems = [], customNavSections = [], customCrudConfigs = {}, categoryRelatedProductLabels = {}, renderOrderDetailFooter, theme, themeRegistry, pluginDescriptors = [] }) {
   const resolvedTheme = useResolvedTheme(theme, themeRegistry);
   const { storeEnabled, currency } = useStoreEnabled();
-  const multiVendorEnabled = useMultiVendorEnabled();
-  const eventsEnabled = useEventsEnabled();
+  const { multiVendorEnabled, vendorCanCreateCategories, vendorCanCreateCollections, vendorCanCreateBrands, requireProductApproval } = useMultiVendorSettings();
+  const { eventsEnabled, requireEventApproval } = useEventsSettings();
   const mergedPluginDescriptors = useMemo(() => {
     const seen = new Set(pluginDescriptors.map((p) => p.name));
     const extra = BUILTIN_PLUGIN_DESCRIPTORS.filter((p) => !seen.has(p.name));
@@ -1420,6 +1442,11 @@ function AdminLayout({ children, customNavItems = [], customNavSections = [], cu
     storeEnabled,
     currency,
     multiVendorEnabled,
+    vendorCanCreateCategories,
+    vendorCanCreateCollections,
+    vendorCanCreateBrands,
+    requireProductApproval,
+    requireEventApproval,
     eventsEnabled
   }), [
     customNavItems,
@@ -1433,6 +1460,11 @@ function AdminLayout({ children, customNavItems = [], customNavSections = [], cu
     storeEnabled,
     currency,
     multiVendorEnabled,
+    vendorCanCreateCategories,
+    vendorCanCreateCollections,
+    vendorCanCreateBrands,
+    requireProductApproval,
+    requireEventApproval,
     eventsEnabled
   ]);
   return /* @__PURE__ */ React.createElement(AdminConfigContext.Provider, {
@@ -1469,8 +1501,8 @@ var init_AdminLayout = __esm({
     __name(useResolvedTheme, "useResolvedTheme");
     __name(useStoreEnabled, "useStoreEnabled");
     __name(parseBooleanSetting, "parseBooleanSetting");
-    __name(useMultiVendorEnabled, "useMultiVendorEnabled");
-    __name(useEventsEnabled, "useEventsEnabled");
+    __name(useMultiVendorSettings, "useMultiVendorSettings");
+    __name(useEventsSettings, "useEventsSettings");
     __name(AdminLayout, "AdminLayout");
   }
 });
@@ -7701,6 +7733,155 @@ var init_ComponentSettings = __esm({
     __name(ComponentSettings, "ComponentSettings");
   }
 });
+function ImageOrUrlField({ label, value, onChange, placeholder = "https://\u2026", inputClassName = "w-full rounded-md border border-gray-300 px-2 py-1.5 text-sm", labelClassName = "block text-xs font-medium text-gray-600 mb-1", previewVariant = "banner", maxSizeMb = 10 }) {
+  const fileInputRef = useRef(null);
+  const [isUploading, setIsUploading] = useState(false);
+  const [error, setError] = useState(null);
+  const [lightboxOpen, setLightboxOpen] = useState(false);
+  const previewCls = previewVariant === "logo" ? "h-20 w-20 rounded-md border border-gray-200 bg-white object-contain cursor-pointer" : "max-h-32 w-full rounded-md border border-gray-200 bg-gray-50 object-cover cursor-pointer";
+  const closeLightbox = useCallback(() => setLightboxOpen(false), []);
+  useEffect(() => {
+    if (!lightboxOpen) return;
+    const onKeyDown = /* @__PURE__ */ __name((e) => {
+      if (e.key === "Escape") closeLightbox();
+    }, "onKeyDown");
+    window.addEventListener("keydown", onKeyDown);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [
+    lightboxOpen,
+    closeLightbox
+  ]);
+  const handleUpload = useCallback(async (file) => {
+    setError(null);
+    if (!ACCEPTED_TYPES.includes(file.type)) {
+      setError(`Unsupported file type. Use: ${ACCEPTED_TYPES.map((t) => t.replace("image/", "")).join(", ")}`);
+      return;
+    }
+    if (file.size > maxSizeMb * 1024 * 1024) {
+      setError(`File must be under ${maxSizeMb}MB`);
+      return;
+    }
+    setIsUploading(true);
+    try {
+      const formData = new FormData();
+      formData.append("file", file);
+      const response = await fetch("/api/upload", {
+        method: "POST",
+        body: formData
+      });
+      const data = await response.json();
+      if (!response.ok) {
+        throw new Error(data.error || data.details || "Upload failed");
+      }
+      onChange(data.filePath ?? "");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Upload failed");
+    } finally {
+      setIsUploading(false);
+      if (fileInputRef.current) fileInputRef.current.value = "";
+    }
+  }, [
+    maxSizeMb,
+    onChange
+  ]);
+  const onFileChange = useCallback((e) => {
+    const file = e.target.files?.[0];
+    if (file) void handleUpload(file);
+  }, [
+    handleUpload
+  ]);
+  const trimmed = value.trim();
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: labelClassName
+  }, label), trimmed ? /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-start gap-3"
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: trimmed,
+    alt: label,
+    className: previewCls,
+    role: "button",
+    tabIndex: 0,
+    title: "Click to enlarge",
+    onClick: /* @__PURE__ */ __name(() => setLightboxOpen(true), "onClick"),
+    onKeyDown: /* @__PURE__ */ __name((e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        setLightboxOpen(true);
+      }
+    }, "onKeyDown"),
+    onError: /* @__PURE__ */ __name((e) => {
+      e.currentTarget.style.display = "none";
+    }, "onError")
+  }), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick: /* @__PURE__ */ __name(() => onChange(""), "onClick"),
+    className: "inline-flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-600 hover:bg-gray-50"
+  }, /* @__PURE__ */ React.createElement(X, {
+    className: "h-3 w-3"
+  }), "Clear")) : null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-wrap gap-2"
+  }, /* @__PURE__ */ React.createElement("input", {
+    type: "url",
+    value,
+    onChange: /* @__PURE__ */ __name((e) => {
+      setError(null);
+      onChange(e.target.value);
+    }, "onChange"),
+    placeholder,
+    className: `${inputClassName} min-w-0 flex-1`
+  }), /* @__PURE__ */ React.createElement("input", {
+    ref: fileInputRef,
+    type: "file",
+    accept: ACCEPTED_TYPES.join(","),
+    onChange: onFileChange,
+    className: "hidden",
+    disabled: isUploading
+  }), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick: /* @__PURE__ */ __name(() => fileInputRef.current?.click(), "onClick"),
+    disabled: isUploading,
+    className: "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-50"
+  }, /* @__PURE__ */ React.createElement(Upload, {
+    className: "h-3.5 w-3.5"
+  }), isUploading ? "Uploading\u2026" : "Upload")), error ? /* @__PURE__ */ React.createElement("p", {
+    className: "flex items-center gap-1.5 text-xs text-red-600"
+  }, /* @__PURE__ */ React.createElement(AlertCircle, {
+    className: "h-3.5 w-3.5 shrink-0"
+  }), error) : /* @__PURE__ */ React.createElement("p", {
+    className: "text-xs text-gray-500"
+  }, "Paste a URL or upload an image (PNG, JPG, GIF, WEBP up to ", maxSizeMb, "MB)"), lightboxOpen && trimmed ? /* @__PURE__ */ React.createElement("div", {
+    className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/70 p-4",
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": `${label} preview`,
+    onClick: closeLightbox
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: trimmed,
+    alt: label,
+    className: "max-h-[90vh] max-w-[90vw] rounded-md object-contain shadow-lg",
+    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick")
+  })) : null);
+}
+var ACCEPTED_TYPES;
+var init_ImageOrUrlField = __esm({
+  "src/components/Admin/ImageOrUrlField.tsx"() {
+    "use client";
+    ACCEPTED_TYPES = [
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/webp"
+    ];
+    __name(ImageOrUrlField, "ImageOrUrlField");
+  }
+});
 function generateId() {
   return `nav_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
 }
@@ -8003,22 +8184,16 @@ function NavbarEditor({ config, onChange }) {
     className: "space-y-6"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "space-y-3"
-  }, /* @__PURE__ */ React.createElement(Label3, {
-    className: "text-sm font-medium"
-  }, "Logo"), /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center gap-3"
-  }, config.logo && /* @__PURE__ */ React.createElement("img", {
-    src: config.logo,
-    alt: "Logo",
-    className: "h-10 rounded border object-contain"
-  }), /* @__PURE__ */ React.createElement(Input, {
+  }, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+    label: "Logo",
     value: config.logo || "",
-    onChange: /* @__PURE__ */ __name((e) => onChange({
+    onChange: /* @__PURE__ */ __name((logo) => onChange({
       ...config,
-      logo: e.target.value
+      logo
     }), "onChange"),
+    previewVariant: "logo",
     placeholder: "Logo image URL"
-  }))), /* @__PURE__ */ React.createElement("div", {
+  })), /* @__PURE__ */ React.createElement("div", {
     className: "space-y-3"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center justify-between"
@@ -8057,6 +8232,7 @@ var init_NavbarEditor = __esm({
     init_button();
     init_switch();
     init_label();
+    init_ImageOrUrlField();
     __name(generateId, "generateId");
     __name(NavItemEditor, "NavItemEditor");
     __name(updateItemInTree, "updateItemInTree");
@@ -11005,10 +11181,32 @@ function renderListPrice(value, item) {
     return `${formatted} ${currency}`;
   }
 }
+function renderListThumbnail(url) {
+  const trimmed = url.trim();
+  if (!trimmed) return "\u2014";
+  return createElement("img", {
+    src: trimmed,
+    alt: "",
+    className: "h-10 w-10 rounded border border-gray-200 bg-white object-contain"
+  });
+}
+function productListImageUrl(item) {
+  const meta = item.metadata;
+  if (!meta || typeof meta !== "object" || Array.isArray(meta)) return "";
+  const images = meta.images;
+  if (!Array.isArray(images)) return "";
+  const rows = images;
+  const def = rows.find((r) => r?.isDefault && typeof r.url === "string" && r.url.trim());
+  if (def && typeof def.url === "string") return def.url.trim();
+  const first = rows.find((r) => typeof r.url === "string" && r.url.trim());
+  return first && typeof first.url === "string" ? first.url.trim() : "";
+}
 var STORE_CRUD_CONFIGS;
 var init_store_crud_configs = __esm({
   "src/admin/store-crud-configs.ts"() {
     __name(renderListPrice, "renderListPrice");
+    __name(renderListThumbnail, "renderListThumbnail");
+    __name(productListImageUrl, "productListImageUrl");
     STORE_CRUD_CONFIGS = {
       products: {
         title: "Products",
@@ -11034,9 +11232,40 @@ var init_store_crud_configs = __esm({
                 label: "Out of stock"
               }
             ]
+          },
+          {
+            param: "approvalStatus",
+            label: "Approval",
+            type: "select",
+            options: [
+              {
+                value: "",
+                label: "All"
+              },
+              {
+                value: "pending",
+                label: "Pending"
+              },
+              {
+                value: "approved",
+                label: "Approved"
+              },
+              {
+                value: "rejected",
+                label: "Rejected"
+              }
+            ]
           }
         ],
         columns: [
+          {
+            field: "metadata",
+            displayName: "Image",
+            hideInCreate: true,
+            hideInEdit: true,
+            listFilter: false,
+            render: /* @__PURE__ */ __name((_value, item) => renderListThumbnail(productListImageUrl(item)), "render")
+          },
           {
             field: "name",
             displayName: "Name"
@@ -11098,6 +11327,33 @@ var init_store_crud_configs = __esm({
               }
             ]
           },
+          {
+            field: "approvalStatus",
+            displayName: "Approval",
+            type: "select",
+            listFilter: false,
+            options: [
+              {
+                value: "pending",
+                label: "Pending"
+              },
+              {
+                value: "approved",
+                label: "Approved"
+              },
+              {
+                value: "rejected",
+                label: "Rejected"
+              }
+            ],
+            render: /* @__PURE__ */ __name((value) => {
+              const v = value == null || value === "" ? null : String(value);
+              if (v === "pending") return "Pending";
+              if (v === "approved") return "Approved";
+              if (v === "rejected") return "Rejected";
+              return "\u2014";
+            }, "render")
+          },
           {
             field: "featured",
             displayName: "Featured",
@@ -11221,6 +11477,14 @@ var init_store_crud_configs = __esm({
         title: "Collections",
         apiEndpoint: "/api/collections",
         columns: [
+          {
+            field: "image",
+            displayName: "Image",
+            hideInCreate: true,
+            hideInEdit: true,
+            listFilter: false,
+            render: /* @__PURE__ */ __name((value) => renderListThumbnail(typeof value === "string" ? value : ""), "render")
+          },
           {
             field: "name",
             displayName: "Name"
@@ -11617,6 +11881,13 @@ var init_store_crud_configs = __esm({
             field: "slug",
             displayName: "Slug"
           },
+          {
+            field: "isCatalog",
+            displayName: "Catalog",
+            type: "boolean",
+            hideInCreate: true,
+            hideInEdit: true
+          },
           {
             field: "active",
             displayName: "Active",
@@ -11919,6 +12190,29 @@ var init_store_crud_configs = __esm({
                 label: "Paid"
               }
             ]
+          },
+          {
+            param: "approvalStatus",
+            label: "Approval",
+            type: "select",
+            options: [
+              {
+                value: "",
+                label: "All"
+              },
+              {
+                value: "pending",
+                label: "Pending"
+              },
+              {
+                value: "approved",
+                label: "Approved"
+              },
+              {
+                value: "rejected",
+                label: "Rejected"
+              }
+            ]
           }
         ],
         columns: [
@@ -11950,6 +12244,33 @@ var init_store_crud_configs = __esm({
             displayName: "Active",
             type: "boolean"
           },
+          {
+            field: "approvalStatus",
+            displayName: "Approval",
+            type: "select",
+            listFilter: false,
+            options: [
+              {
+                value: "pending",
+                label: "Pending"
+              },
+              {
+                value: "approved",
+                label: "Approved"
+              },
+              {
+                value: "rejected",
+                label: "Rejected"
+              }
+            ],
+            render: /* @__PURE__ */ __name((value) => {
+              const v = value == null || value === "" ? null : String(value);
+              if (v === "pending") return "Pending";
+              if (v === "approved") return "Approved";
+              if (v === "rejected") return "Rejected";
+              return "\u2014";
+            }, "render")
+          },
           {
             field: "comingSoon",
             displayName: "Coming soon",
@@ -12236,7 +12557,12 @@ function SettingsPage() {
   const [themeSettingsLoading, setThemeSettingsLoading] = useState(true);
   const [storeEnabled, setStoreEnabled] = useState(false);
   const [multiVendorEnabled, setMultiVendorEnabled] = useState(true);
+  const [vendorCanCreateCategories, setVendorCanCreateCategories] = useState(false);
+  const [vendorCanCreateCollections, setVendorCanCreateCollections] = useState(false);
+  const [vendorCanCreateBrands, setVendorCanCreateBrands] = useState(false);
+  const [requireProductApproval, setRequireProductApproval] = useState(false);
   const [eventsEnabled, setEventsEnabled] = useState(true);
+  const [requireEventApproval, setRequireEventApproval] = useState(false);
   const [storeSettingsLoading, setStoreSettingsLoading] = useState(true);
   const [currency, setCurrency] = useState(DEFAULT_CURRENCY);
   const [currencies, setCurrencies] = useState([]);
@@ -12296,10 +12622,15 @@ function SettingsPage() {
     }).finally(() => setStoreSettingsLoading(false));
     fetch("/api/settings/multi_vendor").then((r) => r.ok ? r.json() : {}).then((data) => {
       setMultiVendorEnabled(data.enabled !== "false");
+      setVendorCanCreateCategories(data.vendorCanCreateCategories === "true");
+      setVendorCanCreateCollections(data.vendorCanCreateCollections === "true");
+      setVendorCanCreateBrands(data.vendorCanCreateBrands === "true");
+      setRequireProductApproval(data.requireProductApproval === "true");
     }).catch(() => {
     });
     fetch("/api/settings/events").then((r) => r.ok ? r.json() : {}).then((data) => {
       setEventsEnabled(data.enabled !== "false");
+      setRequireEventApproval(data.requireEventApproval === "true");
     }).catch(() => {
     });
     fetch("/api/currencies/exchange-rates").then((r) => r.ok ? r.json() : []).then((data) => {
@@ -12427,6 +12758,22 @@ function SettingsPage() {
           enabled: {
             value: multiVendorEnabled ? "true" : "false",
             type: "public"
+          },
+          vendorCanCreateCategories: {
+            value: vendorCanCreateCategories ? "true" : "false",
+            type: "public"
+          },
+          vendorCanCreateCollections: {
+            value: vendorCanCreateCollections ? "true" : "false",
+            type: "public"
+          },
+          vendorCanCreateBrands: {
+            value: vendorCanCreateBrands ? "true" : "false",
+            type: "public"
+          },
+          requireProductApproval: {
+            value: requireProductApproval ? "true" : "false",
+            type: "public"
           }
         })
       });
@@ -12439,6 +12786,10 @@ function SettingsPage() {
           enabled: {
             value: eventsEnabled ? "true" : "false",
             type: "public"
+          },
+          requireEventApproval: {
+            value: requireEventApproval ? "true" : "false",
+            type: "public"
           }
         })
       });
@@ -12710,8 +13061,46 @@ function SettingsPage() {
     className: "text-sm font-medium text-gray-700"
   }, "Multi Vendor"), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, "Enable vendor portals, vendor logins, and vendor-scoped store data. Disabling this blocks vendor-only accounts from signing in."))), storeEnabled && /* @__PURE__ */ React.createElement("div", {
-    className: "mt-4 flex items-center gap-3 p-4 bg-gray-50 rounded-lg border border-gray-200"
+  }, "Enable vendor portals, vendor logins, and vendor-scoped store data. Disabling this blocks vendor-only accounts from signing in."))), storeEnabled && multiVendorEnabled && /* @__PURE__ */ React.createElement("div", {
+    className: "mt-4 space-y-3 p-4 bg-gray-50 rounded-lg border border-gray-200"
+  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
+    className: "text-sm font-medium text-gray-700"
+  }, "Vendor catalog permissions"), /* @__PURE__ */ React.createElement("p", {
+    className: "text-xs text-gray-500 mb-3"
+  }, "When off (default), vendors only pick admin-created categories, collections, and brands on products. When on, vendors also get that Store tab and can create their own.")), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-3"
+  }, /* @__PURE__ */ React.createElement(Switch, {
+    checked: vendorCanCreateCategories,
+    onCheckedChange: setVendorCanCreateCategories
+  }), /* @__PURE__ */ React.createElement(Label3, {
+    className: "text-sm font-medium text-gray-700"
+  }, "Can vendors create categories")), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-3"
+  }, /* @__PURE__ */ React.createElement(Switch, {
+    checked: vendorCanCreateCollections,
+    onCheckedChange: setVendorCanCreateCollections
+  }), /* @__PURE__ */ React.createElement(Label3, {
+    className: "text-sm font-medium text-gray-700"
+  }, "Can vendors create collections")), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-3"
+  }, /* @__PURE__ */ React.createElement(Switch, {
+    checked: vendorCanCreateBrands,
+    onCheckedChange: setVendorCanCreateBrands
+  }), /* @__PURE__ */ React.createElement(Label3, {
+    className: "text-sm font-medium text-gray-700"
+  }, "Can vendors create brands")), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-start gap-3"
+  }, /* @__PURE__ */ React.createElement(Switch, {
+    checked: requireProductApproval,
+    onCheckedChange: setRequireProductApproval
+  }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Label3, {
+    className: "text-sm font-medium text-gray-700"
+  }, "Require product approval"), /* @__PURE__ */ React.createElement("p", {
+    className: "text-xs text-gray-500 mt-0.5"
+  }, "When on, new vendor products start as waiting for approval. Admins approve or reject; only after approval can the vendor set the product to available (live).")))), storeEnabled && /* @__PURE__ */ React.createElement("div", {
+    className: "mt-4 space-y-3 p-4 bg-gray-50 rounded-lg border border-gray-200"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement(Switch, {
     checked: eventsEnabled,
     onCheckedChange: setEventsEnabled
@@ -12719,7 +13108,16 @@ function SettingsPage() {
     className: "text-sm font-medium text-gray-700"
   }, "Events"), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, "Enable event management. Disabling this hides the Events tab and blocks all event-related APIs."))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
+  }, "Enable event management. Disabling this hides the Events tab and blocks all event-related APIs."))), eventsEnabled && multiVendorEnabled ? /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-start gap-3 pl-1 border-t border-gray-200 pt-3"
+  }, /* @__PURE__ */ React.createElement(Switch, {
+    checked: requireEventApproval,
+    onCheckedChange: setRequireEventApproval
+  }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Label3, {
+    className: "text-sm font-medium text-gray-700"
+  }, "Require event approval"), /* @__PURE__ */ React.createElement("p", {
+    className: "text-xs text-gray-500 mt-0.5"
+  }, "When on, new vendor events start as pending. Admins approve or reject; approval activates the event (live)."))) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center justify-between mb-1"
   }, /* @__PURE__ */ React.createElement("label", {
     className: "block text-sm font-semibold text-gray-700"
@@ -16989,15 +17387,13 @@ function PluginSettingsPanel({ descriptor, onSaved }) {
       className: "text-xs text-gray-500 dark:text-gray-400"
     }, "Layout below merges with Branding settings; values here override branding when set. Use absolute URLs for logos in email."), /* @__PURE__ */ React.createElement("div", {
       className: "space-y-1"
-    }, /* @__PURE__ */ React.createElement(Label3, {
-      htmlFor: `${settingsGroup}-logoUrl`,
-      className: "text-sm"
-    }, "Logo URL (optional override)"), /* @__PURE__ */ React.createElement(Input, {
-      id: `${settingsGroup}-logoUrl`,
+    }, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Logo (optional override)",
       value: logoUrl,
-      onChange: /* @__PURE__ */ __name((e) => setLogoUrl(e.target.value), "onChange"),
+      onChange: setLogoUrl,
+      previewVariant: "logo",
       placeholder: "https://\u2026",
-      className: "h-8 text-sm"
+      inputClassName: "h-8 text-sm w-full rounded-md border border-input bg-background px-3"
     })), /* @__PURE__ */ React.createElement("div", {
       className: "space-y-1"
     }, /* @__PURE__ */ React.createElement(Label3, {
@@ -17050,22 +17446,23 @@ function PluginSettingsPanel({ descriptor, onSaved }) {
       className: "flex flex-wrap items-end gap-2 border-b border-border/60 pb-3 dark:border-gray-600"
     }, /* @__PURE__ */ React.createElement("div", {
       className: "min-w-[160px] flex-1 space-y-1"
-    }, /* @__PURE__ */ React.createElement(Label3, {
-      className: "text-xs text-muted-foreground"
-    }, "Icon image URL"), /* @__PURE__ */ React.createElement(Input, {
+    }, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Icon image",
       value: row.iconUrl,
-      onChange: /* @__PURE__ */ __name((e) => {
+      onChange: /* @__PURE__ */ __name((v) => {
         const next = [
           ...socialLinkRows
         ];
         next[i] = {
           ...next[i],
-          iconUrl: e.target.value
+          iconUrl: v
         };
         setSocialLinkRows(next);
       }, "onChange"),
+      previewVariant: "logo",
       placeholder: "https://\u2026",
-      className: "h-8 text-sm"
+      inputClassName: "h-8 text-sm w-full rounded-md border border-input bg-background px-3",
+      labelClassName: "text-xs text-muted-foreground"
     })), /* @__PURE__ */ React.createElement("div", {
       className: "min-w-[160px] flex-1 space-y-1"
     }, /* @__PURE__ */ React.createElement(Label3, {
@@ -17712,15 +18109,13 @@ function PluginSettingsPanel({ descriptor, onSaved }) {
       className: "h-8 text-sm"
     })), /* @__PURE__ */ React.createElement("div", {
       className: "space-y-1"
-    }, /* @__PURE__ */ React.createElement(Label3, {
-      htmlFor: `${settingsGroup}-iconImageUrl`,
-      className: "text-sm"
-    }, "Icon image URL"), /* @__PURE__ */ React.createElement(Input, {
-      id: `${settingsGroup}-iconImageUrl`,
+    }, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Icon image",
       value: iconImageUrl,
-      onChange: /* @__PURE__ */ __name((e) => setIconImageUrl(e.target.value), "onChange"),
+      onChange: setIconImageUrl,
+      previewVariant: "logo",
       placeholder: "https://\u2026 or /images/chat-icon.png",
-      className: "h-8 text-sm"
+      inputClassName: "h-8 text-sm w-full rounded-md border border-input bg-background px-3"
     }), /* @__PURE__ */ React.createElement("p", {
       className: "text-xs text-gray-500 dark:text-gray-400"
     }, "PNG or image URL. Leave empty to use emoji below.")), /* @__PURE__ */ React.createElement("div", {
@@ -18280,6 +18675,7 @@ var init_PluginsPage = __esm({
     init_checkbox();
     init_select();
     init_EventNotificationsPluginSettings();
+    init_ImageOrUrlField();
     init_chat_email_intent();
     init_llm_agent_scope();
     __name(normalizeLinkedInOrganizations, "normalizeLinkedInOrganizations");
@@ -19963,7 +20359,7 @@ var init_VendorPortalProfilePage = __esm({
     __name(VendorPortalProfilePage, "VendorPortalProfilePage");
   }
 });
-function DetailPageHeader({ title, subtitle, backHref, backLabel = "Back", closeHref, onClose, menuItems = [] }) {
+function DetailPageHeader({ title, subtitle, backHref, backLabel = "Back", closeHref, onClose, headerExtra, menuItems = [] }) {
   const router = useRouter();
   const handleClose = /* @__PURE__ */ __name(() => {
     if (onClose) onClose();
@@ -19987,7 +20383,7 @@ function DetailPageHeader({ title, subtitle, backHref, backLabel = "Back", close
     className: "text-sm text-gray-400 truncate"
   }, subtitle))), /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-2 shrink-0"
-  }, menuItems.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+  }, headerExtra, menuItems.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-2 md:hidden"
   }, menuItems.map((item, i) => {
     const Icon2 = item.icon;
@@ -25167,15 +25563,11 @@ function SeoTabContent(props) {
     onChange: /* @__PURE__ */ __name((e) => props.setSeoOgDescription(e.target.value), "onChange"),
     placeholder: "Open Graph description",
     rows: 2
-  })), /* @__PURE__ */ React26__default.createElement("div", {
-    className: "space-y-1.5"
-  }, /* @__PURE__ */ React26__default.createElement(Label3, {
-    className: "text-xs"
-  }, "OG Image"), /* @__PURE__ */ React26__default.createElement(Input, {
+  })), /* @__PURE__ */ React26__default.createElement(ImageOrUrlField, {
+    label: "OG Image",
     value: props.seoOgImage,
-    onChange: /* @__PURE__ */ __name((e) => props.setSeoOgImage(e.target.value), "onChange"),
-    placeholder: "https://..."
-  })));
+    onChange: props.setSeoOgImage
+  }));
 }
 function CollapsibleSection({ title, icon: Icon2, open, onToggle, children }) {
   return /* @__PURE__ */ React26__default.createElement("div", {
@@ -25561,6 +25953,7 @@ var init_PageBuilderPage = __esm({
     init_ComponentSettings();
     init_admin_config_context();
     init_registry();
+    init_ImageOrUrlField();
     __name(createSelectable, "createSelectable");
     __name(buildEditorResolver, "buildEditorResolver");
     __name(getIcon, "getIcon");
@@ -25623,15 +26016,12 @@ function SeoSection({ values, onChange }) {
     onChange: /* @__PURE__ */ __name((e) => onChange("seoOgDescription", e.target.value), "onChange"),
     className: textareaCls,
     rows: 2
-  })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
-    className: "block text-xs font-medium text-gray-600 mb-1"
-  }, "OG Image"), /* @__PURE__ */ React.createElement("input", {
-    type: "url",
+  })), /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+    label: "OG Image",
     value: values.seoOgImage,
-    onChange: /* @__PURE__ */ __name((e) => onChange("seoOgImage", e.target.value), "onChange"),
-    placeholder: "https://...",
-    className: inputCls9
-  }))));
+    onChange: /* @__PURE__ */ __name((v) => onChange("seoOgImage", v), "onChange"),
+    inputClassName: inputCls9
+  })));
 }
 async function saveSeo(seo, slug, existingSeoId) {
   const hasSeo = seo.seoTitle || seo.seoDescription || seo.seoKeywords || seo.seoOgTitle || seo.seoOgDescription || seo.seoOgImage;
@@ -25696,6 +26086,7 @@ async function fetchSeo(seoId) {
 var init_SeoSection = __esm({
   "src/components/Admin/SeoSection.tsx"() {
     "use client";
+    init_ImageOrUrlField();
     __name(SeoSection, "SeoSection");
     __name(saveSeo, "saveSeo");
     __name(fetchSeo, "fetchSeo");
@@ -25710,6 +26101,8 @@ __export(BrandEditPage_exports, {
 function BrandEditPage({ brandId }) {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const { data: session } = useSession();
+  const vendorPortal = isVendorPortalUser(session?.user);
   const listReturnUrl = safeAdminListReturnUrl(searchParams.get("from")) ?? "/admin/brands";
   const create = isCreate(brandId);
   const dupParam = searchParams.get("duplicateFrom");
@@ -25811,6 +26204,9 @@ function BrandEditPage({ brandId }) {
         active,
         sortOrder
       };
+      if (!vendorPortal) {
+        payload.isCatalog = true;
+      }
       if (savedSeoId) payload.seoId = savedSeoId;
       const res = await fetch(create ? "/api/brands" : `/api/brands/${brandId}`, {
         method: create ? "POST" : "PUT",
@@ -25902,13 +26298,12 @@ function BrandEditPage({ brandId }) {
       onChange: /* @__PURE__ */ __name((e) => setDescription(e.target.value), "onChange"),
       className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm min-h-[80px]",
       rows: 3
-    })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
-      className: "block text-xs font-medium text-gray-600 mb-1"
-    }, "Logo URL"), /* @__PURE__ */ React.createElement("input", {
-      type: "url",
+    })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Logo",
       value: logo,
-      onChange: /* @__PURE__ */ __name((e) => setLogo(e.target.value), "onChange"),
-      className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+      onChange: setLogo,
+      previewVariant: "logo",
+      inputClassName: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
     })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
       className: "block text-xs font-medium text-gray-600 mb-1"
     }, "Sort order"), /* @__PURE__ */ React.createElement("input", {
@@ -25951,6 +26346,8 @@ var init_BrandEditPage = __esm({
     init_SeoSection();
     init_DetailPageLayout();
     init_DetailPageHeader();
+    init_vendor_scope();
+    init_ImageOrUrlField();
     isCreate = /* @__PURE__ */ __name((id) => id === "create", "isCreate");
     __name(BrandEditPage, "BrandEditPage");
   }
@@ -26858,16 +27255,38 @@ function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptio
   }, "Reserved"), /* @__PURE__ */ React.createElement("option", {
     value: "sold"
   }, "Sold"))), /* @__PURE__ */ React.createElement("td", {
-    className: "px-3 py-2 align-top"
-  }, /* @__PURE__ */ React.createElement("textarea", {
-    value: row.imageUrlsText,
-    onChange: /* @__PURE__ */ __name((e) => setVariantField(i, "imageUrlsText", e.target.value), "onChange"),
-    placeholder: "https://\u2026/black-s.jpg\nhttps://\u2026/black-back.jpg",
-    className: `${inputCls2} min-h-[72px] min-w-[220px]`,
-    rows: 3
-  }), /* @__PURE__ */ React.createElement("p", {
-    className: "mt-1 text-[11px] text-gray-500"
-  }, "One URL per line. First image is used on PDP.")), /* @__PURE__ */ React.createElement("td", {
+    className: "px-3 py-2 align-top min-w-[240px]"
+  }, (() => {
+    const lines = row.imageUrlsText === "" ? [
+      ""
+    ] : row.imageUrlsText.split("\n");
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "space-y-2"
+    }, lines.map((url, ui) => /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      key: ui,
+      label: ui === 0 ? "Images" : `Image ${ui + 1}`,
+      value: url,
+      onChange: /* @__PURE__ */ __name((v) => {
+        const next = [
+          ...lines
+        ];
+        next[ui] = v;
+        setVariantField(i, "imageUrlsText", next.join("\n"));
+      }, "onChange"),
+      inputClassName: inputCls2
+    })), /* @__PURE__ */ React.createElement("button", {
+      type: "button",
+      onClick: /* @__PURE__ */ __name(() => setVariantField(i, "imageUrlsText", [
+        ...lines,
+        ""
+      ].join("\n")), "onClick"),
+      className: "inline-flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-[11px] text-gray-700 hover:bg-gray-50"
+    }, /* @__PURE__ */ React.createElement(Plus, {
+      className: "h-3 w-3"
+    }), " Add image"), /* @__PURE__ */ React.createElement("p", {
+      className: "text-[11px] text-gray-500"
+    }, "First image is used on PDP."));
+  })()), /* @__PURE__ */ React.createElement("td", {
     className: "px-3 py-2 align-top text-right"
   }, /* @__PURE__ */ React.createElement("button", {
     type: "button",
@@ -26882,6 +27301,7 @@ var init_ProductVariantsSection = __esm({
   "src/admin/pages/ProductVariantsSection.tsx"() {
     "use client";
     init_product_variants();
+    init_ImageOrUrlField();
     labelCls2 = "block text-xs font-medium text-gray-600 mb-1";
     inputCls2 = "w-full rounded-md border border-gray-300 px-2 py-1.5 text-sm";
     sectionCls2 = "min-w-0 overflow-hidden border border-gray-200 rounded-lg p-4 bg-gray-50/50";
@@ -27077,13 +27497,16 @@ function ProductEditPage({ productId }) {
   const router = useRouter();
   const searchParams = useSearchParams();
   const { data: session } = useSession();
+  const { eventsEnabled, requireProductApproval } = useContext(AdminConfigContext);
+  const eventsOn = eventsEnabled !== false;
+  const approvalOn = requireProductApproval === true;
   const vendorPortal = isVendorPortalUser(session?.user);
   const categoryIdParam = searchParams.get("categoryId")?.trim() ?? "";
   const collectionIdParam = searchParams.get("collectionId")?.trim() ?? "";
   const eventIdParam = searchParams.get("eventId")?.trim() ?? "";
   const lockCategoryFromStore = isCreate2(productId) && /^\d+$/.test(categoryIdParam);
   const lockCollectionFromQuery = isCreate2(productId) && /^\d+$/.test(collectionIdParam);
-  const lockEventFromQuery = isCreate2(productId) && /^\d+$/.test(eventIdParam);
+  const lockEventFromQuery = eventsOn && isCreate2(productId) && /^\d+$/.test(eventIdParam);
   const listReturnUrl = safeAdminListReturnUrl(searchParams.get("from")) ?? (lockCategoryFromStore ? `/admin/products?categoryId=${categoryIdParam}` : "/admin/products");
   const create = isCreate2(productId);
   const dupParam = searchParams.get("duplicateFrom");
@@ -27114,6 +27537,11 @@ function ProductEditPage({ productId }) {
   const [compareAtPrice, setCompareAtPrice] = useState(0);
   const [quantity, setQuantity] = useState(1);
   const [status, setStatus] = useState("draft");
+  const [approvalStatus, setApprovalStatus] = useState("pending");
+  const [rejectionReason, setRejectionReason] = useState("");
+  const [rejectModalOpen, setRejectModalOpen] = useState(false);
+  const [rejectDraft, setRejectDraft] = useState("");
+  const approvalBeforeRejectRef = useRef("pending");
   const [featured, setFeatured] = useState(false);
   const [description, setDescription] = useState("");
   const [images, setImages] = useState([
@@ -27218,7 +27646,7 @@ function ProductEditPage({ productId }) {
       try {
         const [brandRes, catRes, attrRes, taxesRes, eventsRes, formsRes, refundRes] = await Promise.all([
           fetch("/api/brands?limit=500"),
-          fetch("/api/product_categories?limit=500&isCatalog=true"),
+          fetch(vendorPortal ? "/api/product_categories?limit=500" : "/api/product_categories?limit=500&isCatalog=true"),
           fetch("/api/attributes?limit=500"),
           fetch("/api/taxes?limit=200&sortField=name&sortOrder=asc"),
           fetch("/api/events?limit=200&sortField=startDate&sortOrder=desc"),
@@ -27331,6 +27759,8 @@ function ProductEditPage({ productId }) {
         setCompareAtPrice(Number.isFinite(rawCompare) ? rawCompare : 0);
         setQuantity(product.quantity ?? 1);
         setStatus(product.status ?? "draft");
+        setApprovalStatus(typeof product.approvalStatus === "string" && product.approvalStatus ? product.approvalStatus : "pending");
+        setRejectionReason(typeof product.rejectionReason === "string" ? product.rejectionReason : "");
         setFeatured(product.featured ?? false);
         setDescription((m && typeof m.description === "string" ? m.description : "") ?? "");
         const rawImages = m?.images;
@@ -27466,6 +27896,16 @@ function ProductEditPage({ productId }) {
     create,
     eventId
   ]);
+  useEffect(() => {
+    if (create && vendorPortal && approvalOn) {
+      setApprovalStatus("pending");
+      setStatus((s) => s === "available" ? "draft" : s);
+    }
+  }, [
+    create,
+    vendorPortal,
+    approvalOn
+  ]);
   useEffect(() => {
     if (!create || !name.trim()) return;
     setProductSlug(slugifyProductName(name));
@@ -27500,6 +27940,33 @@ function ProductEditPage({ productId }) {
     }
     setter(num);
   }, "handleNumberChange");
+  const openRejectModal = /* @__PURE__ */ __name((fromStatus) => {
+    approvalBeforeRejectRef.current = fromStatus === "rejected" ? "pending" : fromStatus;
+    setRejectDraft(rejectionReason);
+    setApprovalStatus("rejected");
+    setRejectModalOpen(true);
+  }, "openRejectModal");
+  const confirmRejectReason = /* @__PURE__ */ __name(() => {
+    const reason = rejectDraft.trim();
+    if (!reason) return;
+    setRejectionReason(reason);
+    setRejectModalOpen(false);
+  }, "confirmRejectReason");
+  const cancelRejectModal = /* @__PURE__ */ __name(() => {
+    if (!rejectionReason.trim()) {
+      setApprovalStatus(approvalBeforeRejectRef.current || "pending");
+    }
+    setRejectDraft(rejectionReason);
+    setRejectModalOpen(false);
+  }, "cancelRejectModal");
+  const handleApprovalSelect = /* @__PURE__ */ __name((value) => {
+    if (value === "rejected") {
+      openRejectModal(approvalStatus);
+      return;
+    }
+    setApprovalStatus(value);
+    if (value !== "rejected") setRejectionReason("");
+  }, "handleApprovalSelect");
   const handleSave = /* @__PURE__ */ __name(async () => {
     setErrors([]);
     if (!name.trim()) {
@@ -27508,6 +27975,14 @@ function ProductEditPage({ productId }) {
       ]);
       return;
     }
+    if (approvalOn && !vendorPortal && approvalStatus === "rejected" && !rejectionReason.trim()) {
+      setRejectDraft("");
+      setRejectModalOpen(true);
+      setErrors([
+        "Rejection reason is required"
+      ]);
+      return;
+    }
     if (!defaultPriceStr.trim()) {
       setErrors([
         `${pricingConfig.defaultCurrency} price is required`
@@ -27570,11 +28045,21 @@ function ProductEditPage({ productId }) {
         currencyPrices: null,
         compareAtPrice: compareAtPriceValue,
         quantity: resolvedQuantity,
-        status,
+        status: create && vendorPortal && approvalOn && status === "available" ? "draft" : status,
         featured,
         contactFormId,
         metadata
       };
+      if (approvalOn) {
+        if (vendorPortal && create) {
+          productPayload.approvalStatus = "pending";
+        } else if (!vendorPortal) {
+          productPayload.approvalStatus = approvalStatus;
+          if (approvalStatus === "rejected") {
+            productPayload.rejectionReason = rejectionReason.trim();
+          }
+        }
+      }
       const res = await fetch(create ? "/api/products" : `/api/products/${productId}`, {
         method: create ? "POST" : "PUT",
         headers: {
@@ -27596,6 +28081,15 @@ function ProductEditPage({ productId }) {
       if (typeof savedProduct.slug === "string") {
         setProductSlug(savedProduct.slug);
       }
+      if (typeof savedProduct.status === "string") {
+        setStatus(savedProduct.status);
+      }
+      if (typeof savedProduct.approvalStatus === "string") {
+        setApprovalStatus(savedProduct.approvalStatus);
+      }
+      if (approvalStatus === "approved") {
+        setRejectionReason("");
+      }
       const savedId = create ? savedProduct.id : productId;
       const savedSeoId = await saveSeo(seo, productSlugValue, seoId);
       const linkedSeoId = savedSeoId ?? savedProduct.seoId ?? null;
@@ -27796,7 +28290,7 @@ function ProductEditPage({ productId }) {
         }
         setVariantRows([]);
       }
-      if (create && eventId != null) {
+      if (create && eventsOn && eventId != null) {
         const attachRes = await fetch("/api/event_products", {
           method: "POST",
           headers: {
@@ -27901,6 +28395,27 @@ function ProductEditPage({ productId }) {
     title: pageTitle,
     subtitle: pageSubtitle,
     closeHref: listReturnUrl,
+    headerExtra: approvalOn && !vendorPortal ? /* @__PURE__ */ React.createElement("div", {
+      className: "flex items-center gap-2"
+    }, /* @__PURE__ */ React.createElement("select", {
+      value: approvalStatus,
+      onChange: /* @__PURE__ */ __name((e) => handleApprovalSelect(e.target.value), "onChange"),
+      className: "h-8 rounded-md border border-gray-600 bg-gray-900 text-white text-xs px-2 max-w-[10rem]",
+      "aria-label": "Approval status"
+    }, /* @__PURE__ */ React.createElement("option", {
+      value: "pending"
+    }, "Pending"), /* @__PURE__ */ React.createElement("option", {
+      value: "approved"
+    }, "Approve"), /* @__PURE__ */ React.createElement("option", {
+      value: "rejected"
+    }, "Reject")), approvalStatus === "rejected" ? /* @__PURE__ */ React.createElement("button", {
+      type: "button",
+      onClick: /* @__PURE__ */ __name(() => openRejectModal("rejected"), "onClick"),
+      className: "text-xs text-amber-300 hover:text-amber-200 underline underline-offset-2 max-w-[9rem] truncate",
+      title: rejectionReason || "Add rejection reason"
+    }, rejectionReason.trim() ? "Edit reason" : "Add reason") : null) : approvalOn && vendorPortal ? /* @__PURE__ */ React.createElement("span", {
+      className: "text-xs text-gray-300 capitalize hidden sm:inline"
+    }, approvalStatus.replace(/_/g, " ")) : null,
     menuItems: [
       {
         label: saving ? "Saving..." : "Save",
@@ -27913,7 +28428,31 @@ function ProductEditPage({ productId }) {
         onClick: /* @__PURE__ */ __name(() => setFeatured(!featured), "onClick")
       }
     ]
-  }), errors.length > 0 && /* @__PURE__ */ React.createElement("div", {
+  }), /* @__PURE__ */ React.createElement(Dialog, {
+    open: rejectModalOpen,
+    onOpenChange: /* @__PURE__ */ __name((open) => {
+      if (!open) cancelRejectModal();
+    }, "onOpenChange")
+  }, /* @__PURE__ */ React.createElement(DialogContent, {
+    className: "max-w-md"
+  }, /* @__PURE__ */ React.createElement(DialogHeader, null, /* @__PURE__ */ React.createElement(DialogTitle, null, "Rejection reason"), /* @__PURE__ */ React.createElement(DialogDescription, null, "Explain what the vendor needs to fix. This is required before you can save a rejected product.")), /* @__PURE__ */ React.createElement("textarea", {
+    value: rejectDraft,
+    onChange: /* @__PURE__ */ __name((e) => setRejectDraft(e.target.value), "onChange"),
+    className: "w-full min-h-[100px] rounded-md border border-gray-300 px-3 py-2 text-sm",
+    placeholder: "Explain what needs to change\u2026",
+    autoFocus: true
+  }), /* @__PURE__ */ React.createElement(DialogFooter, {
+    className: "gap-2 sm:gap-0"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    type: "button",
+    variant: "outline",
+    onClick: cancelRejectModal
+  }, "Cancel"), /* @__PURE__ */ React.createElement(Button, {
+    type: "button",
+    variant: "destructive",
+    disabled: !rejectDraft.trim(),
+    onClick: confirmRejectReason
+  }, "Confirm reject")))), errors.length > 0 && /* @__PURE__ */ React.createElement("div", {
     className: "bg-red-50 border-l-4 border-red-400 p-4 mx-6 mt-4"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex"
@@ -28036,7 +28575,7 @@ function ProductEditPage({ productId }) {
       className: "mt-1 text-xs text-gray-500"
     }, "Only collections in the selected category are listed.") : /* @__PURE__ */ React.createElement("p", {
       className: "mt-1 text-xs text-gray-500"
-    }, "Select a category to load collections.")), create ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
+    }, "Select a category to load collections.")), create && eventsOn ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
       className: labelCls3
     }, "Event"), /* @__PURE__ */ React.createElement("select", {
       value: eventId ?? "",
@@ -28132,7 +28671,8 @@ function ProductEditPage({ productId }) {
     }, "Status"), /* @__PURE__ */ React.createElement("select", {
       value: status,
       onChange: /* @__PURE__ */ __name((e) => setStatus(e.target.value), "onChange"),
-      className: inputCls3
+      className: inputCls3,
+      disabled: approvalOn && vendorPortal && (approvalStatus === "pending" || approvalStatus === "rejected")
     }, /* @__PURE__ */ React.createElement("option", {
       value: "draft"
     }, "Draft"), /* @__PURE__ */ React.createElement("option", {
@@ -28141,7 +28681,11 @@ function ProductEditPage({ productId }) {
       value: "reserved"
     }, "Reserved"), /* @__PURE__ */ React.createElement("option", {
       value: "sold"
-    }, "Sold")))))), /* @__PURE__ */ React.createElement(ProductVariantsSection, {
+    }, "Sold")), approvalOn && vendorPortal && approvalStatus === "pending" ? /* @__PURE__ */ React.createElement("p", {
+      className: "mt-1 text-xs text-gray-500"
+    }, "Waiting for admin approval. The product goes live when approved.") : null, approvalOn && vendorPortal && approvalStatus === "rejected" ? /* @__PURE__ */ React.createElement("p", {
+      className: "mt-1 text-xs text-red-600"
+    }, "Rejected", rejectionReason ? `: ${rejectionReason}` : "", ".") : null)))), /* @__PURE__ */ React.createElement(ProductVariantsSection, {
       hasVariants,
       onHasVariantsChange: setHasVariants,
       variantOptionRows,
@@ -28268,14 +28812,11 @@ function ProductEditPage({ productId }) {
       className: "flex flex-wrap items-start gap-2 p-2 bg-white rounded border border-gray-200"
     }, /* @__PURE__ */ React.createElement("div", {
       className: "flex-1 min-w-[200px]"
-    }, /* @__PURE__ */ React.createElement("label", {
-      className: labelCls3
-    }, "Image URL"), /* @__PURE__ */ React.createElement("input", {
-      type: "url",
+    }, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Image",
       value: row.url,
-      onChange: /* @__PURE__ */ __name((e) => setImage(i, "url", e.target.value), "onChange"),
-      className: inputCls3,
-      placeholder: "https://..."
+      onChange: /* @__PURE__ */ __name((v) => setImage(i, "url", v), "onChange"),
+      inputClassName: inputCls3
     })), /* @__PURE__ */ React.createElement("div", {
       className: "flex-1 min-w-[120px]"
     }, /* @__PURE__ */ React.createElement("label", {
@@ -28354,6 +28895,8 @@ var init_ProductEditPage = __esm({
     "use client";
     init_vendor_scope();
     init_admin_list_return_url();
+    init_dialog();
+    init_button();
     init_SeoSection();
     init_DetailPageLayout();
     init_DetailPageHeader();
@@ -28364,6 +28907,8 @@ var init_ProductEditPage = __esm({
     init_inventory_validation();
     init_category_item_label();
     init_use_category_collections();
+    init_ImageOrUrlField();
+    init_admin_config_context();
     init_ProductVariantsSection();
     init_product_variants();
     __name(parseCategoryIdFromReturnUrl, "parseCategoryIdFromReturnUrl");
@@ -28633,12 +29178,6 @@ function CollectionEditPage({ collectionId }) {
       ]);
       return;
     }
-    if (create && !categoryId) {
-      setErrors([
-        "Category is required"
-      ]);
-      return;
-    }
     setSaving(true);
     try {
       const savedSeoId = await saveSeo(seo, slug.trim(), seoId);
@@ -28859,14 +29398,11 @@ function CollectionEditPage({ collectionId }) {
       onChange: /* @__PURE__ */ __name((e) => setDescription(e.target.value), "onChange"),
       className: `${inputCls4} min-h-[80px]`,
       rows: 3
-    })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
-      className: labelCls4
-    }, "Cover image URL"), /* @__PURE__ */ React.createElement("input", {
-      type: "url",
+    })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Cover image",
       value: image,
-      onChange: /* @__PURE__ */ __name((e) => setImage(e.target.value), "onChange"),
-      className: inputCls4,
-      placeholder: "https://..."
+      onChange: setImage,
+      inputClassName: inputCls4
     })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
       className: labelCls4
     }, "Sort order"), /* @__PURE__ */ React.createElement("input", {
@@ -28893,17 +29429,24 @@ function CollectionEditPage({ collectionId }) {
       className: "text-xs font-medium text-gray-700 mb-2"
     }, "Hero carousel"), heroSlides.map((slide, i) => /* @__PURE__ */ React.createElement("div", {
       key: i,
-      className: "flex flex-wrap gap-2 mb-3 p-2 bg-white rounded border"
-    }, /* @__PURE__ */ React.createElement("input", {
+      className: "flex flex-wrap gap-2 mb-3 p-2 bg-white rounded border items-start"
+    }, slide.type === "image" ? /* @__PURE__ */ React.createElement("div", {
+      className: "flex-1 min-w-[200px]"
+    }, /* @__PURE__ */ React.createElement(ImageOrUrlField, {
+      label: "Slide image",
+      value: slide.url,
+      onChange: /* @__PURE__ */ __name((v) => updateHeroSlide(i, "url", v), "onChange"),
+      inputClassName: inputCls4
+    })) : /* @__PURE__ */ React.createElement("input", {
       type: "url",
       value: slide.url,
       onChange: /* @__PURE__ */ __name((e) => updateHeroSlide(i, "url", e.target.value), "onChange"),
-      placeholder: "Media URL",
+      placeholder: "Video URL",
       className: `${inputCls4} flex-1 min-w-[200px]`
     }), /* @__PURE__ */ React.createElement("select", {
       value: slide.type,
       onChange: /* @__PURE__ */ __name((e) => updateHeroSlide(i, "type", e.target.value), "onChange"),
-      className: `${inputCls4} w-24`
+      className: `${inputCls4} w-24 mt-6`
     }, /* @__PURE__ */ React.createElement("option", {
       value: "image"
     }, "Image"), /* @__PURE__ */ React.createElement("option", {
@@ -28913,11 +29456,11 @@ function CollectionEditPage({ collectionId }) {
       value: slide.caption,
       onChange: /* @__PURE__ */ __name((e) => updateHeroSlide(i, "caption", e.target.value), "onChange"),
       placeholder: "Caption",
-      className: `${inputCls4} flex-1 min-w-[120px]`
+      className: `${inputCls4} flex-1 min-w-[120px] mt-6`
     }), /* @__PURE__ */ React.createElement("button", {
       type: "button",
       onClick: /* @__PURE__ */ __name(() => removeHeroSlide(i), "onClick"),
-      className: "p-2 text-gray-400 hover:text-red-600 rounded shrink-0"
+      className: "p-2 text-gray-400 hover:text-red-600 rounded shrink-0 mt-6"
     }, /* @__PURE__ */ React.createElement(Trash2, {
       className: "h-4 w-4"
     })))), /* @__PURE__ */ React.createElement("button", {
@@ -29044,6 +29587,7 @@ var init_CollectionEditPage = __esm({
     init_use_catalog_categories();
     init_admin_config_context();
     init_category_related_product_labels();
+    init_ImageOrUrlField();
     isCreate3 = /* @__PURE__ */ __name((id) => id === "create", "isCreate");
     emptySlide = /* @__PURE__ */ __name(() => ({
       url: "",
@@ -29061,116 +29605,6 @@ var init_CollectionEditPage = __esm({
     __name(CollectionEditPage, "CollectionEditPage");
   }
 });
-function ImageOrUrlField({ label, value, onChange, placeholder = "https://\u2026", inputClassName = "w-full rounded-md border border-gray-300 px-2 py-1.5 text-sm", labelClassName = "block text-xs font-medium text-gray-600 mb-1", previewVariant = "banner", maxSizeMb = 10 }) {
-  const fileInputRef = useRef(null);
-  const [isUploading, setIsUploading] = useState(false);
-  const [error, setError] = useState(null);
-  const previewCls = previewVariant === "logo" ? "h-20 w-20 rounded-md border border-gray-200 bg-white object-contain" : "max-h-32 w-full rounded-md border border-gray-200 bg-gray-50 object-cover";
-  const handleUpload = useCallback(async (file) => {
-    setError(null);
-    if (!ACCEPTED_TYPES.includes(file.type)) {
-      setError(`Unsupported file type. Use: ${ACCEPTED_TYPES.map((t) => t.replace("image/", "")).join(", ")}`);
-      return;
-    }
-    if (file.size > maxSizeMb * 1024 * 1024) {
-      setError(`File must be under ${maxSizeMb}MB`);
-      return;
-    }
-    setIsUploading(true);
-    try {
-      const formData = new FormData();
-      formData.append("file", file);
-      const response = await fetch("/api/upload", {
-        method: "POST",
-        body: formData
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.error || data.details || "Upload failed");
-      }
-      onChange(data.filePath ?? "");
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Upload failed");
-    } finally {
-      setIsUploading(false);
-      if (fileInputRef.current) fileInputRef.current.value = "";
-    }
-  }, [
-    maxSizeMb,
-    onChange
-  ]);
-  const onFileChange = useCallback((e) => {
-    const file = e.target.files?.[0];
-    if (file) void handleUpload(file);
-  }, [
-    handleUpload
-  ]);
-  const trimmed = value.trim();
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "space-y-2"
-  }, /* @__PURE__ */ React.createElement("label", {
-    className: labelClassName
-  }, label), trimmed ? /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-start gap-3"
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: trimmed,
-    alt: label,
-    className: previewCls,
-    onError: /* @__PURE__ */ __name((e) => {
-      e.currentTarget.style.display = "none";
-    }, "onError")
-  }), /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick: /* @__PURE__ */ __name(() => onChange(""), "onClick"),
-    className: "inline-flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-600 hover:bg-gray-50"
-  }, /* @__PURE__ */ React.createElement(X, {
-    className: "h-3 w-3"
-  }), "Clear")) : null, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-wrap gap-2"
-  }, /* @__PURE__ */ React.createElement("input", {
-    type: "url",
-    value,
-    onChange: /* @__PURE__ */ __name((e) => {
-      setError(null);
-      onChange(e.target.value);
-    }, "onChange"),
-    placeholder,
-    className: `${inputClassName} min-w-0 flex-1`
-  }), /* @__PURE__ */ React.createElement("input", {
-    ref: fileInputRef,
-    type: "file",
-    accept: ACCEPTED_TYPES.join(","),
-    onChange: onFileChange,
-    className: "hidden",
-    disabled: isUploading
-  }), /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick: /* @__PURE__ */ __name(() => fileInputRef.current?.click(), "onClick"),
-    disabled: isUploading,
-    className: "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-50"
-  }, /* @__PURE__ */ React.createElement(Upload, {
-    className: "h-3.5 w-3.5"
-  }), isUploading ? "Uploading\u2026" : "Upload")), error ? /* @__PURE__ */ React.createElement("p", {
-    className: "flex items-center gap-1.5 text-xs text-red-600"
-  }, /* @__PURE__ */ React.createElement(AlertCircle, {
-    className: "h-3.5 w-3.5 shrink-0"
-  }), error) : /* @__PURE__ */ React.createElement("p", {
-    className: "text-xs text-gray-500"
-  }, "Paste a URL or upload an image (PNG, JPG, GIF, WEBP up to ", maxSizeMb, "MB)"));
-}
-var ACCEPTED_TYPES;
-var init_ImageOrUrlField = __esm({
-  "src/components/Admin/ImageOrUrlField.tsx"() {
-    "use client";
-    ACCEPTED_TYPES = [
-      "image/jpeg",
-      "image/png",
-      "image/gif",
-      "image/webp"
-    ];
-    __name(ImageOrUrlField, "ImageOrUrlField");
-  }
-});
 function AttachProductModal({ open, onOpenChange, categoryId, categoryName, excludeProductIds = [], onAttach }) {
   const [attachingId, setAttachingId] = useState(null);
   const [error, setError] = useState(null);
@@ -30115,6 +30549,10 @@ function combineCityCountry(city, country) {
 function EventEditPage({ eventId }) {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const { data: session } = useSession();
+  const { requireEventApproval } = useContext(AdminConfigContext);
+  const approvalOn = requireEventApproval === true;
+  const vendorPortal = isVendorPortalUser(session?.user);
   const listReturnUrl = safeAdminListReturnUrl(searchParams.get("from")) ?? "/admin/events";
   const create = isCreate4(eventId);
   const dupParam = searchParams.get("duplicateFrom");
@@ -30127,6 +30565,11 @@ function EventEditPage({ eventId }) {
   const [slug, setSlug] = useState("");
   const [description, setDescription] = useState("");
   const [isActive, setIsActive] = useState(true);
+  const [approvalStatus, setApprovalStatus] = useState("pending");
+  const [rejectionReason, setRejectionReason] = useState("");
+  const [rejectModalOpen, setRejectModalOpen] = useState(false);
+  const [rejectDraft, setRejectDraft] = useState("");
+  const approvalBeforeRejectRef = useRef("pending");
   const [comingSoon, setComingSoon] = useState(false);
   const [bannerImageUrl, setBannerImageUrl] = useState("");
   const [logoUrl, setLogoUrl] = useState("");
@@ -30212,6 +30655,16 @@ function EventEditPage({ eventId }) {
       cancelled = true;
     };
   }, []);
+  useEffect(() => {
+    if (create && vendorPortal && approvalOn) {
+      setApprovalStatus("pending");
+      setIsActive(false);
+    }
+  }, [
+    create,
+    vendorPortal,
+    approvalOn
+  ]);
   useEffect(() => {
     let cancelled = false;
     (async () => {
@@ -30233,6 +30686,8 @@ function EventEditPage({ eventId }) {
         setSlug(data.slug ?? "");
         setDescription(data.description ?? "");
         setIsActive(data.isActive ?? true);
+        setApprovalStatus(typeof data.approvalStatus === "string" && data.approvalStatus ? data.approvalStatus : "pending");
+        setRejectionReason(typeof data.rejectionReason === "string" ? data.rejectionReason : "");
         setComingSoon(data.comingSoon ?? false);
         setBannerImageUrl(data.bannerImageUrl ?? "");
         setLogoUrl(data.logoUrl ?? "");
@@ -30344,11 +30799,11 @@ function EventEditPage({ eventId }) {
       setErrors(nextErrors);
       return null;
     }
-    return {
+    const payload = {
       name: name.trim(),
       slug: slug.trim(),
       description: description.trim() || null,
-      isActive,
+      isActive: create && vendorPortal && approvalOn ? false : isActive,
       comingSoon,
       bannerImageUrl: bannerImageUrl.trim() || null,
       logoUrl: logoUrl.trim() || null,
@@ -30386,9 +30841,55 @@ function EventEditPage({ eventId }) {
       sortOrder,
       contactFormId
     };
+    if (approvalOn) {
+      if (vendorPortal && create) {
+        payload.approvalStatus = "pending";
+      } else if (!vendorPortal) {
+        payload.approvalStatus = approvalStatus;
+        if (approvalStatus === "rejected") {
+          payload.rejectionReason = rejectionReason.trim();
+        }
+      }
+    }
+    return payload;
   }, "buildPayload");
+  const openRejectModal = /* @__PURE__ */ __name((fromStatus) => {
+    approvalBeforeRejectRef.current = fromStatus === "rejected" ? "pending" : fromStatus;
+    setRejectDraft(rejectionReason);
+    setApprovalStatus("rejected");
+    setRejectModalOpen(true);
+  }, "openRejectModal");
+  const confirmRejectReason = /* @__PURE__ */ __name(() => {
+    const reason = rejectDraft.trim();
+    if (!reason) return;
+    setRejectionReason(reason);
+    setRejectModalOpen(false);
+  }, "confirmRejectReason");
+  const cancelRejectModal = /* @__PURE__ */ __name(() => {
+    if (!rejectionReason.trim()) {
+      setApprovalStatus(approvalBeforeRejectRef.current || "pending");
+    }
+    setRejectDraft(rejectionReason);
+    setRejectModalOpen(false);
+  }, "cancelRejectModal");
+  const handleApprovalSelect = /* @__PURE__ */ __name((value) => {
+    if (value === "rejected") {
+      openRejectModal(approvalStatus);
+      return;
+    }
+    setApprovalStatus(value);
+    if (value !== "rejected") setRejectionReason("");
+  }, "handleApprovalSelect");
   const handleSave = /* @__PURE__ */ __name(async () => {
     setErrors([]);
+    if (approvalOn && !vendorPortal && approvalStatus === "rejected" && !rejectionReason.trim()) {
+      setRejectDraft("");
+      setRejectModalOpen(true);
+      setErrors([
+        "Rejection reason is required"
+      ]);
+      return;
+    }
     const payload = buildPayload();
     if (!payload) return;
     setSaving(true);
@@ -30408,6 +30909,9 @@ function EventEditPage({ eventId }) {
         return;
       }
       const saved = await res.json();
+      if (typeof saved.isActive === "boolean") setIsActive(saved.isActive);
+      if (typeof saved.approvalStatus === "string") setApprovalStatus(saved.approvalStatus);
+      if (approvalStatus === "approved") setRejectionReason("");
       const savedId = create ? saved.id : Number(eventId);
       if (savedId != null && !Number.isNaN(savedId)) {
         router.push(`/admin/events/${savedId}/edit?from=${encodeURIComponent(listReturnUrl)}`);
@@ -30470,19 +30974,66 @@ function EventEditPage({ eventId }) {
     title: create ? "Add event" : "Edit event",
     subtitle: create ? "Create a new event" : "Update event details and tickets",
     closeHref: listReturnUrl,
+    headerExtra: approvalOn && !vendorPortal ? /* @__PURE__ */ React.createElement("div", {
+      className: "flex items-center gap-2"
+    }, /* @__PURE__ */ React.createElement("select", {
+      value: approvalStatus,
+      onChange: /* @__PURE__ */ __name((e) => handleApprovalSelect(e.target.value), "onChange"),
+      className: "h-8 rounded-md border border-gray-600 bg-gray-900 text-white text-xs px-2 max-w-[10rem]",
+      "aria-label": "Approval status"
+    }, /* @__PURE__ */ React.createElement("option", {
+      value: "pending"
+    }, "Pending"), /* @__PURE__ */ React.createElement("option", {
+      value: "approved"
+    }, "Approve"), /* @__PURE__ */ React.createElement("option", {
+      value: "rejected"
+    }, "Reject")), approvalStatus === "rejected" ? /* @__PURE__ */ React.createElement("button", {
+      type: "button",
+      onClick: /* @__PURE__ */ __name(() => openRejectModal("rejected"), "onClick"),
+      className: "text-xs text-amber-300 hover:text-amber-200 underline underline-offset-2 max-w-[9rem] truncate",
+      title: rejectionReason || "Add rejection reason"
+    }, rejectionReason.trim() ? "Edit reason" : "Add reason") : null) : approvalOn && vendorPortal ? /* @__PURE__ */ React.createElement("span", {
+      className: "text-xs text-gray-300 capitalize hidden sm:inline"
+    }, approvalStatus.replace(/_/g, " "), approvalStatus === "rejected" && rejectionReason ? ` \u2014 ${rejectionReason}` : "") : null,
     menuItems: [
       {
         label: saving ? "Saving..." : "Save",
         icon: Save,
         onClick: handleSave
       },
-      {
-        label: isActive ? "Deactivate" : "Activate",
-        icon: Power,
-        onClick: /* @__PURE__ */ __name(() => setIsActive(!isActive), "onClick")
-      }
+      ...approvalOn && vendorPortal && (approvalStatus === "pending" || approvalStatus === "rejected") ? [] : [
+        {
+          label: isActive ? "Deactivate" : "Activate",
+          icon: Power,
+          onClick: /* @__PURE__ */ __name(() => setIsActive(!isActive), "onClick")
+        }
+      ]
     ]
-  }), !create && logoUrl.trim() ? /* @__PURE__ */ React.createElement("div", {
+  }), /* @__PURE__ */ React.createElement(Dialog, {
+    open: rejectModalOpen,
+    onOpenChange: /* @__PURE__ */ __name((open) => {
+      if (!open) cancelRejectModal();
+    }, "onOpenChange")
+  }, /* @__PURE__ */ React.createElement(DialogContent, {
+    className: "max-w-md"
+  }, /* @__PURE__ */ React.createElement(DialogHeader, null, /* @__PURE__ */ React.createElement(DialogTitle, null, "Rejection reason"), /* @__PURE__ */ React.createElement(DialogDescription, null, "Explain what the vendor needs to fix. This is required before you can save a rejected event.")), /* @__PURE__ */ React.createElement("textarea", {
+    value: rejectDraft,
+    onChange: /* @__PURE__ */ __name((e) => setRejectDraft(e.target.value), "onChange"),
+    className: "w-full min-h-[100px] rounded-md border border-gray-300 px-3 py-2 text-sm",
+    placeholder: "Explain what needs to change\u2026",
+    autoFocus: true
+  }), /* @__PURE__ */ React.createElement(DialogFooter, {
+    className: "gap-2 sm:gap-0"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    type: "button",
+    variant: "outline",
+    onClick: cancelRejectModal
+  }, "Cancel"), /* @__PURE__ */ React.createElement(Button, {
+    type: "button",
+    variant: "destructive",
+    disabled: !rejectDraft.trim(),
+    onClick: confirmRejectReason
+  }, "Confirm reject")))), !create && logoUrl.trim() ? /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3 px-4 sm:px-6 py-3 border-b border-gray-100 bg-gray-50/80"
   }, /* @__PURE__ */ React.createElement("img", {
     src: logoUrl.trim(),
@@ -30841,11 +31392,15 @@ var init_EventEditPage = __esm({
   "src/admin/pages/EventEditPage.tsx"() {
     "use client";
     init_admin_list_return_url();
+    init_vendor_scope();
     init_DetailPageLayout();
     init_DetailPageHeader();
     init_ImageOrUrlField();
     init_JoditRichText();
     init_EventProductsSection();
+    init_admin_config_context();
+    init_dialog();
+    init_button();
     init_EventManagementFields();
     init_event_named_lists();
     init_social_media_links();
@@ -30921,6 +31476,8 @@ async function validateComboProductInventory(productIds) {
 function ComboEditPage({ comboId }) {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const { eventsEnabled } = useContext(AdminConfigContext);
+  const eventsOn = eventsEnabled !== false;
   const listReturnUrl = safeAdminListReturnUrl(searchParams.get("from")) ?? "/admin/combos";
   const create = isCreate5(comboId);
   const duplicateFrom = searchParams.get("duplicateFrom")?.trim();
@@ -30942,8 +31499,9 @@ function ComboEditPage({ comboId }) {
   const [productOptions, setProductOptions] = useState([]);
   const [fixedItems, setFixedItems] = useState([]);
   const [addonItems, setAddonItems] = useState([]);
+  const canPickProducts = !eventsOn || Boolean(eventId);
   useEffect(() => {
-    if (!eventId) {
+    if (!eventsOn || !eventId) {
       setDefaultCurrency("INR");
       return;
     }
@@ -30955,9 +31513,14 @@ function ComboEditPage({ comboId }) {
       cancelled = true;
     };
   }, [
-    eventId
+    eventId,
+    eventsOn
   ]);
   useEffect(() => {
+    if (!eventsOn) {
+      setEventOptions([]);
+      return;
+    }
     let cancelled = false;
     (async () => {
       try {
@@ -30977,45 +31540,63 @@ function ComboEditPage({ comboId }) {
     return () => {
       cancelled = true;
     };
-  }, []);
+  }, [
+    eventsOn
+  ]);
   useEffect(() => {
-    if (!eventId) {
-      setProductOptions([]);
-      return;
-    }
     let cancelled = false;
     (async () => {
       try {
-        const res2 = await fetch(`/api/event_products?eventId=${eventId}&limit=500`);
-        if (res2.ok) {
+        if (eventsOn) {
+          if (!eventId) {
+            setProductOptions([]);
+            return;
+          }
+          const res2 = await fetch(`/api/event_products?eventId=${eventId}&limit=500`);
+          if (!res2.ok) return;
           const data = await res2.json();
-          if (!cancelled && Array.isArray(data.data)) {
-            const productIds = data.data.map((ep) => ep.productId).filter(Boolean);
-            if (productIds.length > 0) {
-              const prodRes = await fetch(`/api/products?ids=${productIds.join(",")}&limit=500`);
-              if (prodRes.ok) {
-                const prodData = await prodRes.json();
-                if (!cancelled && Array.isArray(prodData.data)) {
-                  const fetched = prodData.data.map((p) => ({
-                    value: String(p.id),
-                    label: p.name ?? p.title ?? `Product #${p.id}`
-                  }));
-                  setProductOptions((prev) => {
-                    const merged = [
-                      ...fetched
-                    ];
-                    for (const p of prev) {
-                      if (!merged.some((m) => m.value === p.value)) merged.push(p);
-                    }
-                    return merged;
-                  });
-                }
-              }
-            } else {
-              setProductOptions([]);
-            }
+          if (cancelled || !Array.isArray(data.data)) return;
+          const productIds = data.data.map((ep) => ep.productId).filter(Boolean);
+          if (productIds.length === 0) {
+            setProductOptions([]);
+            return;
           }
+          const prodRes2 = await fetch(`/api/products?ids=${productIds.join(",")}&limit=500`);
+          if (!prodRes2.ok) return;
+          const prodData2 = await prodRes2.json();
+          if (cancelled || !Array.isArray(prodData2.data)) return;
+          const fetched2 = prodData2.data.map((p) => ({
+            value: String(p.id),
+            label: p.name ?? p.title ?? `Product #${p.id}`
+          }));
+          setProductOptions((prev) => {
+            const merged = [
+              ...fetched2
+            ];
+            for (const p of prev) {
+              if (!merged.some((m) => m.value === p.value)) merged.push(p);
+            }
+            return merged;
+          });
+          return;
         }
+        const prodRes = await fetch("/api/products?limit=500&sortField=name&sortOrder=asc");
+        if (!prodRes.ok) return;
+        const prodData = await prodRes.json();
+        if (cancelled || !Array.isArray(prodData.data)) return;
+        const fetched = prodData.data.map((p) => ({
+          value: String(p.id),
+          label: p.name ?? p.title ?? `Product #${p.id}`
+        }));
+        setProductOptions((prev) => {
+          const merged = [
+            ...fetched
+          ];
+          for (const p of prev) {
+            if (!merged.some((m) => m.value === p.value)) merged.push(p);
+          }
+          return merged;
+        });
       } catch {
       }
     })();
@@ -31023,7 +31604,8 @@ function ComboEditPage({ comboId }) {
       cancelled = true;
     };
   }, [
-    eventId
+    eventId,
+    eventsOn
   ]);
   useEffect(() => {
     let cancelled = false;
@@ -31134,7 +31716,7 @@ function ComboEditPage({ comboId }) {
       ]);
       return;
     }
-    if (!trimmedEventId || !/^\d+$/.test(trimmedEventId)) {
+    if (eventsOn && (!trimmedEventId || !/^\d+$/.test(trimmedEventId))) {
       setErrors([
         "Event is required"
       ]);
@@ -31193,10 +31775,11 @@ function ComboEditPage({ comboId }) {
     }
     setSaving(true);
     try {
+      const resolvedEventId = trimmedEventId && /^\d+$/.test(trimmedEventId) ? Number(trimmedEventId) : null;
       const payload = {
         name: trimmedName,
         desc: desc || null,
-        eventId: Number(trimmedEventId),
+        eventId: resolvedEventId,
         price,
         currencyPrices: null,
         minSelectableItems,
@@ -31290,7 +31873,7 @@ function ComboEditPage({ comboId }) {
       value: desc,
       onChange: /* @__PURE__ */ __name((e) => setDesc(e.target.value), "onChange"),
       className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm min-h-[100px]"
-    })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
+    })), eventsOn ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
       className: "block text-xs font-medium text-gray-600 mb-1"
     }, "Event *"), /* @__PURE__ */ React.createElement("select", {
       value: eventId,
@@ -31305,7 +31888,7 @@ function ComboEditPage({ comboId }) {
     }, "Select event"), eventOptions.map((o) => /* @__PURE__ */ React.createElement("option", {
       key: o.value,
       value: o.value
-    }, o.label)))))), eventId && /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", {
+    }, o.label)))) : null)), canPickProducts && /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", {
       className: "text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2"
     }, "Combo items"), /* @__PURE__ */ React.createElement("div", {
       className: "min-w-0 overflow-hidden border border-gray-200 rounded-lg p-4 bg-gray-50/50 space-y-5"
@@ -31373,11 +31956,11 @@ function ComboEditPage({ comboId }) {
       step: "0.01",
       value: priceStr,
       onChange: /* @__PURE__ */ __name((e) => setPriceStr(e.target.value), "onChange"),
-      disabled: !eventId,
+      disabled: !canPickProducts,
       className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm disabled:bg-gray-100"
     }), /* @__PURE__ */ React.createElement("p", {
       className: "text-xs text-gray-400 mt-1"
-    }, eventId ? "Other currencies use the event\u2019s supported currencies and exchange rates." : "Select an event to set the combo price.")), /* @__PURE__ */ React.createElement("div", {
+    }, eventsOn ? eventId ? "Other currencies use the event\u2019s supported currencies and exchange rates." : "Select an event to set the combo price." : "Price uses the store default currency (INR unless configured otherwise).")), /* @__PURE__ */ React.createElement("div", {
       className: "grid grid-cols-2 gap-4"
     }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
       className: "block text-xs font-medium text-gray-600 mb-1"
@@ -31443,6 +32026,7 @@ var init_ComboEditPage = __esm({
     init_DetailPageLayout();
     init_DetailPageHeader();
     init_inventory_validation();
+    init_admin_config_context();
     isCreate5 = /* @__PURE__ */ __name((id) => id === "create", "isCreate");
     __name(formatDateTimeLocal, "formatDateTimeLocal");
     __name(fetchEventDefaultCurrency, "fetchEventDefaultCurrency");
@@ -32277,9 +32861,9 @@ var VendorCategoryWorkspacePage_exports = {};
 __export(VendorCategoryWorkspacePage_exports, {
   default: () => VendorCategoryWorkspacePage
 });
-function buildAdminProductColumns(base, multiVendorEnabled, eventsEnabled) {
+function buildAdminProductColumns(base, showVendorColumn, eventsEnabled) {
   const extraColumns = [
-    ...multiVendorEnabled ? [
+    ...showVendorColumn ? [
       VENDOR_EXTRA_COLUMN
     ] : [],
     ...eventsEnabled ? [
@@ -32298,9 +32882,9 @@ function buildAdminProductColumns(base, multiVendorEnabled, eventsEnabled) {
     ...cols.slice(nameIdx + 1)
   ];
 }
-function buildAllProductColumns(base, multiVendorEnabled, eventsEnabled) {
+function buildAllProductColumns(base, showVendorColumn, eventsEnabled) {
   const extraColumns = [
-    ...multiVendorEnabled ? [
+    ...showVendorColumn ? [
       VENDOR_EXTRA_COLUMN
     ] : [],
     ...eventsEnabled ? [
@@ -32350,7 +32934,8 @@ function VendorCategoryWorkspacePage() {
   const workspaceFrom = activeCategoryId ? `/admin/products?categoryId=${activeCategoryId}` : "/admin/products";
   const itemLabel = activeCategory ? categorySingularName(activeCategory.name) : "Product";
   const productColumns2 = useMemo(() => {
-    const base = showAllProducts ? buildAllProductColumns(STORE_CRUD_CONFIGS.products.columns, multiVendorEnabled !== false, eventsEnabled !== false) : buildAdminProductColumns(STORE_CRUD_CONFIGS.products.columns, multiVendorEnabled !== false, eventsEnabled !== false);
+    const showVendorColumn = multiVendorEnabled !== false && !vendorPortal;
+    const base = showAllProducts ? buildAllProductColumns(STORE_CRUD_CONFIGS.products.columns, showVendorColumn, eventsEnabled !== false) : buildAdminProductColumns(STORE_CRUD_CONFIGS.products.columns, showVendorColumn, eventsEnabled !== false);
     return withCollectionRelationApi(base, activeCategoryId, vendorPortal);
   }, [
     vendorPortal,
@@ -33676,7 +34261,7 @@ function CustomerPicker({ value, label, onChange }) {
     className: "text-xs text-gray-400 shrink-0 truncate"
   }, c.email ?? ""))))));
 }
-function ConditionCard({ condition, onChange, onRemove }) {
+function ConditionCard({ condition, onChange, onRemove, eventsOn }) {
   const iconMap = {
     minAmount: /* @__PURE__ */ React.createElement(DollarSign, {
       className: "h-3.5 w-3.5 text-blue-500"
@@ -33732,7 +34317,7 @@ function ConditionCard({ condition, onChange, onRemove }) {
     value: "minQuantity"
   }, "Minimum quantity"), /* @__PURE__ */ React.createElement(SelectItem, {
     value: "productMinQuantity"
-  }, "Product"), /* @__PURE__ */ React.createElement(SelectItem, {
+  }, "Product"), (eventsOn || condition.kind === "events") && /* @__PURE__ */ React.createElement(SelectItem, {
     value: "events"
   }, "Events"), /* @__PURE__ */ React.createElement(SelectItem, {
     value: "nthOrder"
@@ -33966,11 +34551,13 @@ function RewardCard({ reward, onChange, onRemove, discountType, discountValue, e
   })));
 }
 function DiscountConditionsBuilder({ rules, onChange, discountType = "PERCENTAGE", discountValue = "" }) {
+  const { eventsEnabled } = useContext(AdminConfigContext);
+  const eventsOn = eventsEnabled !== false;
   const parsed = ruleTreeToFriendly(rules);
   const [groups, setGroups] = useState(parsed.groups);
   const [groupOperator, setGroupOperator] = useState(parsed.groupOperator);
   const [rewards, setRewards] = useState(parsed.rewards);
-  const rewardEventId = groups.flatMap((g) => g.conditions).find((c) => c.kind === "events" && c.eventId != null)?.eventId ?? null;
+  const rewardEventId = eventsOn ? groups.flatMap((g) => g.conditions).find((c) => c.kind === "events" && c.eventId != null)?.eventId ?? null : null;
   useEffect(() => {
     const missingNameIds = [];
     for (const g of groups) {
@@ -34207,7 +34794,8 @@ function DiscountConditionsBuilder({ rules, onChange, discountType = "PERCENTAGE
   })), /* @__PURE__ */ React.createElement(ConditionCard, {
     condition: c,
     onChange: /* @__PURE__ */ __name((updated) => updateCondition(group.id, c.id, updated), "onChange"),
-    onRemove: /* @__PURE__ */ __name(() => removeCondition(group.id, c.id), "onRemove")
+    onRemove: /* @__PURE__ */ __name(() => removeCondition(group.id, c.id), "onRemove"),
+    eventsOn
   })))), /* @__PURE__ */ React.createElement(Button, {
     type: "button",
     variant: "outline",
@@ -34270,6 +34858,7 @@ var init_DiscountsConditionsBuilder = __esm({
     "use client";
     init_button();
     init_select();
+    init_admin_config_context();
     __name(uid, "uid");
     __name(conditionToRule, "conditionToRule");
     __name(rewardToRule, "rewardToRule");
@@ -36451,7 +37040,7 @@ function AdminPageResolver({ slug }) {
   const searchParams = useSearchParams();
   const { data: session } = useSession();
   const vendorPortal = isVendorPortalUser(session?.user);
-  const { customCrudConfigs, storeEnabled, multiVendorEnabled, eventsEnabled } = useContext(AdminConfigContext);
+  const { customCrudConfigs, storeEnabled, multiVendorEnabled, eventsEnabled, vendorCanCreateCategories, vendorCanCreateCollections, vendorCanCreateBrands, requireProductApproval, requireEventApproval } = useContext(AdminConfigContext);
   const key = slug?.[0] || "dashboard";
   const [vendorOptions, setVendorOptions] = useState([]);
   useEffect(() => {
@@ -36485,6 +37074,11 @@ function AdminPageResolver({ slug }) {
       columns = columns.filter((column) => column.field !== "eventId" && column.field !== "eventName");
       filters = filters.filter((filter) => filter.param !== "eventId");
     }
+    const showApprovalColumn = key === "products" && requireProductApproval === true || key === "events" && requireEventApproval === true;
+    if (!showApprovalColumn) {
+      columns = columns.filter((column) => column.field !== "approvalStatus");
+      filters = filters.filter((filter) => filter.param !== "approvalStatus");
+    }
     if (multiVendorEnabled !== false && !vendorPortal && STORE_VENDOR_RESOURCES.has(key) && key !== "event_products" && !columns.some((c) => c.field === "vendorId")) {
       columns = [
         VENDOR_COLUMN2,
@@ -36522,7 +37116,9 @@ function AdminPageResolver({ slug }) {
     vendorOptions,
     vendorPortal,
     multiVendorEnabled,
-    eventsEnabled
+    eventsEnabled,
+    requireProductApproval,
+    requireEventApproval
   ]);
   const isContactsWithStore = key === "contacts" && storeEnabled;
   const extraListParams = useMemo(() => isContactsWithStore ? {
@@ -36636,7 +37232,27 @@ function AdminPageResolver({ slug }) {
       className: "ml-2"
     }, "Redirecting\u2026"));
   }
-  if (vendorPortal && key === "product_categories") {
+  if (vendorPortal && key === "product_categories" && vendorCanCreateCategories !== true) {
+    router.replace("/admin/products");
+    return /* @__PURE__ */ React26__default.createElement("div", {
+      className: "flex justify-center py-8"
+    }, /* @__PURE__ */ React26__default.createElement("div", {
+      className: "animate-spin rounded-full h-6 w-6 border-2 border-gray-300 border-t-gray-600"
+    }), /* @__PURE__ */ React26__default.createElement("span", {
+      className: "ml-2"
+    }, "Redirecting\u2026"));
+  }
+  if (vendorPortal && key === "collections" && vendorCanCreateCollections !== true) {
+    router.replace("/admin/products");
+    return /* @__PURE__ */ React26__default.createElement("div", {
+      className: "flex justify-center py-8"
+    }, /* @__PURE__ */ React26__default.createElement("div", {
+      className: "animate-spin rounded-full h-6 w-6 border-2 border-gray-300 border-t-gray-600"
+    }), /* @__PURE__ */ React26__default.createElement("span", {
+      className: "ml-2"
+    }, "Redirecting\u2026"));
+  }
+  if (vendorPortal && key === "brands" && vendorCanCreateBrands !== true) {
     router.replace("/admin/products");
     return /* @__PURE__ */ React26__default.createElement("div", {
       className: "flex justify-center py-8"