Standardize product fields to snake_case

Refactor: convert product-related fields from camelCase to snake_case across models, components and payload transformer to match API naming. Add warehouses models and WarehousesService and wire warehouseOptions into product workspace and general tab. Extend ProductResponse with richer types (units, part_origin, oem_codes, equivalents, applications, suppliers, created_at/updated_at) and adjust nullable/primitives (active, pricing, inventory). Also minor fixes: select equality check, promotional date nullability, and validation/payload mapping updates to use snake_case.

Author: aledguedes

src/app/core/models/products/product-create.model.ts

@@ -3,14 +3,14 @@ import { DSelectOption } from '../design-system/select-option.model';
 
 /** Estado interno do formulário de criação (campos do POST) */
 export interface ProductCreateFormState {
-  categoryId: string;
-  manufacturerId: string;
-  partOriginId: string;
-  unitId: string;
-  internalCode: string;
+  category_id: string;
+  manufacturer_id: string;
+  part_origin_id: string;
+  unit_id: string;
+  internal_code: string;
   barcode: string;
   name: string;
-  shortDescription: string;
+  short_description: string;
   description: string;
   weight: number;
   height: number;
@@ -21,14 +21,14 @@ export interface ProductCreateFormState {
 
 export function defaultProductCreateFormState(): ProductCreateFormState {
   return {
-    categoryId: '',
-    manufacturerId: '',
-    partOriginId: '',
-    unitId: '',
-    internalCode: '',
+    category_id: '',
+    manufacturer_id: '',
+    part_origin_id: '',
+    unit_id: '',
+    internal_code: '',
     barcode: '',
     name: '',
-    shortDescription: '',
+    short_description: '',
     description: '',
     weight: 0,
     height: 0,
@@ -42,7 +42,7 @@ export function createFormToGeneralSource(state: ProductCreateFormState): Produc
   return {
     ...state,
     slug: '',
-    statusId: '',
+    status_id: '',
     active: true,
   };
 }
@@ -69,15 +69,15 @@ export interface CreateProductPayload {
 export interface ProductGeneralFormData {
   name: string;
   slug: string;
-  shortDescription: string;
+  short_description: string;
   description: string;
-  categoryId: string;
-  manufacturerId: string;
-  partOriginId: string;
-  statusId: string;
-  internalCode: string;
+  category_id: string;
+  manufacturer_id: string;
+  part_origin_id: string;
+  status_id: string;
+  internal_code: string;
   barcode: string;
-  unitId: string;
+  unit_id: string;
   weight: number;
   height: number;
   width: number;
@@ -94,20 +94,21 @@ export interface ProductGeneralFormOptions {
   partOriginOptions: DSelectOption[];
   unitOptions: DSelectOption[];
   statusOptions: DSelectOption[];
+  warehouseOptions: DSelectOption[];
 }
 
 export interface ProductGeneralFormSource {
   name: string;
   slug: string;
-  shortDescription: string;
+  short_description: string;
   description: string;
-  categoryId: string;
-  manufacturerId: string;
-  partOriginId: string;
-  statusId: string;
-  internalCode: string;
+  category_id: string;
+  manufacturer_id: string;
+  part_origin_id: string;
+  status_id: string;
+  internal_code: string;
   barcode: string;
-  unitId: string;
+  unit_id: string;
   weight: number;
   height: number;
   width: number;
@@ -120,15 +121,15 @@ export function toProductGeneralFormData(source: ProductGeneralFormSource): Prod
   return {
     name: source.name,
     slug: source.slug,
-    shortDescription: source.shortDescription,
+    short_description: source.short_description,
     description: source.description,
-    categoryId: source.categoryId,
-    manufacturerId: source.manufacturerId,
-    partOriginId: source.partOriginId,
-    statusId: source.statusId,
-    internalCode: source.internalCode,
+    category_id: source.category_id,
+    manufacturer_id: source.manufacturer_id,
+    part_origin_id: source.part_origin_id,
+    status_id: source.status_id,
+    internal_code: source.internal_code,
     barcode: source.barcode,
-    unitId: source.unitId,
+    unit_id: source.unit_id,
     weight: source.weight,
     height: source.height,
     width: source.width,
@@ -140,14 +141,14 @@ export function toProductGeneralFormData(source: ProductGeneralFormSource): Prod
 
 export function toCreateProductPayload(source: ProductGeneralFormSource): CreateProductPayload {
   return {
-    category_id: source.categoryId,
-    manufacturer_id: source.manufacturerId,
-    part_origin_id: source.partOriginId,
-    unit_id: source.unitId,
-    internal_code: source.internalCode,
+    category_id: source.category_id,
+    manufacturer_id: source.manufacturer_id,
+    part_origin_id: source.part_origin_id,
+    unit_id: source.unit_id,
+    internal_code: source.internal_code,
     barcode: source.barcode,
     name: source.name,
-    short_description: source.shortDescription,
+    short_description: source.short_description,
     description: source.description,
     weight: source.weight,
     height: source.height,

src/app/core/models/products/product-form-state.model.ts

@@ -4,7 +4,7 @@ export interface ProductFormState {
   category_id: string;
   manufacturer_id: string;
   unit: string;
-  status_id: string;
+  unit_id: string;
   slug: string;
   description: string;
 

src/app/core/models/products/product-request.model.ts

@@ -79,7 +79,7 @@ export interface UpdateProductPayload {
   category_id?: string | null;
   manufacturer_id?: string | null;
   part_origin_id?: string | null;
-  status_id?: string | null;
+  unit_id?: string | null;
 
   internal_code?: string | null;
   barcode?: string | null;

src/app/core/models/products/product-response.model.ts

@@ -1,25 +1,51 @@
+import {
+  OemCodeItem,
+  SupplierItem,
+} from '../../../features/catalog/models/product-workspace.model';
+
 export interface ProductResponse extends Record<string, unknown> {
   id: string;
+
   status: Status;
   category: Category;
   manufacturer: Category;
+  part_origin: PartOrigin | null;
+  unit: Unit | null;
+
   internal_code: string;
+  barcode: string | null;
+
   name: string;
   slug: string;
-  icon: null;
-  image: null;
-  short_description: string;
+
+  icon: string | null;
+  image: string | null;
+
+  short_description: string | null;
   description: string;
+
   weight: string;
   height: string;
   width: string;
   length: string;
+
   featured: boolean;
-  active: number;
+  active: boolean;
+
   is_sellable: boolean;
   commercial_status: string;
-  pricing: Pricing;
-  inventory: Inventory;
+
+  pricing: Pricing | null;
+
+  inventory: Inventory | null;
+
+  oem_codes: OemCodeItem[];
+  equivalents: SupplierItem[];
+  applications: VehicleApplication[];
+  suppliers: SupplierItem[];
+
+  created_at: string;
+  updated_at: string;
 }
 
 export interface Inventory {
@@ -63,3 +89,66 @@ export interface Status {
   color: string;
   icon: string;
 }
+
+export interface OemCode {
+  id: string;
+  code: string;
+  is_main: boolean;
+  manufacturer: Category;
+  manufacturer_code: string;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface EquivalentProduct {
+  id: string;
+  type: string;
+  reference_code: string;
+  manufacturer: Category;
+  manufacturer_code: string;
+  is_main: boolean;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface VehicleApplication {
+  id: string;
+  manufacturer: string;
+  model: string;
+  year_from: number;
+  year_to: number | null;
+  engine: string | null;
+  details: string | null;
+  created_at: string;
+  updated_at: string;
+}
+
+// export interface Supplier {
+//   id: string;
+//   name: string;
+//   code: string | null;
+//   cost_price: number;
+//   delivery_time_days: number | null;
+//   minimum_order_quantity: number;
+//   active: boolean;
+//   created_at: string;
+//   updated_at: string;
+// }
+
+export interface Unit {
+  id: string;
+  code: string;
+  name: string;
+  abbreviation: string;
+  is_base: boolean;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface PartOrigin {
+  id: string;
+  name: string;
+  code: string;
+  created_at: string;
+  updated_at: string;
+}

src/app/core/models/warehouses/warehouse-options.model.ts

@@ -0,0 +1,12 @@
+export interface WarehouseOptionsResponse {
+  success: boolean;
+  message: string;
+  data: WarehouseOption[];
+}
+
+export interface WarehouseOption {
+  id: string;
+  label: string;
+  description: string;
+  icon: string;
+}

src/app/core/models/warehouses/warehouses.interface.ts

@@ -0,0 +1,25 @@
+import { HttpClient } from '@angular/common/http';
+import { inject, Injectable } from '@angular/core';
+import { PaginatedResponse } from '../models/pagination/pagination.model';
+import { environment } from '../../../environments/environment';
+import { WarehouseOptionsResponse } from '../models/warehouses/warehouse-options.model';
+import { GeneralOptionQuery } from '../models/generals/general-option-query.model';
+import { buildHttpParams } from './build-http-params';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class WarehousesService {
+  private http = inject(HttpClient);
+  private api = environment.apiUrl;
+  private flag = 'warehouses';
+
+  getAll() {
+    return this.http.get<PaginatedResponse<WarehouseOptionsResponse>>(`${this.api}/${this.flag}`);
+  }
+
+  getOptions(filters: GeneralOptionQuery) {
+    const params = buildHttpParams(filters);
+    return this.http.get<WarehouseOptionsResponse>(`${this.api}/${this.flag}/options`, { params });
+  }
+}

src/app/core/services/warehouses-service.ts

@@ -53,7 +53,11 @@ export function toNullableDate(val: unknown): string | null {
 }
 
 function hasPromotionalPrice(promotionalPrice: number | null): boolean {
-  return promotionalPrice !== null && promotionalPrice !== undefined && String(promotionalPrice).trim() !== '';
+  return (
+    promotionalPrice !== null &&
+    promotionalPrice !== undefined &&
+    String(promotionalPrice).trim() !== ''
+  );
 }
 
 function buildPriceBlock(state: ProductFormState) {
@@ -81,7 +85,7 @@ function buildProductRoot(state: ProductFormState) {
   return {
     category_id: toNullableString(state.category_id),
     manufacturer_id: toNullableString(state.manufacturer_id),
-    status_id: toNullableString(state.status_id),
+    unit_id: toNullableString(state.unit_id),
     internal_code: toNullableString(state.internal_code),
     name: toNullableString(state.name),
     slug: toNullableString(state.slug),
@@ -151,8 +155,8 @@ export function validateProductForm(
   if (!state.unit) {
     errs['unit_id'] = 'Selecione a unidade de medida.';
   }
-  if (!state.status_id) {
-    errs['status_id'] = 'Selecione o status do produto.';
+  if (!state.unit_id) {
+    errs['unit_id'] = 'Selecione o status do produto.';
   }
 
   if (isCreateFlow) {

src/app/core/utils/product-payload.transformer.ts

@@ -24,7 +24,7 @@
       <option
         [value]="option.value"
         [disabled]="option.disabled"
-        [selected]="option.value === value()"
+        [selected]="option.value == value()"
       >
         {{ option.label }}
       </option>

src/app/design-system/select/select.html

@@ -4,17 +4,15 @@ import { InputComponent } from '../../../../../design-system/input/input';
 @Component({
   selector: 'app-product-commercial-tab',
   standalone: true,
-  imports: [
-    InputComponent
-  ],
+  imports: [InputComponent],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './commercial-tab.html'
+  templateUrl: './commercial-tab.html',
 })
 export class ProductCommercialTabComponent {
   readonly formPrice = input<number>(0);
   readonly formPromotionalPrice = input<number | null>(null);
-  readonly formPromotionStartDate = input<string>('');
-  readonly formPromotionEndDate = input<string>('');
+  readonly formPromotionStartDate = input<string | null>(null);
+  readonly formPromotionEndDate = input<string | null>(null);
   readonly formIsInvoiced = input<boolean>(true);
 
   readonly isReadOnly = input<boolean>(false);