@geode/opengeodeweb-front 10.34.0-rc.9 → 10.34.0

package/internal/stores/data_style/model/surfaces/polygon.ts

@@ -1,3 +1,4 @@
+// oxlint-disable eslint/max-lines
 import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
@@ -50,14 +51,68 @@ function isModelSurfacesPolygonAttributeValid({
   );
 }
 
+interface UseModelSurfacesPolygonAttributeReturn {
+  modelSurfacesPolygonAttributeName: (modelId: string, surfaceId?: string) => string | undefined;
+  modelSurfacesPolygonAttributeItem: (modelId: string, surfaceId?: string) => number;
+  modelSurfacesPolygonAttributeRange: (
+    modelId: string,
+    surfaceId?: string,
+  ) => [number | undefined, number | undefined];
+  modelSurfacesPolygonAttributeColorMap: (
+    modelId: string,
+    surfaceId?: string,
+  ) => string | undefined;
+  modelSurfacesPolygonAttributeStoredConfig: (
+    modelId: string,
+    surfaceId: string | undefined,
+    name: string | undefined,
+    item: number | undefined,
+  ) => AttributeStoredConfig;
+  setModelSurfacesPolygonAttribute: (
+    modelId: string,
+    surfaceIds: string[],
+    input: AttributeInput,
+  ) => Promise<unknown>;
+  setModelSurfacesPolygonAttributeName: (
+    modelId: string,
+    surfaceIds: string[],
+    name: string,
+  ) => Promise<void>;
+  setModelSurfacesPolygonAttributeItem: (
+    modelId: string,
+    surfaceIds: string[],
+    item: number,
+  ) => Promise<void>;
+  setModelSurfacesPolygonAttributeRange: (
+    modelId: string,
+    surfaceIds: string[],
+    minimum: number,
+    maximum: number,
+  ) => Promise<void>;
+  setModelSurfacesPolygonAttributeColorMap: (
+    modelId: string,
+    surfaceIds: string[],
+    colorMap: string | undefined,
+  ) => Promise<void>;
+  modelSurfacesPolygonAttributeNoDataColor: (modelId: string, surfaceId?: string) => unknown;
+  setModelSurfacesPolygonAttributeNoDataColor: (
+    modelId: string,
+    surfaceIds: string[],
+    no_data_color: unknown,
+  ) => Promise<void>;
+}
+
 // oxlint-disable-next-line max-lines-per-function
