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

package/internal/stores/data_style/mesh/polygons/polygon.ts

@@ -3,7 +3,6 @@ import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
 import { useMeshPolygonsCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
@@ -51,14 +50,39 @@ function isMeshPolygonsPolygonAttributeValid({
 }
 
 // oxlint-disable-next-line max-lines-per-function
-function useMeshPolygonsPolygonAttributeStyle() {
+function useMeshPolygonsPolygonAttributeStyle(): {
+  meshPolygonsPolygonAttributeName: (id: string) => string | undefined;
+  meshPolygonsPolygonAttributeItem: (id: string) => number;
+  meshPolygonsPolygonAttributeRange: (id: string) => [number | undefined, number | undefined];
+  meshPolygonsPolygonAttributeColorMap: (id: string) => string | undefined;
+  meshPolygonsPolygonAttributeStoredConfig: (
+    id: string,
+    name: string | undefined,
+    item: number | undefined,
+  ) => AttributeStoredConfig;
+  setMeshPolygonsPolygonAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPolygonsPolygonAttributeName: (id: string, name: string) => Promise<unknown>;
+  setMeshPolygonsPolygonAttributeItem: (id: string, item: number) => Promise<unknown>;
+  setMeshPolygonsPolygonAttributeRange: (
+    id: string,
+    minimum: number,
+    maximum: number,
+  ) => Promise<unknown>;
+  setMeshPolygonsPolygonAttributeColorMap: (
+    id: string,
+    colorMap: string | undefined,
+  ) => Promise<unknown>;
+  meshPolygonsPolygonAttributeNoDataColor: (id: string) => unknown;
+  setMeshPolygonsPolygonAttributeNoDataColor: (
+    id: string,
+    no_data_color: unknown,
+  ) => Promise<unknown>;
+} {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
-  function meshPolygonsColoring(id: string): StyleValues {
-    return meshPolygonsCommonStyle.meshPolygonsStyle(id).coloring as StyleValues;
-  }
   function meshPolygonsPolygonAttribute(id: string): AttributeState {
-    return meshPolygonsColoring(id).polygon as AttributeState;
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.polygon shape is defined by the data style schema.
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).polygon as AttributeState;
   }
   function meshPolygonsPolygonAttributeStoredConfig(
     id: string,
@@ -66,14 +90,10 @@ function useMeshPolygonsPolygonAttributeStyle() {
     item: number | undefined,
   ): AttributeStoredConfig {
     const { storedConfigs } = meshPolygonsPolygonAttribute(id);
-    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,35 +102,37 @@ function useMeshPolygonsPolygonAttributeStyle() {
       no_data_color: DEFAULT_NO_DATA_COLOR,
     };
   }
-  function mutateMeshPolygonsPolygonStyle(id: string, values: Record<string, unknown>) {
-    return meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
-      coloring: {
-        polygon: values,
-      },
-    });
+  async function mutateMeshPolygonsPolygonStyle(
+    id: string,
+    values: Record<string, unknown>,
+  ): Promise<string> {
+    const result = await meshPolygonsCommonStyle.mutateMeshPolygonsPolygonStyle(id, values);
+    return result;
   }
-  function setMeshPolygonsPolygonAttributeStoredConfig(
+  async function setMeshPolygonsPolygonAttributeStoredConfig(
     id: string,
     name: string | undefined,
     item: number | undefined,
     config: Partial<AttributeStoredConfig>,
-  ) {
-    return mutateMeshPolygonsPolygonStyle(id, {
+  ): Promise<string> {
+    const result = await mutateMeshPolygonsPolygonStyle(id, {
       storedConfigs: {
-        [name as string]: {
+        [name ?? ""]: {
           lastItem: item,
-          [item as number]: config,
+          [item ?? 0]: config,
         },
       },
     });
+    return result;
   }
   function meshPolygonsPolygonAttributeName(id: string): string | undefined {
     return meshPolygonsPolygonAttribute(id).name;
   }
   function meshPolygonsPolygonAttributeLastItem(id: string, name: string | undefined): number {
     const { storedConfigs } = meshPolygonsPolygonAttribute(id);
-    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;
   }
@@ -118,7 +140,7 @@ function useMeshPolygonsPolygonAttributeStyle() {
     const { item, name } = meshPolygonsPolygonAttribute(id);
     return item ?? meshPolygonsPolygonAttributeLastItem(id, name);
   }
-  function setMeshPolygonsPolygonAttribute(
+  async function setMeshPolygonsPolygonAttribute(
     id: string,
     {
       name,
@@ -128,18 +150,18 @@ function useMeshPolygonsPolygonAttributeStyle() {
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
     }: AttributeInput,
-  ) {
-    mutateMeshPolygonsPolygonStyle(id, {
+  ): Promise<unknown> {
+    await mutateMeshPolygonsPolygonStyle(id, {
       name,
       item,
     });
-    setMeshPolygonsPolygonAttributeStoredConfig(id, name, item, {
+    await setMeshPolygonsPolygonAttributeStoredConfig(id, name, item, {
       minimum,
       maximum,
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap as string);
+    const points = getRGBPointsFromPreset(colorMap ?? "");
     const schema = meshPolygonsPolygonAttributeSchemas.attribute;
     const params = {
       id,
@@ -155,7 +177,7 @@ function useMeshPolygonsPolygonAttributeStyle() {
       params,
     });
   }
-  function applyPolygonAttribute(id: string) {
+  async function applyPolygonAttribute(id: string): Promise<unknown> {
     const name = meshPolygonsPolygonAttributeName(id);
     const item = meshPolygonsPolygonAttributeItem(id);
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);
@@ -168,19 +190,21 @@ function useMeshPolygonsPolygonAttributeStyle() {
       no_data_color: storedConfig.no_data_color,
     };
     if (isMeshPolygonsPolygonAttributeValid(attribute)) {
-      return setMeshPolygonsPolygonAttribute(id, attribute);
+      const result = await setMeshPolygonsPolygonAttribute(id, attribute);
+      return result;
     }
+    return undefined;
   }
-  function setMeshPolygonsPolygonAttributeName(id: string, name: string) {
+  async function setMeshPolygonsPolygonAttributeName(id: string, name: string): Promise<unknown> {
     const item = meshPolygonsPolygonAttributeLastItem(id, name);
-    mutateMeshPolygonsPolygonStyle(id, {
+    await mutateMeshPolygonsPolygonStyle(id, {
       name,
       item,
     });
     return applyPolygonAttribute(id);
   }
-  function setMeshPolygonsPolygonAttributeItem(id: string, item: number) {
-    mutateMeshPolygonsPolygonStyle(id, {
+  async function setMeshPolygonsPolygonAttributeItem(id: string, item: number): Promise<unknown> {
+    await mutateMeshPolygonsPolygonStyle(id, {
       item,
     });
     return applyPolygonAttribute(id);
@@ -191,10 +215,14 @@ function useMeshPolygonsPolygonAttributeStyle() {
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);
     return [storedConfig.minimum, storedConfig.maximum];
   }
-  function setMeshPolygonsPolygonAttributeRange(id: string, minimum: number, maximum: number) {
+  async function setMeshPolygonsPolygonAttributeRange(
+    id: string,
+    minimum: number,
+    maximum: number,
+  ): Promise<unknown> {
     const name = meshPolygonsPolygonAttributeName(id);
     const item = meshPolygonsPolygonAttributeItem(id);
-    setMeshPolygonsPolygonAttributeStoredConfig(id, name, item, {
+    await setMeshPolygonsPolygonAttributeStoredConfig(id, name, item, {
       minimum,
       maximum,
     });
@@ -206,10 +234,13 @@ function useMeshPolygonsPolygonAttributeStyle() {
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);
     return storedConfig.colorMap;
   }
-  function setMeshPolygonsPolygonAttributeColorMap(id: string, colorMap: string | undefined) {
+  async function setMeshPolygonsPolygonAttributeColorMap(
+    id: string,
+    colorMap: string | undefined,
+  ): Promise<unknown> {
     const name = meshPolygonsPolygonAttributeName(id);
     const item = meshPolygonsPolygonAttributeItem(id);
-    setMeshPolygonsPolygonAttributeStoredConfig(id, name, item, {
+    await setMeshPolygonsPolygonAttributeStoredConfig(id, name, item, {
       colorMap,
     });
     return applyPolygonAttribute(id);
@@ -220,7 +251,10 @@ function useMeshPolygonsPolygonAttributeStyle() {
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);
     return storedConfig.no_data_color;
   }
-  async function setMeshPolygonsPolygonAttributeNoDataColor(id: string, no_data_color: unknown) {
+  async function setMeshPolygonsPolygonAttributeNoDataColor(
+    id: string,
+    no_data_color: unknown,
+  ): Promise<unknown> {
     const name = meshPolygonsPolygonAttributeName(id);
     const item = meshPolygonsPolygonAttributeItem(id);
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);

package/internal/stores/data_style/mesh/polygons/textures.ts

@@ -8,27 +8,33 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 // Local constants
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.apply_textures;
 
-export function useMeshPolygonsTexturesStyle() {
+export function useMeshPolygonsTexturesStyle(): {
+  meshPolygonsTextures: (id: string) => unknown;
+  setMeshPolygonsTextures: (id: string, textures: unknown) => Promise<unknown>;
+} {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsTextures(id: string): unknown {
     return meshPolygonsCommonStyle.meshPolygonsColoring(id).textures;
   }
-  function setMeshPolygonsTextures(id: string, textures: unknown) {
+  async function setMeshPolygonsTextures(id: string, textures: unknown): Promise<unknown> {
     const params = { id, textures };
-    return viewerStore.request(
+    const result = await viewerStore.request(
       {
         schema,
         params,
       },
       {
-        response_function: () =>
-          meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
+        response_function: async () => {
+          const mutateResult = await meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
             coloring: { textures },
-          }),
+          });
+          return mutateResult;
+        },
       },
     );
+    return result;
   }
 
   return {

package/internal/stores/data_style/mesh/polygons/vertex.ts

@@ -3,7 +3,6 @@ import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
 import { useMeshPolygonsCommonStyle } from "./common";
 import { useViewerStore } from "@ogw_front/stores/viewer";
@@ -50,15 +49,42 @@ function isMeshPolygonsVertexAttributeValid({
   );
 }
 
+interface UseMeshPolygonsVertexAttributeStyleReturn {
+  meshPolygonsVertexAttributeName: (id: string) => string | undefined;
+  meshPolygonsVertexAttributeItem: (id: string) => number;
+  meshPolygonsVertexAttributeRange: (id: string) => [number | undefined, number | undefined];
+  meshPolygonsVertexAttributeColorMap: (id: string) => string | undefined;
+  meshPolygonsVertexAttributeStoredConfig: (
+    id: string,
+    name: string | undefined,
+    item: number | undefined,
+  ) => AttributeStoredConfig;
+  setMeshPolygonsVertexAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPolygonsVertexAttributeName: (id: string, name: string) => Promise<unknown>;
+  setMeshPolygonsVertexAttributeItem: (id: string, item: number) => Promise<unknown>;
+  setMeshPolygonsVertexAttributeRange: (
+    id: string,
+    minimum: number,
+    maximum: number,
+  ) => Promise<unknown>;
+  setMeshPolygonsVertexAttributeColorMap: (
+    id: string,
+    colorMap: string | undefined,
+  ) => Promise<unknown>;
+  meshPolygonsVertexAttributeNoDataColor: (id: string) => unknown;
+  setMeshPolygonsVertexAttributeNoDataColor: (
+    id: string,
+    no_data_color: unknown,
+  ) => Promise<unknown>;
+}
+
 // oxlint-disable-next-line max-lines-per-function
-function useMeshPolygonsVertexAttributeStyle() {
+function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeStyleReturn {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
-  function meshPolygonsColoring(id: string): StyleValues {
-    return meshPolygonsCommonStyle.meshPolygonsStyle(id).coloring as StyleValues;
-  }
   function meshPolygonsVertexAttribute(id: string): AttributeState {
-    return meshPolygonsColoring(id).vertex as AttributeState;
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.vertex shape is defined by the data style schema.
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).vertex as AttributeState;
   }
   function meshPolygonsVertexAttributeStoredConfig(
     id: string,
@@ -66,14 +92,10 @@ function useMeshPolygonsVertexAttributeStyle() {
     item: number | undefined,
   ): AttributeStoredConfig {
     const { storedConfigs } = meshPolygonsVertexAttribute(id);
-    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,35 +104,41 @@ function useMeshPolygonsVertexAttributeStyle() {
       no_data_color: DEFAULT_NO_DATA_COLOR,
     };
   }
-  function mutateMeshPolygonsVertexStyle(id: string, values: Record<string, unknown>) {
-    return meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
+  async function mutateMeshPolygonsVertexStyle(
+    id: string,
+    values: Record<string, unknown>,
+  ): Promise<string> {
+    const result = await meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
       coloring: {
         vertex: values,
       },
     });
+    return result;
   }
-  function setMeshPolygonsVertexAttributeStoredConfig(
+  async function setMeshPolygonsVertexAttributeStoredConfig(
     id: string,
     name: string | undefined,
     item: number | undefined,
     config: Partial<AttributeStoredConfig>,
-  ) {
-    return mutateMeshPolygonsVertexStyle(id, {
+  ): Promise<string> {
+    const result = await mutateMeshPolygonsVertexStyle(id, {
       storedConfigs: {
-        [name as string]: {
+        [name ?? ""]: {
           lastItem: item,
-          [item as number]: config,
+          [item ?? 0]: config,
         },
       },
     });
+    return result;
   }
   function meshPolygonsVertexAttributeName(id: string): string | undefined {
     return meshPolygonsVertexAttribute(id).name;
   }
   function meshPolygonsVertexAttributeLastItem(id: string, name: string | undefined): number {
     const { storedConfigs } = meshPolygonsVertexAttribute(id);
-    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;
   }
@@ -118,7 +146,7 @@ function useMeshPolygonsVertexAttributeStyle() {
     const { item, name } = meshPolygonsVertexAttribute(id);
     return item ?? meshPolygonsVertexAttributeLastItem(id, name);
   }
-  function setMeshPolygonsVertexAttribute(
+  async function setMeshPolygonsVertexAttribute(
     id: string,
     {
       name,
@@ -128,18 +156,18 @@ function useMeshPolygonsVertexAttributeStyle() {
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
     }: AttributeInput,
-  ) {
-    mutateMeshPolygonsVertexStyle(id, {
+  ): Promise<unknown> {
+    await mutateMeshPolygonsVertexStyle(id, {
       name,
       item,
     });
-    setMeshPolygonsVertexAttributeStoredConfig(id, name, item, {
+    await setMeshPolygonsVertexAttributeStoredConfig(id, name, item, {
       minimum,
       maximum,
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap as string);
+    const points = getRGBPointsFromPreset(colorMap ?? "");
     const schema = meshPolygonsVertexAttributeSchemas.attribute;
     const params = {
       id,
@@ -155,7 +183,7 @@ function useMeshPolygonsVertexAttributeStyle() {
       params,
     });
   }
-  function applyVertexAttribute(id: string) {
+  async function applyVertexAttribute(id: string): Promise<unknown> {
     const name = meshPolygonsVertexAttributeName(id);
     const item = meshPolygonsVertexAttributeItem(id);
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);
@@ -168,19 +196,21 @@ function useMeshPolygonsVertexAttributeStyle() {
       no_data_color: storedConfig.no_data_color,
     };
     if (isMeshPolygonsVertexAttributeValid(attribute)) {
-      return setMeshPolygonsVertexAttribute(id, attribute);
+      const result = await setMeshPolygonsVertexAttribute(id, attribute);
+      return result;
     }
+    return undefined;
   }
-  function setMeshPolygonsVertexAttributeName(id: string, name: string) {
+  async function setMeshPolygonsVertexAttributeName(id: string, name: string): Promise<unknown> {
     const item = meshPolygonsVertexAttributeLastItem(id, name);
-    mutateMeshPolygonsVertexStyle(id, {
+    await mutateMeshPolygonsVertexStyle(id, {
       name,
       item,
     });
     return applyVertexAttribute(id);
   }
-  function setMeshPolygonsVertexAttributeItem(id: string, item: number) {
-    mutateMeshPolygonsVertexStyle(id, {
+  async function setMeshPolygonsVertexAttributeItem(id: string, item: number): Promise<unknown> {
+    await mutateMeshPolygonsVertexStyle(id, {
       item,
     });
     return applyVertexAttribute(id);
@@ -191,10 +221,14 @@ function useMeshPolygonsVertexAttributeStyle() {
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);
     return [storedConfig.minimum, storedConfig.maximum];
   }
-  function setMeshPolygonsVertexAttributeRange(id: string, minimum: number, maximum: number) {
+  async function setMeshPolygonsVertexAttributeRange(
+    id: string,
+    minimum: number,
+    maximum: number,
+  ): Promise<unknown> {
     const name = meshPolygonsVertexAttributeName(id);
     const item = meshPolygonsVertexAttributeItem(id);
-    setMeshPolygonsVertexAttributeStoredConfig(id, name, item, {
+    await setMeshPolygonsVertexAttributeStoredConfig(id, name, item, {
       minimum,
       maximum,
     });
@@ -206,10 +240,13 @@ function useMeshPolygonsVertexAttributeStyle() {
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);
     return storedConfig.colorMap;
   }
-  function setMeshPolygonsVertexAttributeColorMap(id: string, colorMap: string | undefined) {
+  async function setMeshPolygonsVertexAttributeColorMap(
+    id: string,
+    colorMap: string | undefined,
+  ): Promise<unknown> {
     const name = meshPolygonsVertexAttributeName(id);
     const item = meshPolygonsVertexAttributeItem(id);
-    setMeshPolygonsVertexAttributeStoredConfig(id, name, item, {
+    await setMeshPolygonsVertexAttributeStoredConfig(id, name, item, {
       colorMap,
     });
     return applyVertexAttribute(id);
@@ -220,7 +257,10 @@ function useMeshPolygonsVertexAttributeStyle() {
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);
     return storedConfig.no_data_color;
   }
-  async function setMeshPolygonsVertexAttributeNoDataColor(id: string, no_data_color: unknown) {
+  async function setMeshPolygonsVertexAttributeNoDataColor(
+    id: string,
+    no_data_color: unknown,
+  ): Promise<unknown> {
     const name = meshPolygonsVertexAttributeName(id);
     const item = meshPolygonsVertexAttributeItem(id);
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);

package/internal/stores/data_style/mesh/polygons/visibility.ts

@@ -8,27 +8,37 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 // Local constants
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.polygons.visibility;
 
-export function useMeshPolygonsVisibilityStyle() {
+export function useMeshPolygonsVisibilityStyle(): {
+  meshPolygonsVisibility: (id: string) => boolean | undefined;
+  setMeshPolygonsVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+} {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsVisibility(id: string): boolean | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- visibility is defined as boolean in the data style schema.
     return meshPolygonsCommonStyle.meshPolygonsStyle(id).visibility as boolean | undefined;
   }
-  function setMeshPolygonsVisibility(id: string, visibility: boolean | undefined) {
+  async function setMeshPolygonsVisibility(
+    id: string,
+    visibility: boolean | undefined,
+  ): Promise<unknown> {
     const params = { id, visibility };
-    return viewerStore.request(
+    const result = await viewerStore.request(
       {
         schema,
         params,
       },
       {
-        response_function: () =>
-          meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
+        response_function: async () => {
+          const mutateResult = await meshPolygonsCommonStyle.mutateMeshPolygonsStyle(id, {
             visibility,
-          }),
+          });
+          return mutateResult;
+        },
       },
     );
+    return result;
   }
 
   return {

package/internal/stores/data_style/mesh/polyhedra/color.ts

@@ -8,27 +8,33 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 // Local constants
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.color;
 
-export function useMeshPolyhedraColorStyle() {
+export function useMeshPolyhedraColorStyle(): {
+  meshPolyhedraColor: (id: string) => unknown;
+  setMeshPolyhedraColor: (id: string, color: unknown) => Promise<unknown>;
+} {
   const viewerStore = useViewerStore();
   const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraColor(id: string): unknown {
     return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).constant;
   }
-  function setMeshPolyhedraColor(id: string, color: unknown) {
+  async function setMeshPolyhedraColor(id: string, color: unknown): Promise<unknown> {
     const params = { id, color };
-    return viewerStore.request(
+    const result = await viewerStore.request(
       {
         schema,
         params,
       },
       {
-        response_function: () =>
-          meshPolyhedraCommonStyle.mutateMeshPolyhedraColoring(id, {
+        response_function: async () => {
+          const mutation_result = await meshPolyhedraCommonStyle.mutateMeshPolyhedraColoring(id, {
             constant: color,
-          }),
+          });
+          return mutation_result;
+        },
       },
     );
+    return result;
   }
 
   return {

package/internal/stores/data_style/mesh/polyhedra/common.ts

@@ -1,27 +1,35 @@
 import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { useDataStyleState } from "@ogw_internal/stores/data_style/state";
 
-export function useMeshPolyhedraCommonStyle() {
+export function useMeshPolyhedraCommonStyle(): {
+  meshPolyhedraStyle: (id: string) => StyleValues;
+  meshPolyhedraColoring: (id: string) => StyleValues;
+  mutateMeshPolyhedraStyle: (id: string, values: StyleValues) => Promise<string>;
+  mutateMeshPolyhedraColoring: (id: string, values: StyleValues) => Promise<string>;
+} {
   const dataStyleState = useDataStyleState();
 
-  function mutateMeshPolyhedraStyle(id: string, values: StyleValues) {
-    return dataStyleState.mutateStyle(id, {
+  async function mutateMeshPolyhedraStyle(id: string, values: StyleValues): Promise<string> {
+    const result = await dataStyleState.mutateStyle(id, {
       polyhedra: values,
     });
+    return result;
   }
 
   function meshPolyhedraStyle(id: string): StyleValues {
-    return dataStyleState.getStyle(id).polyhedra as StyleValues;
+    return dataStyleState.getStyle(id).polyhedra ?? {};
   }
 
   function meshPolyhedraColoring(id: string): StyleValues {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring shape is defined by the data style schema.
     return meshPolyhedraStyle(id).coloring as StyleValues;
   }
 
-  function mutateMeshPolyhedraColoring(id: string, values: StyleValues) {
-    return mutateMeshPolyhedraStyle(id, {
+  async function mutateMeshPolyhedraColoring(id: string, values: StyleValues): Promise<string> {
+    const result = await mutateMeshPolyhedraStyle(id, {
       coloring: values,
     });
+    return result;
   }
 
   return {