cabloy 5.1.127 → 5.1.129

package/vona/pnpm-lock.yaml

@@ -16,7 +16,7 @@ overrides:
   zod: npm:@cabloy/zod@4.3.8
 
 patchedDependencies:
-  zova-core@5.1.81: ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce
+  zova-core@5.1.82: ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce
 
 importers:
 
@@ -561,11 +561,11 @@ importers:
         specifier: npm:@cabloy/zod@4.3.8
         version: '@cabloy/zod@4.3.8'
       zova:
-        specifier: ^5.1.144
-        version: 5.1.144(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
+        specifier: ^5.1.145
+        version: 5.1.145(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
       zova-jsx:
-        specifier: ^1.1.81
-        version: 1.1.81(typescript@5.9.3)
+        specifier: ^1.1.82
+        version: 1.1.82(typescript@5.9.3)
       zova-module-a-api:
         specifier: ^5.1.21
         version: 5.1.21
@@ -594,8 +594,8 @@ importers:
         specifier: ^5.1.47
         version: 5.1.47
       zova-module-a-pay:
-        specifier: ^5.0.2
-        version: 5.0.2
+        specifier: ^5.0.3
+        version: 5.0.3
       zova-module-a-router:
         specifier: ^5.1.31
         version: 5.1.31
@@ -639,11 +639,11 @@ importers:
         specifier: npm:@cabloy/zod@4.3.8
         version: '@cabloy/zod@4.3.8'
       zova:
-        specifier: ^5.1.144
-        version: 5.1.144(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
+        specifier: ^5.1.145
+        version: 5.1.145(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
       zova-jsx:
-        specifier: ^1.1.81
-        version: 1.1.81(typescript@5.9.3)
+        specifier: ^1.1.82
+        version: 1.1.82(typescript@5.9.3)
       zova-module-a-api:
         specifier: ^5.1.21
         version: 5.1.21
@@ -672,8 +672,8 @@ importers:
         specifier: ^5.1.47
         version: 5.1.47
       zova-module-a-pay:
-        specifier: ^5.0.2
-        version: 5.0.2
+        specifier: ^5.0.3
+        version: 5.0.3
       zova-module-a-router:
         specifier: ^5.1.31
         version: 5.1.31
@@ -1834,16 +1834,16 @@ importers:
   src/suite-vendor/a-pay:
     dependencies:
       vona-module-a-pay:
-        specifier: ^5.0.3
+        specifier: ^5.0.4
         version: link:modules/a-pay
       vona-module-pay-mock:
-        specifier: ^5.0.3
+        specifier: ^5.0.4
         version: link:modules/pay-mock
       vona-module-pay-paypal:
-        specifier: ^5.0.3
+        specifier: ^5.0.4
         version: link:modules/pay-paypal
       vona-module-pay-stripe:
-        specifier: ^5.0.3
+        specifier: ^5.0.4
         version: link:modules/pay-stripe
 
   src/suite-vendor/a-pay/modules/a-pay:
@@ -1922,7 +1922,7 @@ importers:
         specifier: ^5.0.8
         version: link:modules/test-file
       vona-module-test-pay:
-        specifier: ^5.0.2
+        specifier: ^5.0.3
         version: link:modules/test-pay
 
   src/suite-vendor/a-test/modules/test-auth:
@@ -8565,9 +8565,15 @@ packages:
   zova-core@5.1.81:
     resolution: {integrity: sha512-gLmLWXpd9xNmc+fXx33QEgRZ2ZsNjRlVWDC1HEQLLnq3ZCakDf87qXhfdk+JH5csS2BjGAdckfmbiLqGL15o1Q==}
 
+  zova-core@5.1.82:
+    resolution: {integrity: sha512-JAcdG5SYI+QqzCsynfe3GKYcx7MZIWhi8icA85yL8JL28cZOziP+p+PsWRZPKnk/f9lReBVsv5uyQWYvD6ydPQ==}
+
   zova-jsx@1.1.81:
     resolution: {integrity: sha512-WVUc4DYsVcjPfcfWgFY2vQbiK8ARIwv2K6o6Auyqvts/vSfJ7BCzD4XqCVHANVY5yJ8povdJUzpiCIAhioWRkg==}
 
+  zova-jsx@1.1.82:
+    resolution: {integrity: sha512-Ri3skPn7JtP4n2hwChJzdtY+Z9FX/UsFZtm63dD5xZ0czAejNEgJJiEWpXlVhaXaNbgdes5WLkgpMmJGSvMoWg==}
+
   zova-module-a-api@5.1.21:
     resolution: {integrity: sha512-qjm/hfjC4/+7Ap/uzJfBzV0PwRlp2idEmEKwCZYxquaXq6QtJBbTWTznw1iukT4lkJZip2KFkjOvXTzdvZA2UA==}
 
@@ -8616,6 +8622,9 @@ packages:
   zova-module-a-pay@5.0.2:
     resolution: {integrity: sha512-BOKkM7R//Kju54PhZxnyJ0O8gHnyKrwxXpAAr85wJurHQAl3NIsdRwINj+i+hIe3Btc+UJmi/H1kpg0d3YuoZQ==}
 
+  zova-module-a-pay@5.0.3:
+    resolution: {integrity: sha512-W2UZ0ojYk9q3P4i3ByXxhTCc2cZmegsdV61lKWY4vp/ZA3fuLntIewD2ENdWWIIzXKH00exEQcssjFmj444xcA==}
+
   zova-module-a-router@5.1.31:
     resolution: {integrity: sha512-bTtj3JmJKGZwUYwWpsuhigXYseYab/gOmT18WyNw0KetZGY03Y+JnU74oidrK1KtIY384+my1ZQefBlbIZjNeg==}
 
@@ -8646,6 +8655,9 @@ packages:
   zova-module-a-zova@5.1.96:
     resolution: {integrity: sha512-lP6LgzbrSlHBqyA1QhMZ66B0DQBLcXcEcWBh3zESFnhFzbomlfABjG+cnju5ki771YhT2CuPeo3m9v01WYc3Bg==}
 
+  zova-module-a-zova@5.1.97:
+    resolution: {integrity: sha512-rBEWxwKQ86iT4dsSyJRYRKFzfUNk6zMXY4Ff5XYnkxJI6sVfCm5+3MZC27RavqnVU+odAtS8RFQLpR33kMKMtA==}
+
   zova-module-pay-mock@5.0.2:
     resolution: {integrity: sha512-G6ld4ZZJ3crSUQ1fH+Tn2p9/05ngfJYtDtTtq7K1Xo9ei2fjbp13Jrbjh3cKR+dhWuK9Q1gwAs7xwhu7NIiTKA==}
 
@@ -8655,9 +8667,15 @@ packages:
   zova-suite-a-zova@5.1.143:
     resolution: {integrity: sha512-DMaYtWO1HVu0BIeNguAYqlcOGa9MVfejDLvLqw6mOqmPSSLrvGSSC+lzYGhI/J9xQBbGRFaWbIdMhetCpuZdwg==}
 
+  zova-suite-a-zova@5.1.144:
+    resolution: {integrity: sha512-viW0GA4BviNOllF72Yw6EQ5Kpqvqf6IiNWfG6t8DO8RpMAZsiWk2Sxc9V17cIhw4Hoc8sEfb2HjZUIWDgf3SUA==}
+
   zova@5.1.144:
     resolution: {integrity: sha512-YEgsYl7hL635nK9134oH8GMUqHp41IAp0I+rWz27f2QCkp8QGLqvQIbrvXoFnYwJyuYmaCz/eBMMrl1y+mzs0w==}
 
+  zova@5.1.145:
+    resolution: {integrity: sha512-/iJ5Xs8vh3c7ykUvbQjZ6Kh9ZsQXqTqRgZJjBHQw9Ngs1i5N9Lp6NOU8v74m0X8hql+3yMeKjEV8iUDPKD2N2A==}
+
   zwitch@1.0.5:
     resolution: {integrity: sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==}
 
@@ -14576,7 +14594,36 @@ snapshots:
     dependencies:
       zod: '@cabloy/zod@4.3.8'
 
-  zova-core@5.1.81(patch_hash=ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce)(typescript@5.9.3):
+  zova-core@5.1.81(typescript@5.9.3):
+    dependencies:
+      '@cabloy/compose': link:packages-utils/compose
+      '@cabloy/extend': link:packages-utils/extend
+      '@cabloy/json5': link:packages-utils/json5
+      '@cabloy/localeutil': link:packages-utils/localeutil
+      '@cabloy/logger': 1.1.24
+      '@cabloy/module-info': 2.0.3
+      '@cabloy/utils': link:packages-utils/utils
+      '@cabloy/vue-compiler-sfc': 3.5.14
+      '@cabloy/vue-reactivity': 3.5.16
+      '@cabloy/vue-router': 4.4.16(vue@3.5.39(typescript@5.9.3))
+      '@cabloy/vue-runtime-core': 3.5.57
+      '@cabloy/vue-runtime-dom': 3.5.13
+      '@cabloy/vue-server-renderer': 3.5.18(vue@3.5.39(typescript@5.9.3))
+      '@cabloy/word-utils': 2.1.14
+      '@cabloy/zod-errors-custom': link:packages-utils/zod-errors-custom
+      '@cabloy/zod-openapi': link:packages-utils/zod-openapi
+      '@cabloy/zod-query': link:packages-utils/zod-query
+      '@types/js-cookie': 3.0.6
+      '@vue/shared': 3.5.36
+      deep-equal: 2.2.3
+      reflect-metadata: 0.2.2
+      vue: 3.5.39(typescript@5.9.3)
+      vue-plugin-render-freeze: 2.0.4(vue@3.5.39(typescript@5.9.3))
+      zod: '@cabloy/zod@4.3.8'
+    transitivePeerDependencies:
+      - typescript
+
+  zova-core@5.1.82(patch_hash=ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce)(typescript@5.9.3):
     dependencies:
       '@cabloy/compose': link:packages-utils/compose
       '@cabloy/extend': link:packages-utils/extend
@@ -14612,7 +14659,18 @@ snapshots:
       '@cabloy/word-utils': 2.1.14
       typestyle: 2.4.0
       vue: 3.5.39(typescript@5.9.3)
-      zova-core: 5.1.81(patch_hash=ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce)(typescript@5.9.3)
+      zova-core: 5.1.81(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+
+  zova-jsx@1.1.82(typescript@5.9.3):
+    dependencies:
+      '@cabloy/compose': link:packages-utils/compose
+      '@cabloy/utils': link:packages-utils/utils
+      '@cabloy/word-utils': 2.1.14
+      typestyle: 2.4.0
+      vue: 3.5.39(typescript@5.9.3)
+      zova-core: 5.1.82(patch_hash=ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce)(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
@@ -14677,6 +14735,8 @@ snapshots:
 
   zova-module-a-pay@5.0.2: {}
 
+  zova-module-a-pay@5.0.3: {}
+
   zova-module-a-router@5.1.31: {}
 
   zova-module-a-routerstack@5.1.26: {}
@@ -14732,6 +14792,22 @@ snapshots:
       - typescript
       - vue
 
+  zova-module-a-zova@5.1.97(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
+    dependencies:
+      '@cabloy/compose': link:packages-utils/compose
+      '@cabloy/deps': link:packages-utils/deps
+      '@cabloy/json5': link:packages-utils/json5
+      '@cabloy/module-info': 2.0.3
+      '@cabloy/utils': link:packages-utils/utils
+      '@cabloy/vue-router': 4.4.16(vue@3.5.39(typescript@5.9.3))
+      '@cabloy/word-utils': 2.1.14
+      defu: 6.1.7
+      luxon: 3.7.2
+      zova-jsx: 1.1.82(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+      - vue
+
   zova-module-pay-mock@5.0.2: {}
 
   zova-module-rest-resource@5.1.42: {}
@@ -14770,9 +14846,43 @@ snapshots:
       - typescript
       - vue
 
+  zova-suite-a-zova@5.1.144(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
+    dependencies:
+      zova-module-a-api: 5.1.21
+      zova-module-a-app: 5.1.25
+      zova-module-a-bean: 5.1.32
+      zova-module-a-behavior: 5.1.25
+      zova-module-a-behaviors: 5.1.21
+      zova-module-a-boundary: 5.1.21
+      zova-module-a-command: 5.1.33
+      zova-module-a-fetch: 5.1.24
+      zova-module-a-form: 5.1.46(vue@3.5.39(typescript@5.9.3))
+      zova-module-a-icon: 5.1.26
+      zova-module-a-interceptor: 5.1.29
+      zova-module-a-logger: 5.1.26
+      zova-module-a-meta: 5.1.21
+      zova-module-a-model: 5.1.33(vue@3.5.39(typescript@5.9.3))
+      zova-module-a-openapi: 5.1.47
+      zova-module-a-router: 5.1.31
+      zova-module-a-routerstack: 5.1.26
+      zova-module-a-routertabs: 5.1.33
+      zova-module-a-ssr: 5.1.32
+      zova-module-a-ssrhmr: 5.1.22
+      zova-module-a-ssrserver: 5.1.23
+      zova-module-a-style: 5.1.32
+      zova-module-a-table: 5.1.37(vue@3.5.39(typescript@5.9.3))
+      zova-module-a-zod: 5.1.36
+      zova-module-a-zova: 5.1.97(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - debug
+      - supports-color
+      - typescript
+      - vue
+
   zova@5.1.144(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
     dependencies:
-      zova-core: 5.1.81(patch_hash=ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce)(typescript@5.9.3)
+      zova-core: 5.1.81(typescript@5.9.3)
       zova-suite-a-zova: 5.1.143(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -14781,6 +14891,17 @@ snapshots:
       - typescript
       - vue
 
+  zova@5.1.145(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3)):
+    dependencies:
+      zova-core: 5.1.82(patch_hash=ff659aa5f659be32501f56841b72f148c24acf1546f79cce551586e27fcde2ce)(typescript@5.9.3)
+      zova-suite-a-zova: 5.1.144(typescript@5.9.3)(vue@3.5.39(typescript@5.9.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - debug
+      - supports-color
+      - typescript
+      - vue
+
   zwitch@1.0.5: {}
 
   zwitch@2.0.4: {}

package/vona/pnpm-workspace.yaml

@@ -53,4 +53,4 @@ allowBuilds:
   vue-demi: true
 
 patchedDependencies:
-  zova-core@5.1.81: patches/zova-core@5.1.81.patch
+  zova-core@5.1.82: patches/zova-core@5.1.82.patch

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/.metadata/index.ts

@@ -149,7 +149,7 @@ declare module 'vona-module-commerce-catalog' {
       }
 export interface IModelOptionsProduct {
         relations: {
-          category: IModelRelationBelongsTo<'commerce-catalog:product', 'commerce-catalog:category', false, '*'>;
+          category: IModelRelationBelongsTo<'commerce-catalog:product', 'commerce-catalog:category', false, 'id'|'name'|'published'>;
 skus: IModelRelationHasMany<'commerce-catalog:sku', 'productId', false, '*', undefined, undefined, undefined>;
 skuAvailables: IModelRelationHasMany<'commerce-catalog:sku', 'productId', false, 'id'|'code'|'productId'|'priceCents', ['commerce-trade:stockBalance'], undefined, undefined>;
         };

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/dto/productSelectResItem.tsx

@@ -46,7 +46,9 @@ export interface IDtoOptionsProductSelectResItem extends IDecoratorDtoOptions {}
     }),
   ],
 })
-export class DtoProductSelectResItem extends $Dto.get(() => ModelProduct) {
+export class DtoProductSelectResItem extends $Dto.get(() => ModelProduct, {
+  include: { category: true },
+}) {
   @Api.field(
     v.title($locale('Operations')),
     ZovaRender.order(1, 'max'),

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/dto/productView.tsx

@@ -22,4 +22,6 @@ export interface IDtoOptionsProductView extends IDecoratorDtoOptions {}
     }),
   ],
 })
-export class DtoProductView extends $Dto.get(() => ModelProduct) {}
+export class DtoProductView extends $Dto.get(() => ModelProduct, {
+  include: { category: true },
+}) {}

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/entity/product.tsx

@@ -1,11 +1,12 @@
 import type { TableIdentity } from 'table-identity';
 import type { IDecoratorEntityOptions } from 'vona-module-a-orm';
 
-import { $makeMetadata, Api, v } from 'vona-module-a-openapiutils';
+import { $makeMetadata, $resourceName, Api, v } from 'vona-module-a-openapiutils';
 import { Entity, EntityBase } from 'vona-module-a-orm';
 import { ZovaRender } from 'zova-rest-cabloy-basic-admin';
 
 import { $locale } from '../.metadata/locales.ts';
+import { categoryPublicationItems } from './category.tsx';
 
 export interface IEntityOptionsProduct extends IDecoratorEntityOptions {}
 
@@ -37,10 +38,29 @@ export class EntityProduct extends EntityBase {
   )
   title: string;
 
-  @Api.field(v.title($locale('Category')), v.required(), ZovaRender.order(2), v.tableIdentity())
+  @Api.field(
+    v.title($locale('Category')),
+    v.required(),
+    ZovaRender.order(2),
+    ZovaRender.field('basic-resource:formFieldResourcePicker', {
+      resource: $resourceName('commerce-catalog:category'),
+      relationName: 'category',
+    }),
+    ZovaRender.cell('basic-resource:resourcePicker', {
+      resource: $resourceName('commerce-catalog:category'),
+      relationName: 'category',
+    }),
+    v.tableIdentity(),
+  )
   categoryId: TableIdentity;
 
-  @Api.field(v.title($locale('Published')), v.default(false), ZovaRender.order(3))
+  @Api.field(
+    v.title($locale('Published')),
+    v.default(false),
+    ZovaRender.order(3),
+    ZovaRender.field('basic-select:formFieldSelect', { items: categoryPublicationItems }),
+    ZovaRender.cell('basic-select:select', { items: categoryPublicationItems }),
+  )
   published: boolean;
 
   @Api.field(v.title($locale('Description')), v.optional(), ZovaRender.order(4))

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/model/product.ts

@@ -13,6 +13,7 @@ export interface IModelOptionsProduct extends IDecoratorModelOptions<EntityProdu
       'commerce-catalog:product',
       'commerce-catalog:category',
       'categoryId',
+      { columns: ['id', 'name', 'published'] },
     ),
     skus: $relation.hasMany('commerce-catalog:sku', 'productId'),
     skuAvailables: $relation.hasMany(

package/vona/src/suite/a-commerce/modules/commerce-catalog/src/service/product.ts

@@ -22,7 +22,10 @@ export class ServiceProduct extends BeanBase {
   }
 
   async select(params?: IQueryParams<ModelProduct>): Promise<DtoProductSelectRes> {
-    return await this.scope.model.product.selectAndCount(params);
+    return await this.scope.model.product.selectAndCount({
+      ...params,
+      include: { ...params?.include, category: true },
+    });
   }
 
   async selectPublic(params: IQueryParams<ModelProduct>): Promise<DtoProductPublicSelectRes> {
@@ -50,7 +53,9 @@ export class ServiceProduct extends BeanBase {
   }
 
   async view(id: TableIdentity): Promise<DtoProductView | undefined> {
-    return await this.scope.model.product.getById(id);
+    return await this.scope.model.product.getById(id, {
+      include: { category: true },
+    });
   }
 
   async viewPublic(id: TableIdentity): Promise<DtoProductPublic | undefined> {

package/vona/src/suite/a-commerce/modules/commerce-catalog/test/productPresentation.test.ts

@@ -0,0 +1,214 @@
+import assert from 'node:assert';
+import { randomUUID } from 'node:crypto';
+import { describe, it } from 'node:test';
+import { app } from 'vona-mock';
+import {
+  DtoProductCreate,
+  DtoProductSelectResItem,
+  DtoProductUpdate,
+  DtoProductView,
+} from 'vona-module-commerce-catalog';
+
+function findComponent(apiJson: any, predicate: (properties: any) => boolean) {
+  return Object.values(apiJson.components!.schemas as any).find(item => {
+    return predicate((item as any).properties);
+  }) as any;
+}
+
+function getEntryForm(component: any) {
+  const pageEntry = component?.rest?.blocks?.[0];
+  const formBlock = pageEntry?.options?.blocks?.[0];
+  const toolbarBlock = pageEntry?.options?.blocks?.[1];
+  assert.equal(pageEntry?.render, 'basic-pageentry:blockPageEntry');
+  assert.equal(formBlock?.render, 'basic-pageentry:blockForm');
+  assert.equal(toolbarBlock?.render, 'basic-pageentry:blockToolbarRow');
+  return toolbarBlock;
+}
+
+describe('productPresentation.test.ts', () => {
+  it('action:product:presentationMetadata', async () => {
+    await app.bean.executor.mockCtx(async () => {
+      const createJson = await app.bean.openapi.generateJsonOfClass(DtoProductCreate);
+      const createComponent = findComponent(createJson, properties => {
+        return properties?.title && properties?.categoryId && properties?.published;
+      });
+      assert.deepEqual(Object.keys(createComponent.properties).sort(), [
+        'categoryId',
+        'description',
+        'published',
+        'title',
+      ]);
+      assert.equal(
+        createComponent.properties.categoryId.rest.form.render,
+        'basic-resource:formFieldResourcePicker',
+      );
+      assert.deepEqual(createComponent.properties.categoryId.rest.form.options, {
+        resource: 'commerce-catalog:category',
+        relationName: 'category',
+      });
+      assert.equal(
+        createComponent.properties.published.rest.form.render,
+        'basic-select:formFieldSelect',
+      );
+      assert.deepEqual(
+        createComponent.properties.published.rest.form.options.items.map((item: any) => item.value),
+        [false, true],
+      );
+      const createToolbar = getEntryForm(createComponent);
+      assert.deepEqual(
+        createToolbar.options.actions.map((action: any) => action.render),
+        ['basic-form:actionSubmit', 'basic-form:actionBack'],
+      );
+
+      const updateJson = await app.bean.openapi.generateJsonOfClass(DtoProductUpdate);
+      const updateComponent = findComponent(updateJson, properties => {
+        return properties?.title && properties?.categoryId && properties?.published;
+      });
+      assert.deepEqual(Object.keys(updateComponent.properties).sort(), [
+        'categoryId',
+        'description',
+        'published',
+        'title',
+      ]);
+      assert.equal(
+        updateComponent.properties.categoryId.rest.form.render,
+        'basic-resource:formFieldResourcePicker',
+      );
+      assert.equal(
+        updateComponent.properties.published.rest.form.render,
+        'basic-select:formFieldSelect',
+      );
+
+      const viewJson = await app.bean.openapi.generateJsonOfClass(DtoProductView);
+      const viewComponent = findComponent(viewJson, properties => {
+        return (
+          properties?.id && properties?.categoryId && properties?.category && properties?.published
+        );
+      });
+      assert.deepEqual(Object.keys(viewComponent.properties.category.properties).sort(), [
+        'id',
+        'name',
+        'published',
+      ]);
+      assert.equal(viewComponent.properties.iid.rest.visible, false);
+      assert.equal(viewComponent.properties.deleted.rest.visible, false);
+      assert.equal(
+        viewComponent.properties.categoryId.rest.form.render,
+        'basic-resource:formFieldResourcePicker',
+      );
+      assert.deepEqual(viewComponent.properties.categoryId.rest.form.options, {
+        resource: 'commerce-catalog:category',
+        relationName: 'category',
+      });
+      assert.equal(
+        viewComponent.properties.published.rest.form.render,
+        'basic-select:formFieldSelect',
+      );
+      const viewToolbar = getEntryForm(viewComponent);
+      assert.deepEqual(
+        viewToolbar.options.actions.map((action: any) => action.render),
+        ['basic-form:actionBack'],
+      );
+
+      const listJson = await app.bean.openapi.generateJsonOfClass(DtoProductSelectResItem);
+      const listComponent = findComponent(listJson, properties => properties?._operationsRow);
+      assert.deepEqual(Object.keys(listComponent.properties.category.properties).sort(), [
+        'id',
+        'name',
+        'published',
+      ]);
+      assert.equal(
+        listComponent.properties.categoryId.rest.table.render,
+        'basic-resource:resourcePicker',
+      );
+      assert.deepEqual(listComponent.properties.categoryId.rest.table.columnProps, {
+        resource: 'commerce-catalog:category',
+        relationName: 'category',
+      });
+      assert.equal(listComponent.properties.published.rest.table.render, 'basic-select:select');
+      assert.deepEqual(
+        listComponent.properties.published.rest.table.columnProps.items.map(
+          (item: any) => item.value,
+        ),
+        [false, true],
+      );
+      assert.deepEqual(
+        listComponent.properties._operationsRow.rest.table.columnProps.actions.map(
+          (action: any) => action.render,
+        ),
+        ['basic-table:actionUpdate', 'basic-table:actionDelete'],
+      );
+
+      const filterBlock = listComponent.rest.blocks[0].options.blocks[0];
+      const filterLayout = filterBlock.options.blocks[0].options.formLayout;
+      const section = filterLayout.children[0];
+      assert.equal(section.type, 'section');
+      assert.equal(section.layout, 'flow');
+      assert.deepEqual(
+        section.children.slice(0, 2).map((field: any) => field.name),
+        ['title', 'createdAt'],
+      );
+      assert.equal(section.children[2].block.render, 'basic-page:blockFilterActions');
+    });
+  });
+
+  it('action:product:categoryProjection', async () => {
+    await app.bean.executor.mockCtx(async () => {
+      const suffix = randomUUID().slice(0, 12);
+      let categoryId: number | string | undefined;
+      let productId: number | string | undefined;
+      await app.bean.passport.signinMock();
+      try {
+        categoryId = await app.bean.executor.performAction('post', '/commerce/catalog/category', {
+          body: { name: `presentation-product-category-${suffix}`, published: true },
+        });
+        productId = await app.bean.executor.performAction('post', '/commerce/catalog/product', {
+          body: {
+            categoryId,
+            title: `presentation-product-${suffix}`,
+            published: false,
+          },
+        });
+
+        const view: any = await app.bean.executor.performAction(
+          'get',
+          '/commerce/catalog/product/:id',
+          {
+            params: { id: productId },
+          },
+        );
+        assert.equal(String(view.categoryId), String(categoryId));
+        assert.deepEqual(view.category, {
+          id: categoryId,
+          name: `presentation-product-category-${suffix}`,
+          published: true,
+        });
+
+        const select: any = await app.bean.executor.performAction(
+          'get',
+          '/commerce/catalog/product',
+        );
+        const item = select.list.find((entry: any) => String(entry.id) === String(productId));
+        assert.ok(item);
+        assert.deepEqual(item.category, {
+          id: categoryId,
+          name: `presentation-product-category-${suffix}`,
+          published: true,
+        });
+        assert.equal(item.published, false);
+      } finally {
+        if (productId) {
+          await app.bean.executor.performAction('delete', '/commerce/catalog/product/:id', {
+            params: { id: productId },
+          });
+        }
+        if (categoryId) {
+          await app.bean.executor.performAction('delete', '/commerce/catalog/category/:id', {
+            params: { id: categoryId },
+          });
+        }
+        await app.bean.passport.signout();
+      }
+    });
+  });
+});