Update ProductVariantName components "name" form field into "variantName" (#2903)

src/products/components/ProductStocks/ProductStocks.tsx

@@ -131,6 +131,16 @@ const ProductStocks: React.FC<ProductStocksProps> = ({
     }
   };
 
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    onFormDataChange(e);
+    onFormDataChange({
+      target: {
+        name: "variantName",
+        value: e.target.value,
+      },
+    });
+  };
+
   return (
     <Card>
       <CardTitle title={intl.formatMessage(messages.title)} />
@@ -143,7 +153,7 @@ const ProductStocks: React.FC<ProductStocksProps> = ({
             helperText={getProductErrorMessage(formErrors.sku, intl)}
             label={intl.formatMessage(messages.sku)}
             name="sku"
-            onChange={onFormDataChange}
+            onChange={handleChange}
             value={data.sku}
           />
         </div>

src/products/components/ProductVariantCreatePage/ProductVariantCreatePage.tsx

@@ -198,7 +198,7 @@ const ProductVariantCreatePage: React.FC<ProductVariantCreatePageProps> = ({
               </div>
               <div>
                 <ProductVariantName
-                  value={data.name}
+                  value={data.variantName}
                   onChange={change}
                   errors={errors}
                 />

src/products/components/ProductVariantCreatePage/form.tsx

@@ -68,7 +68,7 @@ export interface ProductVariantCreateFormData extends MetadataFormData {
   hasPreorderEndDate: boolean;
   quantityLimitPerCustomer: number | null;
   preorderEndDateTime?: string;
-  name: string;
+  variantName: string;
 }
 export interface ProductVariantCreateData extends ProductVariantCreateFormData {
   attributes: AttributeInput[];
@@ -141,7 +141,7 @@ const initial: ProductVariantCreateFormData = {
   hasPreorderEndDate: false,
   preorderEndDateTime: "",
   quantityLimitPerCustomer: null,
-  name: "",
+  variantName: "",
 };
 
 function useProductVariantCreateForm(

src/products/components/ProductVariantName/ProductVariantName.tsx

@@ -33,7 +33,7 @@ const ProductVariantName: React.FC<ProductVariantNameProps> = ({
       />
       <CardContent>
         <TextField
-          name="name"
+          name="variantName"
           value={value}
           label={intl.formatMessage(commonMessages.name)}
           onChange={onChange}

src/products/components/ProductVariantPage/ProductVariantPage.tsx

@@ -260,7 +260,7 @@ const ProductVariantPage: React.FC<ProductVariantPageProps> = ({
                   </div>
                   <div>
                     <ProductVariantName
-                      value={data.name}
+                      value={data.variantName}
                       onChange={change}
                       disabled={loading}
                       errors={errors}

src/products/components/ProductVariantPage/form.tsx

@@ -78,7 +78,7 @@ export interface ProductVariantUpdateFormData extends MetadataFormData {
   quantityLimitPerCustomer: number | null;
   hasPreorderEndDate: boolean;
   preorderEndDateTime?: string;
-  name: string;
+  variantName: string;
   media: string[];
 }
 export interface ProductVariantUpdateData extends ProductVariantUpdateFormData {
@@ -193,7 +193,7 @@ function useProductVariantUpdateForm(
     preorderEndDateTime: variant?.preorder?.endDate,
     weight: variant?.weight?.value.toString() || "",
     quantityLimitPerCustomer: variant?.quantityLimitPerCustomer || null,
-    name: variant?.name ?? "",
+    variantName: variant?.name ?? "",
     media: variant?.media?.map(({ id }) => id) || [],
   };
 

src/products/utils/validation.ts

@@ -40,4 +40,4 @@ export const validateProductCreateData = (data: ProductCreateData) => {
 export const validateVariantData = (
   data: ProductVariantCreateData | ProductVariantUpdateSubmitData,
 ): ProductErrorWithAttributesFragment[] =>
-  !data.name ? [createEmptyRequiredError("name")] : [];
+  !data.variantName ? [createEmptyRequiredError("variantName")] : [];

src/products/views/ProductVariant/ProductVariant.tsx

@@ -230,7 +230,7 @@ export const ProductVariant: React.FC<ProductUpdateProps> = ({
           : null,
         weight: weight(data.weight),
         firstValues: 10,
-        name: data.name,
+        name: data.variantName,
       },
     });
 

src/products/views/ProductVariantCreate.tsx

@@ -124,7 +124,7 @@ export const ProductVariant: React.FC<ProductVariantCreateProps> = ({
           }),
           product: productId,
           sku: formData.sku,
-          name: formData.name,
+          name: formData.variantName,
           stocks: formData.stocks.map(stock => ({
             quantity: parseInt(stock.value, 10) || 0,
             warehouse: stock.id,