@infuro/cms-core 1.0.42 → 1.0.44

package/dist/admin.cjs

@@ -492,7 +492,7 @@ var init_admin_config_context = __esm({
 var CMS_VERSION;
 var init_cms_version = __esm({
   "src/lib/cms-version.ts"() {
-    CMS_VERSION = "1.0.42" ;
+    CMS_VERSION = "1.0.44" ;
   }
 });
 function useCatalogCategories(enabled = true) {
@@ -6708,9 +6708,10 @@ var init_CategoryAutocomplete = __esm({
     __name(CategoryAutocomplete, "CategoryAutocomplete");
   }
 });
-function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select author...", className = "" }) {
+function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select author...", className = "", groupName = ADMIN_GROUP_NAME }) {
   const [inputValue, setInputValue] = React26.useState("");
   const [suggestions, setSuggestions] = React26.useState([]);
+  const [selectedUser, setSelectedUser] = React26.useState(null);
   const [isLoading, setIsLoading] = React26.useState(false);
   const [showSuggestions, setShowSuggestions] = React26.useState(false);
   const inputRef = React26.useRef(null);
@@ -6719,14 +6720,18 @@ function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select
     setIsLoading(true);
     try {
       const params = new URLSearchParams();
-      if (query.trim()) {
-        params.append("search", query);
-      }
+      if (query.trim()) params.append("search", query);
       params.append("limit", "50");
+      const group = groupName.trim() || ADMIN_GROUP_NAME;
+      params.append("groupName", group);
       const response = await fetch(`/api/users?${params}`);
       if (response.ok) {
         const data = await response.json();
-        setSuggestions(data.data || []);
+        const rows = Array.isArray(data.data) ? data.data : [];
+        setSuggestions(rows.filter((u) => {
+          const g = u.group?.name;
+          return g == null || g === group;
+        }));
       }
     } catch (error) {
       console.error("Error fetching users:", error);
@@ -6740,28 +6745,57 @@ function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select
     }, 300);
     return () => clearTimeout(timeoutId);
   }, [
-    inputValue
+    inputValue,
+    groupName
+  ]);
+  React26.useEffect(() => {
+    if (selectedUserId == null) {
+      setSelectedUser(null);
+      return;
+    }
+    if (selectedUser?.id === selectedUserId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await fetch(`/api/users/${selectedUserId}`);
+        if (!res.ok || cancelled) return;
+        const data = await res.json();
+        if (!cancelled && data?.id != null) {
+          setSelectedUser({
+            id: Number(data.id),
+            name: String(data.name ?? ""),
+            email: String(data.email ?? "")
+          });
+        }
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    selectedUserId,
+    selectedUser?.id
   ]);
   const handleInputChange = /* @__PURE__ */ __name((e) => {
-    const value = e.target.value;
-    setInputValue(value);
+    setInputValue(e.target.value);
     setShowSuggestions(true);
   }, "handleInputChange");
   const handleSuggestionSelect = /* @__PURE__ */ __name((user) => {
     onUserChange(user.id);
+    setSelectedUser(user);
     setInputValue("");
     setShowSuggestions(false);
     setSuggestions([]);
   }, "handleSuggestionSelect");
   const handleRemoveUser = /* @__PURE__ */ __name(() => {
     onUserChange(null);
+    setSelectedUser(null);
   }, "handleRemoveUser");
   const handleKeyPress = /* @__PURE__ */ __name((e) => {
     if (e.key === "Enter") {
       e.preventDefault();
-      if (suggestions.length > 0) {
-        handleSuggestionSelect(suggestions[0]);
-      }
+      if (suggestions.length > 0) handleSuggestionSelect(suggestions[0]);
     } else if (e.key === "Escape") {
       setShowSuggestions(false);
       inputRef.current?.blur();
@@ -6776,14 +6810,13 @@ function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const selectedUser = suggestions.find((user) => user.id === selectedUserId);
   return /* @__PURE__ */ React.createElement("div", {
     className: `relative ${className}`
   }, selectedUser && /* @__PURE__ */ React.createElement("div", {
     className: "mb-2"
   }, /* @__PURE__ */ React.createElement(Badge, {
     className: "flex items-center gap-1"
-  }, selectedUser.name, /* @__PURE__ */ React.createElement(LucideIcons.X, {
+  }, selectedUser.name || selectedUser.email || `User #${selectedUser.id}`, /* @__PURE__ */ React.createElement(LucideIcons.X, {
     size: 12,
     className: "cursor-pointer hover:text-red-500",
     onClick: handleRemoveUser
@@ -6827,6 +6860,7 @@ var init_UserAutocomplete = __esm({
     "use client";
     init_input();
     init_badge();
+    init_permission_entities();
     __name(UserAutocomplete, "UserAutocomplete");
   }
 });
@@ -7257,7 +7291,8 @@ function BlogEditor({ existingBlog, duplicateSource }) {
     selectedUserId: authorId,
     onUserChange: setAuthorId,
     placeholder: "Select author...",
-    className: "w-full"
+    className: "w-full",
+    groupName: "Administrator"
   })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ImageUpload, {
     value: coverImage,
     onChange: setCoverImage,
@@ -13991,7 +14026,11 @@ function ScheduleAuthorSelect({ value, onChange, disabled }) {
     (async () => {
       setLoading(true);
       try {
-        const res = await fetch("/api/users?limit=500");
+        const params = new URLSearchParams({
+          limit: "100",
+          groupName: ADMIN_GROUP_NAME
+        });
+        const res = await fetch(`/api/users?${params}`);
         if (!res.ok || cancelled) return;
         const data = await res.json();
         const rows = Array.isArray(data.data) ? data.data : [];
@@ -14024,7 +14063,7 @@ function ScheduleAuthorSelect({ value, onChange, disabled }) {
   }, /* @__PURE__ */ React.createElement(SelectTrigger, {
     className: "w-full"
   }, /* @__PURE__ */ React.createElement(SelectValue, {
-    placeholder: users.length === 0 ? "No users found" : "Select author"
+    placeholder: users.length === 0 ? "No administrators found" : "Select author"
   })), /* @__PURE__ */ React.createElement(SelectContent, {
     className: "max-h-72"
   }, users.map((u) => /* @__PURE__ */ React.createElement(SelectItem, {
@@ -14036,6 +14075,7 @@ var init_ScheduleAuthorSelect = __esm({
   "src/admin/ScheduleAuthorSelect.tsx"() {
     "use client";
     init_select();
+    init_permission_entities();
     __name(userLabel, "userLabel");
     __name(ScheduleAuthorSelect, "ScheduleAuthorSelect");
   }
@@ -27043,7 +27083,7 @@ function variantsFromForm(rows, defaultCurrency) {
     };
   }).filter((row) => row != null);
 }
-function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptionRows, onVariantOptionRowsChange, variantRows, onVariantRowsChange, defaultCurrency, currencySymbol: currencySymbol3 }) {
+function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptionRows, onVariantOptionRowsChange, variantRows, onVariantRowsChange, defaultCurrency, currencySymbol: currencySymbol3, lockVariantStatus = false }) {
   const parsedOptions = variantOptionsFromForm(variantOptionRows);
   const baseCurrency = defaultCurrency.trim().toUpperCase() || "INR";
   const setOptionName = /* @__PURE__ */ __name((index, value) => {
@@ -27278,9 +27318,11 @@ function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptio
   })), /* @__PURE__ */ React.createElement("td", {
     className: "px-3 py-2 align-top"
   }, /* @__PURE__ */ React.createElement("select", {
-    value: row.status,
+    value: lockVariantStatus ? "draft" : row.status,
     onChange: /* @__PURE__ */ __name((e) => setVariantField(i, "status", e.target.value), "onChange"),
-    className: inputCls2
+    className: inputCls2,
+    disabled: lockVariantStatus,
+    title: lockVariantStatus ? "Variant status stays draft until the product is approved" : void 0
   }, /* @__PURE__ */ React.createElement("option", {
     value: "draft"
   }, "Draft"), /* @__PURE__ */ React.createElement("option", {
@@ -27289,7 +27331,9 @@ function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptio
     value: "reserved"
   }, "Reserved"), /* @__PURE__ */ React.createElement("option", {
     value: "sold"
-  }, "Sold"))), /* @__PURE__ */ React.createElement("td", {
+  }, "Sold")), lockVariantStatus ? /* @__PURE__ */ React.createElement("p", {
+    className: "mt-1 text-[11px] text-gray-500"
+  }, "Locked until product approval") : null), /* @__PURE__ */ React.createElement("td", {
     className: "px-3 py-2 align-top min-w-[240px]"
   }, (() => {
     const lines = row.imageUrlsText === "" ? [
@@ -27464,13 +27508,14 @@ function apiVariantsToDrafts(rows, _defaultCurrency) {
     };
   });
 }
-async function syncProductVariants(productId, drafts) {
+async function syncProductVariants(productId, drafts, productStatus) {
   const listRes = await fetch(`/api/product_variants?productId=${productId}&limit=500`);
   const listData = listRes.ok ? await listRes.json() : {
     data: []
   };
   const existing = Array.isArray(listData.data) ? listData.data : [];
   const wantedIds = new Set(drafts.filter((d) => d.id != null).map((d) => d.id));
+  const forceDraft = productStatus !== "available";
   for (const row of existing) {
     if (!wantedIds.has(row.id)) {
       const del = await fetch(`/api/product_variants/${row.id}`, {
@@ -27480,6 +27525,7 @@ async function syncProductVariants(productId, drafts) {
     }
   }
   for (const draft of drafts) {
+    const nextStatus = forceDraft ? "draft" : draft.status === "reserved" || draft.status === "sold" ? draft.status : "available";
     const payload = {
       productId,
       sku: draft.sku,
@@ -27487,7 +27533,7 @@ async function syncProductVariants(productId, drafts) {
       compareAtPrice: draft.compareAtPrice,
       currencyPrices: null,
       inventory: draft.inventory,
-      status: draft.status,
+      status: nextStatus,
       attributes: draft.attributes,
       imageUrls: draft.imageUrls.length ? draft.imageUrls : null
     };
@@ -28302,7 +28348,7 @@ function ProductEditPage({ productId }) {
         }
       }
       if (hasVariants) {
-        const variantErr = await syncProductVariants(Number(savedId), variantsFromForm(variantRows, pricingConfig.defaultCurrency));
+        const variantErr = await syncProductVariants(Number(savedId), variantsFromForm(variantRows, pricingConfig.defaultCurrency), String(savedProduct.status ?? status));
         if (variantErr) {
           setErrors([
             variantErr
@@ -28316,7 +28362,7 @@ function ProductEditPage({ productId }) {
           setVariantRows(variantsToForm(apiVariantsToDrafts(reloadRows, pricingConfig.defaultCurrency), pricingConfig.defaultCurrency));
         }
       } else {
-        const variantErr = await syncProductVariants(Number(savedId), []);
+        const variantErr = await syncProductVariants(Number(savedId), [], String(savedProduct.status ?? status));
         if (variantErr) {
           setErrors([
             variantErr
@@ -28728,7 +28774,8 @@ function ProductEditPage({ productId }) {
       variantRows,
       onVariantRowsChange: setVariantRows,
       defaultCurrency: pricingConfig.defaultCurrency,
-      currencySymbol: defaultCurrencySymbol
+      currencySymbol: defaultCurrencySymbol,
+      lockVariantStatus: vendorPortal && (status !== "available" || approvalOn && approvalStatus !== "approved")
     }), /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", {
       className: "text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2"
     }, "Taxes & Policy"), /* @__PURE__ */ React.createElement("p", {

package/dist/admin.d.cts

@@ -407,8 +407,10 @@ interface UserAutocompleteProps {
     onUserChange: (userId: number | null) => void;
     placeholder?: string;
     className?: string;
+    /** When set, only users in this group are listed (default: Administrator / super admins). */
+    groupName?: string;
 }
-declare function UserAutocomplete({ selectedUserId, onUserChange, placeholder, className }: UserAutocompleteProps): react_jsx_runtime.JSX.Element;
+declare function UserAutocomplete({ selectedUserId, onUserChange, placeholder, className, groupName, }: UserAutocompleteProps): react_jsx_runtime.JSX.Element;
 
 interface ComponentSettingsProps {
     meta: ComponentMeta;

package/dist/admin.d.ts

@@ -407,8 +407,10 @@ interface UserAutocompleteProps {
     onUserChange: (userId: number | null) => void;
     placeholder?: string;
     className?: string;
+    /** When set, only users in this group are listed (default: Administrator / super admins). */
+    groupName?: string;
 }
-declare function UserAutocomplete({ selectedUserId, onUserChange, placeholder, className }: UserAutocompleteProps): react_jsx_runtime.JSX.Element;
+declare function UserAutocomplete({ selectedUserId, onUserChange, placeholder, className, groupName, }: UserAutocompleteProps): react_jsx_runtime.JSX.Element;
 
 interface ComponentSettingsProps {
     meta: ComponentMeta;

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.42" ;
+    CMS_VERSION = "1.0.44" ;
   }
 });
 function useCatalogCategories(enabled = true) {
@@ -6673,9 +6673,10 @@ var init_CategoryAutocomplete = __esm({
     __name(CategoryAutocomplete, "CategoryAutocomplete");
   }
 });
-function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select author...", className = "" }) {
+function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select author...", className = "", groupName = ADMIN_GROUP_NAME }) {
   const [inputValue, setInputValue] = useState("");
   const [suggestions, setSuggestions] = useState([]);
+  const [selectedUser, setSelectedUser] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
   const [showSuggestions, setShowSuggestions] = useState(false);
   const inputRef = useRef(null);
@@ -6684,14 +6685,18 @@ function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select
     setIsLoading(true);
     try {
       const params = new URLSearchParams();
-      if (query.trim()) {
-        params.append("search", query);
-      }
+      if (query.trim()) params.append("search", query);
       params.append("limit", "50");
+      const group = groupName.trim() || ADMIN_GROUP_NAME;
+      params.append("groupName", group);
       const response = await fetch(`/api/users?${params}`);
       if (response.ok) {
         const data = await response.json();
-        setSuggestions(data.data || []);
+        const rows = Array.isArray(data.data) ? data.data : [];
+        setSuggestions(rows.filter((u) => {
+          const g = u.group?.name;
+          return g == null || g === group;
+        }));
       }
     } catch (error) {
       console.error("Error fetching users:", error);
@@ -6705,28 +6710,57 @@ function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select
     }, 300);
     return () => clearTimeout(timeoutId);
   }, [
-    inputValue
+    inputValue,
+    groupName
+  ]);
+  useEffect(() => {
+    if (selectedUserId == null) {
+      setSelectedUser(null);
+      return;
+    }
+    if (selectedUser?.id === selectedUserId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await fetch(`/api/users/${selectedUserId}`);
+        if (!res.ok || cancelled) return;
+        const data = await res.json();
+        if (!cancelled && data?.id != null) {
+          setSelectedUser({
+            id: Number(data.id),
+            name: String(data.name ?? ""),
+            email: String(data.email ?? "")
+          });
+        }
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    selectedUserId,
+    selectedUser?.id
   ]);
   const handleInputChange = /* @__PURE__ */ __name((e) => {
-    const value = e.target.value;
-    setInputValue(value);
+    setInputValue(e.target.value);
     setShowSuggestions(true);
   }, "handleInputChange");
   const handleSuggestionSelect = /* @__PURE__ */ __name((user) => {
     onUserChange(user.id);
+    setSelectedUser(user);
     setInputValue("");
     setShowSuggestions(false);
     setSuggestions([]);
   }, "handleSuggestionSelect");
   const handleRemoveUser = /* @__PURE__ */ __name(() => {
     onUserChange(null);
+    setSelectedUser(null);
   }, "handleRemoveUser");
   const handleKeyPress = /* @__PURE__ */ __name((e) => {
     if (e.key === "Enter") {
       e.preventDefault();
-      if (suggestions.length > 0) {
-        handleSuggestionSelect(suggestions[0]);
-      }
+      if (suggestions.length > 0) handleSuggestionSelect(suggestions[0]);
     } else if (e.key === "Escape") {
       setShowSuggestions(false);
       inputRef.current?.blur();
@@ -6741,14 +6775,13 @@ function UserAutocomplete({ selectedUserId, onUserChange, placeholder = "Select
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const selectedUser = suggestions.find((user) => user.id === selectedUserId);
   return /* @__PURE__ */ React.createElement("div", {
     className: `relative ${className}`
   }, selectedUser && /* @__PURE__ */ React.createElement("div", {
     className: "mb-2"
   }, /* @__PURE__ */ React.createElement(Badge, {
     className: "flex items-center gap-1"
-  }, selectedUser.name, /* @__PURE__ */ React.createElement(X, {
+  }, selectedUser.name || selectedUser.email || `User #${selectedUser.id}`, /* @__PURE__ */ React.createElement(X, {
     size: 12,
     className: "cursor-pointer hover:text-red-500",
     onClick: handleRemoveUser
@@ -6792,6 +6825,7 @@ var init_UserAutocomplete = __esm({
     "use client";
     init_input();
     init_badge();
+    init_permission_entities();
     __name(UserAutocomplete, "UserAutocomplete");
   }
 });
@@ -7222,7 +7256,8 @@ function BlogEditor({ existingBlog, duplicateSource }) {
     selectedUserId: authorId,
     onUserChange: setAuthorId,
     placeholder: "Select author...",
-    className: "w-full"
+    className: "w-full",
+    groupName: "Administrator"
   })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ImageUpload, {
     value: coverImage,
     onChange: setCoverImage,
@@ -13956,7 +13991,11 @@ function ScheduleAuthorSelect({ value, onChange, disabled }) {
     (async () => {
       setLoading(true);
       try {
-        const res = await fetch("/api/users?limit=500");
+        const params = new URLSearchParams({
+          limit: "100",
+          groupName: ADMIN_GROUP_NAME
+        });
+        const res = await fetch(`/api/users?${params}`);
         if (!res.ok || cancelled) return;
         const data = await res.json();
         const rows = Array.isArray(data.data) ? data.data : [];
@@ -13989,7 +14028,7 @@ function ScheduleAuthorSelect({ value, onChange, disabled }) {
   }, /* @__PURE__ */ React.createElement(SelectTrigger, {
     className: "w-full"
   }, /* @__PURE__ */ React.createElement(SelectValue, {
-    placeholder: users.length === 0 ? "No users found" : "Select author"
+    placeholder: users.length === 0 ? "No administrators found" : "Select author"
   })), /* @__PURE__ */ React.createElement(SelectContent, {
     className: "max-h-72"
   }, users.map((u) => /* @__PURE__ */ React.createElement(SelectItem, {
@@ -14001,6 +14040,7 @@ var init_ScheduleAuthorSelect = __esm({
   "src/admin/ScheduleAuthorSelect.tsx"() {
     "use client";
     init_select();
+    init_permission_entities();
     __name(userLabel, "userLabel");
     __name(ScheduleAuthorSelect, "ScheduleAuthorSelect");
   }
@@ -27008,7 +27048,7 @@ function variantsFromForm(rows, defaultCurrency) {
     };
   }).filter((row) => row != null);
 }
-function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptionRows, onVariantOptionRowsChange, variantRows, onVariantRowsChange, defaultCurrency, currencySymbol: currencySymbol3 }) {
+function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptionRows, onVariantOptionRowsChange, variantRows, onVariantRowsChange, defaultCurrency, currencySymbol: currencySymbol3, lockVariantStatus = false }) {
   const parsedOptions = variantOptionsFromForm(variantOptionRows);
   const baseCurrency = defaultCurrency.trim().toUpperCase() || "INR";
   const setOptionName = /* @__PURE__ */ __name((index, value) => {
@@ -27243,9 +27283,11 @@ function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptio
   })), /* @__PURE__ */ React.createElement("td", {
     className: "px-3 py-2 align-top"
   }, /* @__PURE__ */ React.createElement("select", {
-    value: row.status,
+    value: lockVariantStatus ? "draft" : row.status,
     onChange: /* @__PURE__ */ __name((e) => setVariantField(i, "status", e.target.value), "onChange"),
-    className: inputCls2
+    className: inputCls2,
+    disabled: lockVariantStatus,
+    title: lockVariantStatus ? "Variant status stays draft until the product is approved" : void 0
   }, /* @__PURE__ */ React.createElement("option", {
     value: "draft"
   }, "Draft"), /* @__PURE__ */ React.createElement("option", {
@@ -27254,7 +27296,9 @@ function ProductVariantsSection({ hasVariants, onHasVariantsChange, variantOptio
     value: "reserved"
   }, "Reserved"), /* @__PURE__ */ React.createElement("option", {
     value: "sold"
-  }, "Sold"))), /* @__PURE__ */ React.createElement("td", {
+  }, "Sold")), lockVariantStatus ? /* @__PURE__ */ React.createElement("p", {
+    className: "mt-1 text-[11px] text-gray-500"
+  }, "Locked until product approval") : null), /* @__PURE__ */ React.createElement("td", {
     className: "px-3 py-2 align-top min-w-[240px]"
   }, (() => {
     const lines = row.imageUrlsText === "" ? [
@@ -27429,13 +27473,14 @@ function apiVariantsToDrafts(rows, _defaultCurrency) {
     };
   });
 }
-async function syncProductVariants(productId, drafts) {
+async function syncProductVariants(productId, drafts, productStatus) {
   const listRes = await fetch(`/api/product_variants?productId=${productId}&limit=500`);
   const listData = listRes.ok ? await listRes.json() : {
     data: []
   };
   const existing = Array.isArray(listData.data) ? listData.data : [];
   const wantedIds = new Set(drafts.filter((d) => d.id != null).map((d) => d.id));
+  const forceDraft = productStatus !== "available";
   for (const row of existing) {
     if (!wantedIds.has(row.id)) {
       const del = await fetch(`/api/product_variants/${row.id}`, {
@@ -27445,6 +27490,7 @@ async function syncProductVariants(productId, drafts) {
     }
   }
   for (const draft of drafts) {
+    const nextStatus = forceDraft ? "draft" : draft.status === "reserved" || draft.status === "sold" ? draft.status : "available";
     const payload = {
       productId,
       sku: draft.sku,
@@ -27452,7 +27498,7 @@ async function syncProductVariants(productId, drafts) {
       compareAtPrice: draft.compareAtPrice,
       currencyPrices: null,
       inventory: draft.inventory,
-      status: draft.status,
+      status: nextStatus,
       attributes: draft.attributes,
       imageUrls: draft.imageUrls.length ? draft.imageUrls : null
     };
@@ -28267,7 +28313,7 @@ function ProductEditPage({ productId }) {
         }
       }
       if (hasVariants) {
-        const variantErr = await syncProductVariants(Number(savedId), variantsFromForm(variantRows, pricingConfig.defaultCurrency));
+        const variantErr = await syncProductVariants(Number(savedId), variantsFromForm(variantRows, pricingConfig.defaultCurrency), String(savedProduct.status ?? status));
         if (variantErr) {
           setErrors([
             variantErr
@@ -28281,7 +28327,7 @@ function ProductEditPage({ productId }) {
           setVariantRows(variantsToForm(apiVariantsToDrafts(reloadRows, pricingConfig.defaultCurrency), pricingConfig.defaultCurrency));
         }
       } else {
-        const variantErr = await syncProductVariants(Number(savedId), []);
+        const variantErr = await syncProductVariants(Number(savedId), [], String(savedProduct.status ?? status));
         if (variantErr) {
           setErrors([
             variantErr
@@ -28693,7 +28739,8 @@ function ProductEditPage({ productId }) {
       variantRows,
       onVariantRowsChange: setVariantRows,
       defaultCurrency: pricingConfig.defaultCurrency,
-      currencySymbol: defaultCurrencySymbol
+      currencySymbol: defaultCurrencySymbol,
+      lockVariantStatus: vendorPortal && (status !== "available" || approvalOn && approvalStatus !== "approved")
     }), /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", {
       className: "text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2"
     }, "Taxes & Policy"), /* @__PURE__ */ React.createElement("p", {