@rebasepro/plugin-data-enhancement 0.2.3 → 0.3.0

package/dist/types/src/types/formex.d.ts

@@ -1,5 +1,5 @@
 import React, { FormEvent } from "react";
-export type FormexController<T = any> = {
+export type FormexController<T = unknown> = {
     values: T;
     initialValues: T;
     setValues: (values: T) => void;
@@ -32,7 +32,7 @@ export type FormexController<T = any> = {
     canUndo: boolean;
     canRedo: boolean;
 };
-export type FormexResetProps<T = any> = {
+export type FormexResetProps<T = unknown> = {
     values?: T;
     submitCount?: number;
     errors?: Record<string, string>;

package/dist/types/src/types/properties.d.ts

@@ -104,8 +104,8 @@ export interface BaseUIConfig<CustomProps = unknown> {
     disabled?: boolean | PropertyDisabledConfig;
     widthPercentage?: number;
     customProps?: CustomProps;
-    Field?: ComponentRef<any>;
-    Preview?: ComponentRef<any>;
+    Field?: ComponentRef;
+    Preview?: ComponentRef;
 }
 export interface BaseProperty<CustomProps = unknown> {
     ui?: BaseUIConfig<CustomProps>;

package/dist/types/src/types/translations.d.ts

@@ -105,6 +105,12 @@ export interface RebaseTranslations {
     navigation_drawer: string;
     collapse: string;
     expand: string;
+    /** Tooltip for the language switcher in the drawer footer */
+    change_language?: string;
+    /** Tooltip for the theme toggle in the drawer footer */
+    toggle_theme?: string;
+    /** Aria label for the user menu trigger in the drawer footer */
+    user_menu?: string;
     error: string;
     error_uploading_file: string;
     error_deleting: string;
@@ -426,18 +432,28 @@ export interface RebaseTranslations {
     deleted: string;
     select_reference: string;
     select_references: string;
-    account_settings: string;
-    profile: string;
-    sessions: string;
-    display_name: string;
-    photo_url: string;
-    save_profile: string;
-    saving: string;
-    no_active_sessions: string;
-    revoking: string;
-    revoke_all_sessions: string;
-    unknown_device: string;
-    current: string;
+    account_settings?: string;
+    profile?: string;
+    sessions?: string;
+    security?: string;
+    change_password?: string;
+    current_password?: string;
+    new_password?: string;
+    confirm_password?: string;
+    password_changed?: string;
+    passwords_dont_match?: string;
+    password_too_short?: string;
+    password_change_not_available?: string;
+    changing_password?: string;
+    display_name?: string;
+    photo_url?: string;
+    save_profile?: string;
+    saving?: string;
+    no_active_sessions?: string;
+    revoking?: string;
+    revoke_all_sessions?: string;
+    unknown_device?: string;
+    current?: string;
     role_id: string;
     role_name: string;
     add_reference: string;

package/dist/types/src/types/user_management_delegate.d.ts

@@ -104,15 +104,17 @@ export interface UserManagementDelegate<USER extends User = User> {
      * If true, the UI will allow the user to create the default roles (admin, editor, viewer).
      */
     allowDefaultRolesCreation?: boolean;
-    /**
-     * Should collection config permissions be included?
-     */
-    includeCollectionConfigPermissions?: boolean;
     /**
      * Optionally define roles for a given user. This is useful when the roles
      * are coming from a separate provider than the one issuing the tokens.
      */
     defineRolesFor?: (user: USER) => Promise<Role[] | undefined> | Role[] | undefined;
+    /**
+     * Whether any admin users exist. Used by the bootstrap banner to decide
+     * whether to prompt.  Populated via a lightweight check (e.g. `limit=1`
+     * query) instead of loading all users.
+     */
+    hasAdminUsers?: boolean;
     /**
      * Optional function to bootstrap an admin user.
      * Often used when the database is empty.

package/dist/types/src/users/roles.d.ts

@@ -11,12 +11,4 @@ export type Role = {
      * If this flag is true, the user can perform any action
      */
     isAdmin?: boolean;
-    /**
-     * Permissions related to editing the collections
-     */
-    config?: {
-        createCollections?: boolean;
-        editCollections?: boolean | "own";
-        deleteCollections?: boolean | "own";
-    };
 };

package/dist/ui/src/components/Button.d.ts

@@ -9,6 +9,6 @@ export type ButtonProps<C extends React.ElementType = "button"> = {
     fullWidth?: boolean;
     className?: string;
     component?: C;
-    onClick?: React.MouseEventHandler<any>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
 } & React.ComponentPropsWithoutRef<C>;
-export declare const Button: React.FC<ButtonProps<any>>;
+export declare const Button: React.FC<ButtonProps<React.ElementType>>;

package/dist/ui/src/components/ErrorBoundary.d.ts

@@ -1,11 +1,33 @@
 import React, { ErrorInfo, PropsWithChildren } from "react";
-export declare class ErrorBoundary extends React.Component<PropsWithChildren<Record<string, unknown>>, {
+export interface ErrorBoundaryProps {
+    /**
+     * When true, renders a full-page centered error screen instead of the
+     * compact inline error. Intended for wrapping top-level app roots or
+     * major route sections.
+     */
+    fullPage?: boolean;
+    /**
+     * Optional callback invoked when the user clicks "Try again". If provided,
+     * the boundary resets its error state and calls this handler. If omitted,
+     * the "Try again" button resets the boundary state, re-mounting children.
+     */
+    onReset?: () => void;
+}
+interface ErrorBoundaryState {
     error: Error | null;
-}> {
-    constructor(props: any);
+    showDetails: boolean;
+}
+export declare class ErrorBoundary extends React.Component<PropsWithChildren<ErrorBoundaryProps>, ErrorBoundaryState> {
+    constructor(props: PropsWithChildren<ErrorBoundaryProps>);
     static getDerivedStateFromError(error: Error): {
         error: Error;
     };
     componentDidCatch(error: Error, _errorInfo: ErrorInfo): void;
+    private handleReset;
+    private handleReload;
+    private toggleDetails;
     render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    private renderInline;
+    private renderFullPage;
 }
+export {};

package/dist/ui/src/components/VirtualTable/VirtualTable.d.ts

@@ -8,4 +8,4 @@ import { VirtualTableProps } from "./VirtualTableProps";
  *
  * @group Components
  */
-export declare const VirtualTable: React.NamedExoticComponent<VirtualTableProps<any>>;
+export declare const VirtualTable: React.NamedExoticComponent<VirtualTableProps<Record<string, unknown>>>;

package/dist/ui/src/components/VirtualTable/VirtualTableCell.d.ts

@@ -4,18 +4,18 @@ type VirtualTableCellProps<T> = {
     dataKey: string;
     column: VirtualTableColumn;
     columns: VirtualTableColumn[];
-    rowData: any;
-    cellData: any;
-    rowIndex: any;
+    rowData: T;
+    cellData: unknown;
+    rowIndex: number;
     columnIndex: number;
     cellRenderer: (props: CellRendererParams<T>) => React.ReactNode;
     sortableNodeRef?: (node: HTMLElement | null) => void;
     sortableStyle?: React.CSSProperties;
-    sortableAttributes?: Record<string, any>;
+    sortableAttributes?: Record<string, unknown>;
     isDragging?: boolean;
     isDraggable?: boolean;
     frozen?: boolean;
-    extraData?: any;
+    extraData?: unknown;
 };
-export declare const VirtualTableCell: React.NamedExoticComponent<VirtualTableCellProps<any>>;
+export declare const VirtualTableCell: React.NamedExoticComponent<VirtualTableCellProps<unknown>>;
 export {};

package/dist/ui/src/components/VirtualTable/VirtualTableHeader.d.ts

@@ -2,28 +2,28 @@ import React from "react";
 import { VirtualTableColumn, VirtualTableSort, VirtualTableWhereFilterOp } from "./VirtualTableProps";
 export type FilterFormFieldProps<CustomProps> = {
     id: React.Key;
-    filterValue: [VirtualTableWhereFilterOp, any] | undefined;
-    setFilterValue: (filterValue?: [VirtualTableWhereFilterOp, any]) => void;
+    filterValue: [VirtualTableWhereFilterOp, unknown] | undefined;
+    setFilterValue: (filterValue?: [VirtualTableWhereFilterOp, unknown]) => void;
     column: VirtualTableColumn<CustomProps>;
     hidden: boolean;
     setHidden: (hidden: boolean) => void;
 };
-type VirtualTableHeaderProps<M extends Record<string, any>> = {
+type VirtualTableHeaderProps<M extends Record<string, unknown>> = {
     resizeHandleRef: React.Ref<HTMLDivElement>;
     columnIndex: number;
     isResizingIndex: number;
-    column: VirtualTableColumn<any>;
+    column: VirtualTableColumn<unknown>;
     onColumnSort: (key: Extract<keyof M, string>) => void;
-    filter?: [VirtualTableWhereFilterOp, any];
+    filter?: [VirtualTableWhereFilterOp, unknown];
     sort: VirtualTableSort;
-    onFilterUpdate: (column: VirtualTableColumn, filterForProperty?: [VirtualTableWhereFilterOp, any]) => void;
+    onFilterUpdate: (column: VirtualTableColumn, filterForProperty?: [VirtualTableWhereFilterOp, unknown]) => void;
     onClickResizeColumn?: (columnIndex: number, column: VirtualTableColumn) => void;
-    createFilterField?: (props: FilterFormFieldProps<any>) => React.ReactNode;
+    createFilterField?: (props: FilterFormFieldProps<unknown>) => React.ReactNode;
     AdditionalHeaderWidget?: (props: {
         onHover: boolean;
     }) => React.ReactNode;
     isDragging?: boolean;
     isDraggable?: boolean;
 };
-export declare const VirtualTableHeader: React.FunctionComponent<VirtualTableHeaderProps<any>>;
+export declare const VirtualTableHeader: React.FunctionComponent<VirtualTableHeaderProps<Record<string, unknown>>>;
 export {};

package/dist/ui/src/components/VirtualTable/VirtualTableHeaderRow.d.ts

@@ -1,2 +1,2 @@
 import { VirtualTableContextProps } from "./types";
-export declare const VirtualTableHeaderRow: ({ columns, currentSort, onColumnSort, onFilterUpdate, sortByProperty, filter, onColumnResize, onColumnResizeEnd, createFilterField, AddColumnComponent, onColumnsOrderChange, data, cellRenderer: CellRenderer, rowHeight, draggingColumnId, headerHeight }: VirtualTableContextProps<any>) => import("react/jsx-runtime").JSX.Element;
+export declare const VirtualTableHeaderRow: ({ columns, currentSort, onColumnSort, onFilterUpdate, sortByProperty, filter, onColumnResize, onColumnResizeEnd, createFilterField, AddColumnComponent, onColumnsOrderChange, data, cellRenderer: CellRenderer, rowHeight, draggingColumnId, headerHeight }: VirtualTableContextProps<Record<string, unknown>>) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/components/VirtualTable/VirtualTableProps.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { FilterFormFieldProps } from "./VirtualTableHeader";
-export type OnRowClickParams<T extends Record<string, any>> = {
+export type OnRowClickParams<T extends Record<string, unknown>> = {
     rowData: T;
     rowIndex: number;
     event: React.SyntheticEvent;
@@ -9,7 +9,7 @@ export type OnRowClickParams<T extends Record<string, any>> = {
  * @see Table
  * @group Components
  */
-export interface VirtualTableProps<T extends Record<string, any>> {
+export interface VirtualTableProps<T extends Record<string, unknown>> {
     /**
      * Array of arbitrary data
      */
@@ -61,12 +61,12 @@ export interface VirtualTableProps<T extends Record<string, any>> {
     /**
      * In case this table should have some filters set by default
      */
-    filter?: VirtualTableFilterValues<any>;
+    filter?: VirtualTableFilterValues<string>;
     /**
      * Callback used when filters are updated
      * @param filter
      */
-    onFilterUpdate?: (filter?: VirtualTableFilterValues<any> | undefined) => void;
+    onFilterUpdate?: (filter?: VirtualTableFilterValues<string> | undefined) => void;
     /**
      * Callback when the table is scrolled
      * @param props
@@ -111,7 +111,7 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * Callback to create a filter field, displayed in the header as a dropdown
      * @param props
      */
-    createFilterField?: (props: FilterFormFieldProps<any>) => React.ReactNode;
+    createFilterField?: (props: FilterFormFieldProps<unknown>) => React.ReactNode;
     /**
      * Class name applied to the table
      */
@@ -141,9 +141,9 @@ export interface VirtualTableProps<T extends Record<string, any>> {
     /**
      * Extra data passed to the cell renderer
      */
-    extraData?: any;
+    extraData?: unknown;
 }
-export type CellRendererParams<T = any> = {
+export type CellRendererParams<T = unknown> = {
     column: VirtualTableColumn;
     columns: VirtualTableColumn[];
     columnIndex: number;
@@ -153,17 +153,17 @@ export type CellRendererParams<T = any> = {
     isScrolling?: boolean;
     sortableNodeRef?: (node: HTMLElement | null) => void;
     sortableStyle?: React.CSSProperties;
-    sortableAttributes?: Record<string, any>;
+    sortableAttributes?: Record<string, unknown>;
     isDragging?: boolean;
     isDraggable?: boolean;
     frozen?: boolean;
-    extraData?: any;
+    extraData?: unknown;
 };
 /**
  * @see Table
  * @group Components
  */
-export interface VirtualTableColumn<CustomProps = any> {
+export interface VirtualTableColumn<CustomProps = unknown> {
     /**
      * Data key for the cell value, could be "a.b.c"
      */
@@ -233,7 +233,7 @@ export type VirtualTableSort = "asc" | "desc" | undefined;
  * @see Table
  * @group Components
  */
-export type VirtualTableFilterValues<Key extends string> = Partial<Record<Key, [VirtualTableWhereFilterOp, any]>>;
+export type VirtualTableFilterValues<Key extends string> = Partial<Record<Key, [VirtualTableWhereFilterOp, unknown]>>;
 /**
  * Filter conditions in a `Query.where()` clause are specified using the
  * strings `<`, `<=`, `==`, `>=`, `>`, `array-contains`, `in`, and `array-contains-any`.

package/dist/ui/src/components/VirtualTable/VirtualTableRow.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { VirtualTableRowProps } from "./types";
-export declare const VirtualTableRow: React.NamedExoticComponent<VirtualTableRowProps<any>>;
+export declare const VirtualTableRow: React.NamedExoticComponent<VirtualTableRowProps<Record<string, unknown>>>;

package/dist/ui/src/components/VirtualTable/types.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import { CellRendererParams, OnRowClickParams, OnVirtualTableColumnResizeParams, VirtualTableColumn, VirtualTableFilterValues, VirtualTableWhereFilterOp } from "./VirtualTableProps";
 import { FilterFormFieldProps } from "./VirtualTableHeader";
-export type VirtualTableRowProps<T> = {
-    style: any;
+export type VirtualTableRowProps<T extends Record<string, unknown>> = {
+    style: React.CSSProperties;
     rowHeight: number;
     rowData: T;
     rowIndex: number;
-    onRowClick?: (props: OnRowClickParams<any>) => void;
+    onRowClick?: (props: OnRowClickParams<Record<string, unknown>>) => void;
     children: React.ReactNode[];
     columns: VirtualTableColumn[];
     hoverRow?: boolean;
@@ -19,20 +19,20 @@ export type VirtualTableContextProps<T> = {
     columns: VirtualTableColumn[];
     cellRenderer: React.ComponentType<CellRendererParams<T>>;
     currentSort: "asc" | "desc" | undefined;
-    filter?: VirtualTableFilterValues<any>;
-    onRowClick?: (props: OnRowClickParams<any>) => void;
-    onColumnSort: (key: string) => any;
+    filter?: VirtualTableFilterValues<string>;
+    onRowClick?: (props: OnRowClickParams<Record<string, unknown>>) => void;
+    onColumnSort: (key: string) => void;
     onColumnResize: (params: OnVirtualTableColumnResizeParams) => void;
     onColumnResizeEnd: (params: OnVirtualTableColumnResizeParams) => void;
-    onFilterUpdate: (column: VirtualTableColumn, filterForProperty?: [VirtualTableWhereFilterOp, any]) => void;
+    onFilterUpdate: (column: VirtualTableColumn, filterForProperty?: [VirtualTableWhereFilterOp, unknown]) => void;
     sortByProperty?: string;
     customView?: React.ReactNode;
     hoverRow: boolean;
-    createFilterField?: (props: FilterFormFieldProps<any>) => React.ReactNode;
+    createFilterField?: (props: FilterFormFieldProps<unknown>) => React.ReactNode;
     rowClassName?: (rowData: T) => string | undefined;
     endAdornment?: React.ReactNode;
     AddColumnComponent?: React.ComponentType;
     onColumnsOrderChange?: (columns: VirtualTableColumn[]) => void;
     draggingColumnId?: string | null;
-    extraData?: Record<string, any>;
+    extraData?: unknown;
 };

package/dist/ui/src/hooks/useDebounceCallback.d.ts

@@ -1 +1 @@
-export declare function useDebounceCallback<T extends (...args: any[]) => any>(callback?: T, delay?: number): T;
+export declare function useDebounceCallback<T extends (...args: any[]) => unknown>(callback?: T, delay?: number): T;

package/dist/ui/src/util/debounce.d.ts

@@ -1,7 +1,7 @@
 /**
  * @ignore
  */
-export declare function debounce<T extends (...args: any[]) => any>(func: T, wait?: number): T & Cancelable;
+export declare function debounce<T extends (...args: any[]) => unknown>(func: T, wait?: number): T & Cancelable;
 /**
  * @ignore
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/plugin-data-enhancement",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -16,12 +16,12 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@rebasepro/admin": "0.2.3",
-    "@rebasepro/common": "0.2.3",
-    "@rebasepro/types": "0.2.3",
-    "@rebasepro/ui": "0.2.3",
-    "@rebasepro/core": "0.2.3",
-    "@rebasepro/utils": "0.2.3"
+    "@rebasepro/admin": "0.3.0",
+    "@rebasepro/common": "0.3.0",
+    "@rebasepro/ui": "0.3.0",
+    "@rebasepro/utils": "0.3.0",
+    "@rebasepro/types": "0.3.0",
+    "@rebasepro/core": "0.3.0"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/src/api.ts

@@ -25,8 +25,8 @@ export async function enhanceDataAPIStream<M extends Record<string, unknown>>(pr
 
     instructions?: string,
     firebaseToken: string,
-    onUpdate: (suggestions: Record<string, any>) => void;
-    onUpdateDelta: (propertyKey: string, partialValue: any) => void;
+    onUpdate: (suggestions: Record<string, string | number>) => void;
+    onUpdateDelta: (propertyKey: string, partialValue: string) => void;
     onError: (error: Error) => void;
     onEnd: (result: EnhancedDataResult) => void;
     host?: string;
@@ -89,10 +89,10 @@ export async function enhanceDataAPIStream<M extends Record<string, unknown>>(pr
                                 props.onEnd(data.data);
                         }
                     });
-                } catch (e: any) {
+                } catch (e: unknown) {
                     console.error("str", str);
                     console.error("Error parsing stream", e);
-                    props.onError(e);
+                    props.onError(e instanceof Error ? e : new Error(String(e)));
                 }
             }
 

package/src/components/DataEnhancementControllerProvider.tsx

@@ -58,7 +58,7 @@ export function DataEnhancementControllerProvider({
     path,
     collection,
     formContext
-}: PropsWithChildren<DataEnhancementControllerProviderProps & PluginFormActionProps<any>>) {
+}: PropsWithChildren<DataEnhancementControllerProviderProps & PluginFormActionProps>) {
 
     const [enabled, setEnabled] = useState(false);
     const [suggestions, setSuggestions] = useState<Record<string, string | number>>({});
@@ -193,7 +193,7 @@ export function DataEnhancementControllerProvider({
         }));
     }, [properties, formContext]);
 
-    const displayNeededSubscriptionSnackbar = useCallback((projectId: any) => {
+    const displayNeededSubscriptionSnackbar = useCallback((projectId: unknown) => {
         snackbarController.open({
             type: "warning",
             message: "A valid subscription is needed in order to use this function.",
@@ -207,7 +207,7 @@ export function DataEnhancementControllerProvider({
         setSuggestions({});
     }, []);
 
-    const enhance = useCallback(async (props: EnhanceParams<any>): Promise<EnhancedDataResult | null> => {
+    const enhance = useCallback(async (props: EnhanceParams<Record<string, unknown>>): Promise<EnhancedDataResult | null> => {
 
         if (!authController.user) {
             snackbarController.open({
@@ -232,10 +232,13 @@ export function DataEnhancementControllerProvider({
         const currentValues = valuesRef.current ?? {};
 
         return new Promise((resolve, reject) => {
-            function onError(e: any) {
+            function onError(e: unknown) {
                 setLoadingSuggestions([]);
-                if (e.code === "payment-required") {
-                    const projectId = e.data.projectId;
+                const err = e instanceof Error ? e : typeof e === "object" && e !== null ? e : new Error(String(e));
+                const errorObj = err as Record<string, unknown>;
+                if (errorObj.code === "payment-required") {
+                    const data = errorObj.data as Record<string, unknown> | undefined;
+                    const projectId = data?.projectId;
                     displayNeededSubscriptionSnackbar(projectId);
                 } else {
                     console.error("Enhance error", e);
@@ -286,7 +289,7 @@ export function DataEnhancementControllerProvider({
                         enhancingInProgress.current = false;
                     }
                 }).catch(onError);
-            } catch (e: any) {
+            } catch (e: unknown) {
                 onError(e);
             }
         });

package/src/index.ts

@@ -5,6 +5,5 @@ export type {
     DataEnhancementPluginProps
 } from "./useDataEnhancementPlugin";
 
-export type { SubscriptionMessageProps } from "./types/subscriptions_message_props";
 
 export * from "./editor/useEditorAIController";

package/src/tests/strings_counter.test.ts

@@ -0,0 +1,101 @@
+import { countStringCharacters } from "../utils/strings_counter";
+import type { Properties } from "@rebasepro/types";
+
+describe("countStringCharacters", () => {
+    it("counts characters in a string property", () => {
+        const values = { title: "Hello World" };
+        const properties: Properties = {
+            title: { name: "title", type: "string" }
+        };
+        expect(countStringCharacters(values, properties)).toBe(11);
+    });
+
+    it("counts characters in a number property (stringified)", () => {
+        const values = { price: 12345 };
+        const properties: Properties = {
+            price: { name: "price", type: "number" }
+        };
+        expect(countStringCharacters(values, properties)).toBe(5);
+    });
+
+    it("skips disabled properties", () => {
+        const values = { title: "Hello", hidden: "Secret" };
+        const properties: Properties = {
+            title: { name: "title", type: "string" },
+            hidden: { name: "hidden", type: "string", ui: { disabled: true } }
+        };
+        expect(countStringCharacters(values, properties)).toBe(5);
+    });
+
+    it("counts array of strings", () => {
+        const values = { tags: ["hello", "world", "test"] };
+        const properties: Properties = {
+            tags: {
+                name: "tags",
+                type: "array",
+                of: { name: "tag", type: "string" }
+            }
+        };
+        // "hello" (5) + "world" (5) + "test" (4) = 14
+        expect(countStringCharacters(values, properties)).toBe(14);
+    });
+
+    it("recurses into map properties", () => {
+        const values = {
+            address: { city: "New York", country: "USA" }
+        };
+        const properties: Properties = {
+            address: {
+                name: "address",
+                type: "map",
+                properties: {
+                    city: { name: "city", type: "string" },
+                    country: { name: "country", type: "string" }
+                }
+            }
+        };
+        // "New York" (8) + "USA" (3) = 11
+        expect(countStringCharacters(values, properties)).toBe(11);
+    });
+
+    it("returns 0 for empty values", () => {
+        const properties: Properties = {
+            title: { name: "title", type: "string" }
+        };
+        expect(countStringCharacters({}, properties)).toBe(0);
+    });
+
+    it("handles mixed property types", () => {
+        const values = {
+            title: "Hello",
+            count: 42,
+            active: true,
+            tags: ["a", "bb"]
+        };
+        const properties: Properties = {
+            title: { name: "title", type: "string" },
+            count: { name: "count", type: "number" },
+            active: { name: "active", type: "boolean" },
+            tags: {
+                name: "tags",
+                type: "array",
+                of: { name: "tag", type: "string" }
+            }
+        };
+        // "Hello" (5) + "42" (2) + "a" (1) + "bb" (2) = 10
+        expect(countStringCharacters(values, properties)).toBe(10);
+    });
+
+    it("handles null values in array gracefully", () => {
+        const values = { tags: [null, "hello", null] };
+        const properties: Properties = {
+            tags: {
+                name: "tags",
+                type: "array",
+                of: { name: "tag", type: "string" }
+            }
+        };
+        // null?.length = 0, "hello" = 5, null?.length = 0
+        expect(countStringCharacters(values, properties)).toBe(5);
+    });
+});