-function useModelSurfacesPolygonAttribute() {
+function useModelSurfacesPolygonAttribute(): UseModelSurfacesPolygonAttributeReturn {
   const dataStore = useDataStore();
   const modelSurfacesCommonStyle = useModelSurfacesCommonStyle();
   const viewerStore = useViewerStore();
   function modelSurfacesPolygonAttribute(modelId: string, surfaceId?: string): AttributeState {
-    return modelSurfacesCommonStyle.modelSurfaceColoring(modelId, surfaceId)
-      .polygon as AttributeState;
+    return (
+      modelSurfacesCommonStyle.modelSurfaceColoring(modelId, surfaceId)
+        // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.polygon shape is defined by the data style schema.
+        .polygon as AttributeState
+    );
   }
   function modelSurfacesPolygonAttributeStoredConfig(
     modelId: string,
@@ -66,14 +121,10 @@ function useModelSurfacesPolygonAttribute() {
     item: number | undefined,
   ): AttributeStoredConfig {
     const { storedConfigs } = modelSurfacesPolygonAttribute(modelId, surfaceId);
-    if (
-      storedConfigs &&
-      name !== undefined &&
-      name in storedConfigs &&
-      item !== undefined &&
-      item in storedConfigs[name]!
-    ) {
-      return storedConfigs[name]![item]!;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    const itemConfig = item === undefined ? undefined : nameConfig?.[item];
+    if (itemConfig !== undefined) {
+      return itemConfig;
     }
     return {
       minimum: undefined,
@@ -82,34 +133,33 @@ function useModelSurfacesPolygonAttribute() {
       no_data_color: DEFAULT_NO_DATA_COLOR,
     };
   }
-  function mutateModelSurfacesPolygonStyle(
+  async function mutateModelSurfacesPolygonStyle(
     modelId: string,
     surfaceIds: string[],
     values: Record<string, unknown>,
-  ) {
-    if (surfaceIds.length > 1) {
-      modelSurfacesCommonStyle.mutateModelSurfacesTypeColoring(modelId, {
+  ): Promise<void> {
+    const tasks: Promise<void>[] = [
+      modelSurfacesCommonStyle.mutateModelSurfacesColoring(modelId, surfaceIds, {
         polygon: values,
-      });
+      }),
+    ];
+    const totalSurfaceIds = await dataStore.getSurfacesGeodeIds(modelId);
+    if (surfaceIds.length === totalSurfaceIds.length) {
+      tasks.push(
+        modelSurfacesCommonStyle.mutateModelSurfacesTypeColoring(modelId, { polygon: values }),
+      );
     }
-    return modelSurfacesCommonStyle.mutateModelSurfacesColoring(modelId, surfaceIds, {
-      polygon: values,
-    });
+    await Promise.all(tasks);
   }
-  function setModelSurfacesPolygonAttributeStoredConfig(
+  async function setModelSurfacesPolygonAttributeStoredConfig(
     modelId: string,
     surfaceIds: string[],
     name: string | undefined,
     item: number | undefined,
     config: Partial<AttributeStoredConfig>,
-  ) {
-    return mutateModelSurfacesPolygonStyle(modelId, surfaceIds, {
-      storedConfigs: {
-        [name as string]: {
-          lastItem: item,
-          [item as number]: config,
-        },
-      },
+  ): Promise<void> {
+    await mutateModelSurfacesPolygonStyle(modelId, surfaceIds, {
+      storedConfigs: { [name ?? ""]: { lastItem: item, [item ?? 0]: config } },
     });
   }
   function modelSurfacesPolygonAttributeName(
@@ -124,8 +174,9 @@ function useModelSurfacesPolygonAttribute() {
     name: string | undefined,
   ): number {
     const { storedConfigs } = modelSurfacesPolygonAttribute(modelId, surfaceId);
-    if (storedConfigs && name !== undefined && name in storedConfigs) {
-      return storedConfigs[name]!.lastItem;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    if (nameConfig !== undefined) {
+      return nameConfig.lastItem;
     }
     return 0;
   }
@@ -166,18 +217,15 @@ function useModelSurfacesPolygonAttribute() {
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
     }: AttributeInput,
-  ) {
-    mutateModelSurfacesPolygonStyle(modelId, surfaceIds, {
-      name,
-      item,
-    });
-    setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
+  ): Promise<unknown> {
+    await mutateModelSurfacesPolygonStyle(modelId, surfaceIds, { name, item });
+    await setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
       minimum,
       maximum,
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap as string);
+    const points = getRGBPointsFromPreset(colorMap ?? "");
     const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, surfaceIds);
     const params = {
       id: modelId,
@@ -189,12 +237,10 @@ function useModelSurfacesPolygonAttribute() {
       maximum,
       no_data_color,
     };
-    return viewerStore.request({
-      schema: attributeSchema,
-      params,
-    });
+    const result = await viewerStore.request({ schema: attributeSchema, params });
+    return result;
   }
-  function applyPolygonAttribute(modelId: string, surfaceIds: string[]) {
+  async function applyPolygonAttribute(modelId: string, surfaceIds: string[]): Promise<void> {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesPolygonAttributeItem(modelId, surfaceIds[0]);
     const storedConfig = modelSurfacesPolygonAttributeStoredConfig(
@@ -212,57 +258,51 @@ function useModelSurfacesPolygonAttribute() {
       no_data_color: storedConfig.no_data_color,
     };
     if (isModelSurfacesPolygonAttributeValid(attribute)) {
-      return setModelSurfacesPolygonAttribute(modelId, surfaceIds, attribute);
+      await setModelSurfacesPolygonAttribute(modelId, surfaceIds, attribute);
     }
-    return Promise.resolve();
   }
-  function setModelSurfacesPolygonAttributeName(
+  async function setModelSurfacesPolygonAttributeName(
     modelId: string,
     surfaceIds: string[],
     name: string,
-  ) {
+  ): Promise<void> {
     const item = modelSurfacesPolygonAttributeLastItem(modelId, surfaceIds[0], name);
-    mutateModelSurfacesPolygonStyle(modelId, surfaceIds, {
-      name,
-      item,
-    });
-    return applyPolygonAttribute(modelId, surfaceIds);
+    await mutateModelSurfacesPolygonStyle(modelId, surfaceIds, { name, item });
+    await applyPolygonAttribute(modelId, surfaceIds);
   }
-  function setModelSurfacesPolygonAttributeItem(
+  async function setModelSurfacesPolygonAttributeItem(
     modelId: string,
     surfaceIds: string[],
     item: number,
-  ) {
-    mutateModelSurfacesPolygonStyle(modelId, surfaceIds, {
-      item,
-    });
-    return applyPolygonAttribute(modelId, surfaceIds);
+  ): Promise<void> {
+    await mutateModelSurfacesPolygonStyle(modelId, surfaceIds, { item });
+    await applyPolygonAttribute(modelId, surfaceIds);
   }
-  function setModelSurfacesPolygonAttributeRange(
+  async function setModelSurfacesPolygonAttributeRange(
     modelId: string,
     surfaceIds: string[],
     minimum: number,
     maximum: number,
-  ) {
+  ): Promise<void> {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesPolygonAttributeItem(modelId, surfaceIds[0]);
-    setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
+    await setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
       minimum,
       maximum,
     });
-    return applyPolygonAttribute(modelId, surfaceIds);
+    await applyPolygonAttribute(modelId, surfaceIds);
   }
-  function setModelSurfacesPolygonAttributeColorMap(
+  async function setModelSurfacesPolygonAttributeColorMap(
     modelId: string,
     surfaceIds: string[],
     colorMap: string | undefined,
-  ) {
+  ): Promise<void> {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesPolygonAttributeItem(modelId, surfaceIds[0]);
-    setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
+    await setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
       colorMap,
     });
-    return applyPolygonAttribute(modelId, surfaceIds);
+    await applyPolygonAttribute(modelId, surfaceIds);
   }
   function modelSurfacesPolygonAttributeNoDataColor(modelId: string, surfaceId?: string): unknown {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceId);
@@ -274,7 +314,7 @@ function useModelSurfacesPolygonAttribute() {
     modelId: string,
     surfaceIds: string[],
     no_data_color: unknown,
-  ) {
+  ): Promise<void> {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesPolygonAttributeItem(modelId, surfaceIds[0]);
     const storedConfig = modelSurfacesPolygonAttributeStoredConfig(
@@ -287,7 +327,7 @@ function useModelSurfacesPolygonAttribute() {
       ...storedConfig,
       no_data_color,
     });
-    return applyPolygonAttribute(modelId, surfaceIds);
+    await applyPolygonAttribute(modelId, surfaceIds);
   }
   return {
     modelSurfacesPolygonAttributeName,

package/internal/stores/data_style/model/surfaces/vertex.ts

@@ -1,3 +1,4 @@
+// oxlint-disable eslint/max-lines
 import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
@@ -50,14 +51,65 @@ function isModelSurfacesVertexAttributeValid({
   );
 }
 
+interface UseModelSurfacesVertexAttributeReturn {
+  modelSurfacesVertexAttributeName: (modelId: string, surfaceId?: string) => string | undefined;
+  modelSurfacesVertexAttributeItem: (modelId: string, surfaceId?: string) => number;
+  modelSurfacesVertexAttributeRange: (
+    modelId: string,
+    surfaceId?: string,
+  ) => [number | undefined, number | undefined];
+  modelSurfacesVertexAttributeColorMap: (modelId: string, surfaceId?: string) => string | undefined;
+  modelSurfacesVertexAttributeStoredConfig: (
+    modelId: string,
+    surfaceId: string | undefined,
+    name: string | undefined,
+    item: number | undefined,
+  ) => AttributeStoredConfig;
+  setModelSurfacesVertexAttribute: (
+    modelId: string,
+    surfaceIds: string[],
+    input: AttributeInput,
+  ) => Promise<unknown>;
+  setModelSurfacesVertexAttributeName: (
+    modelId: string,
+    surfaceIds: string[],
+    name: string,
+  ) => Promise<unknown>;
+  setModelSurfacesVertexAttributeItem: (
+    modelId: string,
+    surfaceIds: string[],
+    item: number,
+  ) => Promise<unknown>;
+  setModelSurfacesVertexAttributeRange: (
+    modelId: string,
+    surfaceIds: string[],
+    minimum: number,
+    maximum: number,
+  ) => Promise<unknown>;
+  setModelSurfacesVertexAttributeColorMap: (
+    modelId: string,
+    surfaceIds: string[],
+    colorMap: string | undefined,
+  ) => Promise<unknown>;
+  modelSurfacesVertexAttributeNoDataColor: (modelId: string, surfaceId?: string) => unknown;
+  setModelSurfacesVertexAttributeNoDataColor: (
+    modelId: string,
+    surfaceIds: string[],
+    no_data_color: unknown,
+  ) => Promise<unknown>;
+}
+
 // oxlint-disable-next-line max-lines-per-function
-function useModelSurfacesVertexAttribute() {
+function useModelSurfacesVertexAttribute(): UseModelSurfacesVertexAttributeReturn {
   const dataStore = useDataStore();
   const modelSurfacesCommonStyle = useModelSurfacesCommonStyle();
   const viewerStore = useViewerStore();
   function modelSurfacesVertexAttribute(modelId: string, surfaceId?: string): AttributeState {
-    return modelSurfacesCommonStyle.modelSurfaceColoring(modelId, surfaceId)
-      .vertex as AttributeState;
+    return (
+      modelSurfacesCommonStyle.modelSurfaceColoring(modelId, surfaceId)
+        // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.vertex shape is defined by the data style schema.
+        .vertex as AttributeState
+    );
   }
   function modelSurfacesVertexAttributeStoredConfig(
     modelId: string,
@@ -66,14 +118,10 @@ function useModelSurfacesVertexAttribute() {
     item: number | undefined,
   ): AttributeStoredConfig {
     const { storedConfigs } = modelSurfacesVertexAttribute(modelId, surfaceId);
-    if (
-      storedConfigs &&
-      name !== undefined &&
-      name in storedConfigs &&
-      item !== undefined &&
-      item in storedConfigs[name]!
-    ) {
-      return storedConfigs[name]![item]!;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    const itemConfig = item === undefined ? undefined : nameConfig?.[item];
+    if (itemConfig !== undefined) {
+      return itemConfig;
     }
     return {
       minimum: undefined,
@@ -82,34 +130,33 @@ function useModelSurfacesVertexAttribute() {
       no_data_color: DEFAULT_NO_DATA_COLOR,
     };
   }
-  function mutateModelSurfacesVertexStyle(
+  async function mutateModelSurfacesVertexStyle(
     modelId: string,
     surfaceIds: string[],
     values: Record<string, unknown>,
-  ) {
-    if (surfaceIds.length > 1) {
-      modelSurfacesCommonStyle.mutateModelSurfacesTypeColoring(modelId, {
+  ): Promise<void> {
+    const tasks: Promise<void>[] = [
+      modelSurfacesCommonStyle.mutateModelSurfacesColoring(modelId, surfaceIds, {
         vertex: values,
-      });
+      }),
+    ];
+    const totalSurfaceIds = await dataStore.getSurfacesGeodeIds(modelId);
+    if (surfaceIds.length === totalSurfaceIds.length) {
+      tasks.push(
+        modelSurfacesCommonStyle.mutateModelSurfacesTypeColoring(modelId, { vertex: values }),
+      );
     }
-    return modelSurfacesCommonStyle.mutateModelSurfacesColoring(modelId, surfaceIds, {
-      vertex: values,
-    });
+    await Promise.all(tasks);
   }
-  function setModelSurfacesVertexAttributeStoredConfig(
+  async function setModelSurfacesVertexAttributeStoredConfig(
     modelId: string,
     surfaceIds: string[],
     name: string | undefined,
     item: number | undefined,
     config: Partial<AttributeStoredConfig>,
-  ) {
-    return mutateModelSurfacesVertexStyle(modelId, surfaceIds, {
-      storedConfigs: {
-        [name as string]: {
-          lastItem: item,
-          [item as number]: config,
-        },
-      },
+  ): Promise<void> {
+    await mutateModelSurfacesVertexStyle(modelId, surfaceIds, {
+      storedConfigs: { [name ?? ""]: { lastItem: item, [item ?? 0]: config } },
     });
   }
   function modelSurfacesVertexAttributeName(
@@ -124,8 +171,9 @@ function useModelSurfacesVertexAttribute() {
     name: string | undefined,
   ): number {
     const { storedConfigs } = modelSurfacesVertexAttribute(modelId, surfaceId);
-    if (storedConfigs && name !== undefined && name in storedConfigs) {
-      return storedConfigs[name]!.lastItem;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    if (nameConfig !== undefined) {
+      return nameConfig.lastItem;
     }
     return 0;
   }
@@ -166,18 +214,15 @@ function useModelSurfacesVertexAttribute() {
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
     }: AttributeInput,
-  ) {
-    mutateModelSurfacesVertexStyle(modelId, surfaceIds, {
-      name,
-      item,
-    });
-    setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
+  ): Promise<unknown> {
+    await mutateModelSurfacesVertexStyle(modelId, surfaceIds, { name, item });
+    await setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
       minimum,
       maximum,
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap as string);
+    const points = getRGBPointsFromPreset(colorMap ?? "");
     const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, surfaceIds);
     const params = {
       id: modelId,
@@ -189,12 +234,10 @@ function useModelSurfacesVertexAttribute() {
       maximum,
       no_data_color,
     };
-    return viewerStore.request({
-      schema: attributeSchema,
-      params,
-    });
+    const result = await viewerStore.request({ schema: attributeSchema, params });
+    return result;
   }
-  function applyVertexAttribute(modelId: string, surfaceIds: string[]) {
+  async function applyVertexAttribute(modelId: string, surfaceIds: string[]): Promise<unknown> {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesVertexAttributeItem(modelId, surfaceIds[0]);
     const storedConfig = modelSurfacesVertexAttributeStoredConfig(
@@ -212,57 +255,57 @@ function useModelSurfacesVertexAttribute() {
       no_data_color: storedConfig.no_data_color,
     };
     if (isModelSurfacesVertexAttributeValid(attribute)) {
-      return setModelSurfacesVertexAttribute(modelId, surfaceIds, attribute);
+      const result = await setModelSurfacesVertexAttribute(modelId, surfaceIds, attribute);
+      return result;
     }
-    return Promise.resolve();
+    return undefined;
   }
-  function setModelSurfacesVertexAttributeName(
+  async function setModelSurfacesVertexAttributeName(
     modelId: string,
     surfaceIds: string[],
     name: string,
-  ) {
+  ): Promise<unknown> {
     const item = modelSurfacesVertexAttributeLastItem(modelId, surfaceIds[0], name);
-    mutateModelSurfacesVertexStyle(modelId, surfaceIds, {
-      name,
-      item,
-    });
-    return applyVertexAttribute(modelId, surfaceIds);
+    await mutateModelSurfacesVertexStyle(modelId, surfaceIds, { name, item });
+    const result = await applyVertexAttribute(modelId, surfaceIds);
+    return result;
   }
-  function setModelSurfacesVertexAttributeItem(
+  async function setModelSurfacesVertexAttributeItem(
     modelId: string,
     surfaceIds: string[],
     item: number,
-  ) {
-    mutateModelSurfacesVertexStyle(modelId, surfaceIds, {
-      item,
-    });
-    return applyVertexAttribute(modelId, surfaceIds);
+  ): Promise<unknown> {
+    await mutateModelSurfacesVertexStyle(modelId, surfaceIds, { item });
+    const result = await applyVertexAttribute(modelId, surfaceIds);
+    return result;
   }
-  function setModelSurfacesVertexAttributeRange(
+  async function setModelSurfacesVertexAttributeRange(
     modelId: string,
     surfaceIds: string[],
     minimum: number,
     maximum: number,
-  ) {
+  ): Promise<unknown> {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesVertexAttributeItem(modelId, surfaceIds[0]);
-    setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
+    await setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
       minimum,
       maximum,
     });
-    return applyVertexAttribute(modelId, surfaceIds);
+    const result = await applyVertexAttribute(modelId, surfaceIds);
+    return result;
   }
-  function setModelSurfacesVertexAttributeColorMap(
+  async function setModelSurfacesVertexAttributeColorMap(
     modelId: string,
     surfaceIds: string[],
     colorMap: string | undefined,
-  ) {
+  ): Promise<unknown> {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesVertexAttributeItem(modelId, surfaceIds[0]);
-    setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
+    await setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
       colorMap,
     });
-    return applyVertexAttribute(modelId, surfaceIds);
+    const result = await applyVertexAttribute(modelId, surfaceIds);
+    return result;
   }
   function modelSurfacesVertexAttributeNoDataColor(modelId: string, surfaceId?: string): unknown {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceId);
@@ -274,7 +317,7 @@ function useModelSurfacesVertexAttribute() {
     modelId: string,
     surfaceIds: string[],
     no_data_color: unknown,
-  ) {
+  ): Promise<unknown> {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesVertexAttributeItem(modelId, surfaceIds[0]);
     const storedConfig = modelSurfacesVertexAttributeStoredConfig(
@@ -287,7 +330,8 @@ function useModelSurfacesVertexAttribute() {
       ...storedConfig,
       no_data_color,
     });
-    return applyVertexAttribute(modelId, surfaceIds);
+    const result = await applyVertexAttribute(modelId, surfaceIds);
+    return result;
   }
   return {
     modelSurfacesVertexAttributeName,

package/internal/stores/data_style/model/surfaces/visibility.ts

@@ -4,7 +4,14 @@ import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schem
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.surfaces.visibility;
 
-export function useModelSurfacesVisibility() {
+export function useModelSurfacesVisibility(): {
+  setModelSurfacesVisibility: (
+    modelId: string,
+    surfaces_ids: readonly string[],
+    visibility: boolean | undefined,
+  ) => Promise<unknown>;
+  modelSurfaceVisibility: (id: string, surface_id?: string) => unknown;
+} {
   const modelCommonStyle = useModelCommonStyle();
   const modelSurfacesCommonStyle = useModelSurfacesCommonStyle();
 
@@ -12,12 +19,18 @@ export function useModelSurfacesVisibility() {
     return modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).visibility;
   }
 
-  function setModelSurfacesVisibility(
+  async function setModelSurfacesVisibility(
     modelId: string,
-    surfaces_ids: string[],
+    surfaces_ids: readonly string[],
     visibility: boolean | undefined,
-  ) {
-    return modelCommonStyle.setModelTypeVisibility(modelId, surfaces_ids, visibility, schema);
+  ): Promise<unknown> {
+    const result = await modelCommonStyle.setModelTypeVisibility(
+      modelId,
+      [...surfaces_ids],
+      visibility,
+      schema,
+    );
+    return result;
   }
 
   return { setModelSurfacesVisibility, modelSurfaceVisibility };