@sincpro/mobile 0.4.3 → 0.4.4

package/dist/adapters/ReceiptExporter.adapter.js

@@ -3,6 +3,14 @@ import * as Sharing from "expo-sharing";
 import { PDFDocument } from "pdf-lib";
 import { Platform } from "react-native";
 import { captureRef } from "react-native-view-shot";
+/**
+ * view-shot 6 types a target as a class instance or a host node. React Native
+ * 0.88 types `View` as a function, so the ref we already hold is the same
+ * object at runtime and a different type here.
+ */
+function shotTarget(viewRef) {
+    return viewRef;
+}
 const DEFAULT_CONFIG = {
     RECEIPT_WIDTH_MM: 72,
     MM_TO_POINTS: 2.83464567,
@@ -16,7 +24,7 @@ function generateFileName(baseName, extension = "pdf") {
     return `${sanitized}_${Date.now()}.${extension}`;
 }
 async function captureViewToTmpFile(viewRef, quality) {
-    const tmpUri = await captureRef(viewRef, {
+    const tmpUri = await captureRef(shotTarget(viewRef), {
         format: "jpg",
         quality,
         result: "tmpfile",
@@ -67,7 +75,7 @@ async function captureViewToBase64(viewRef, quality) {
     if (!viewRef.current)
         return null;
     try {
-        const base64 = await captureRef(viewRef, {
+        const base64 = await captureRef(shotTarget(viewRef), {
             format: "png",
             quality,
             result: "base64",

package/dist/entrypoints/ui/common_provider.d.ts

@@ -36,6 +36,6 @@ interface CommonProviderProps {
     lightTheme?: ThemeTokens;
     darkTheme?: ThemeTokens;
 }
-export declare function CommonProvider({ children, lightTheme, darkTheme }: CommonProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommonProvider({ children, lightTheme, darkTheme }: CommonProviderProps): import("react").JSX.Element;
 export declare function useCommon(): ICommonContext;
 export {};

package/dist/entrypoints/ui/common_provider.js

@@ -104,10 +104,10 @@ export function CommonProvider({ children, lightTheme, darkTheme }) {
         applyTheme(scheme);
     }, [applyTheme]);
     useEffect(() => {
-        checkGeoPermission();
+        Promise.resolve().then(() => checkGeoPermission());
         const sub = AppState.addEventListener("change", (state) => {
             if (state === "active")
-                checkGeoPermission();
+                Promise.resolve().then(() => checkGeoPermission());
         });
         return () => sub.remove();
     }, [checkGeoPermission]);

package/dist/entrypoints/ui/domain_switcher.d.ts

@@ -13,7 +13,7 @@ export declare function DomainSwitcherProvider(props: {
     apps: DomainApp[];
     initialDomain: string;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useDomainSwitcher(): DomainSwitcherValue;
-export declare function ActiveDomainApp(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ActiveDomainApp(): import("react").JSX.Element | null;
 export {};

package/dist/framework/feature.d.ts

@@ -0,0 +1,26 @@
+/**
+ * One operation. What the context injects (a repository, an adapter) is `deps`,
+ * typed by the subclass.
+ *
+ * `new` returns a proxy: every public method of the subclass runs inside a span
+ * named `ClassName.method`. A name that starts with `_` does not. The author
+ * does not open a span. If tracing is not initialized, or the exporter fails,
+ * the method still runs.
+ *
+ * A subclass constructor calls `super(deps)` and does not return another object.
+ */
+export declare class Feature<Deps extends object = Record<string, never>> {
+    protected readonly deps: Deps;
+    constructor(deps?: Deps);
+}
+/**
+ * Composes the `Feature`s of its own context. `features` is that set, and only
+ * that set: another context's feature is not on the type.
+ *
+ * `run` is the parent span. Each `this.features.*` call in that turn is a child
+ * of the same trace. It does not call another `ApplicationService`.
+ */
+export declare class ApplicationService<TFeatures extends Record<string, Feature<Record<string, unknown>>>, Deps extends object = Record<string, never>> extends Feature<Deps> {
+    protected readonly features: TFeatures;
+    constructor(features: TFeatures, deps?: Deps);
+}

package/dist/framework/feature.js

@@ -0,0 +1,36 @@
+import { interceptInstance } from "../infrastructure/interceptor/intercept";
+import { tracingHooks } from "../infrastructure/telemetry/tracing/tracing_hooks";
+/**
+ * One operation. What the context injects (a repository, an adapter) is `deps`,
+ * typed by the subclass.
+ *
+ * `new` returns a proxy: every public method of the subclass runs inside a span
+ * named `ClassName.method`. A name that starts with `_` does not. The author
+ * does not open a span. If tracing is not initialized, or the exporter fails,
+ * the method still runs.
+ *
+ * A subclass constructor calls `super(deps)` and does not return another object.
+ */
+export class Feature {
+    deps;
+    constructor(deps) {
+        this.deps = deps ?? {};
+        return interceptInstance(this, tracingHooks(new.target.name), {
+            skip: (methodName) => methodName.startsWith("_"),
+        });
+    }
+}
+/**
+ * Composes the `Feature`s of its own context. `features` is that set, and only
+ * that set: another context's feature is not on the type.
+ *
+ * `run` is the parent span. Each `this.features.*` call in that turn is a child
+ * of the same trace. It does not call another `ApplicationService`.
+ */
+export class ApplicationService extends Feature {
+    features;
+    constructor(features, deps) {
+        super(deps);
+        this.features = features;
+    }
+}

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export { BaseModule, baseModule } from "./framework/base_module";
 export type { AppConfig } from "./framework/createApp";
 export { createApp } from "./framework/createApp";
 export { DomainModule } from "./framework/domain_module";
+export { ApplicationService, Feature } from "./framework/feature";
 export { Kernel } from "./framework/kernel";
 export { orchestrator } from "./framework/orchestrator";
 export { installGlobalErrorHandler } from "./infrastructure/ui/errorHandler";

package/dist/index.js

@@ -6,6 +6,7 @@ export { createTheme } from "./entrypoints/ui/theme";
 export { BaseModule, baseModule } from "./framework/base_module";
 export { createApp } from "./framework/createApp";
 export { DomainModule } from "./framework/domain_module";
+export { ApplicationService, Feature } from "./framework/feature";
 export { Kernel } from "./framework/kernel";
 export { orchestrator } from "./framework/orchestrator";
 export { installGlobalErrorHandler } from "./infrastructure/ui/errorHandler";

package/dist/infrastructure/interceptor/intercept.d.ts

@@ -41,6 +41,10 @@ export declare function interceptClass<T extends new (...args: never[]) => objec
  * function's `.name` (or `"anonymous"` if unnamed).
  */
 export declare function interceptFunction<T extends (...args: never[]) => unknown>(fn: T, hooks: InterceptorHooks): T;
+export type InstanceInterceptOptions = {
+    /** Method names for which the proxy returns the raw function. */
+    skip?: (methodName: string) => boolean;
+};
 /**
  * Wraps a single live instance via Proxy without touching the class prototype.
  * Use for singletons exported directly (e.g. `dbCursor`, `distributionWorkflows`).
@@ -52,6 +56,7 @@ export declare function interceptFunction<T extends (...args: never[]) => unknow
  *
  * Hooks contract: `before` fires before the call; `after` fires on success with
  * the resolved value; `onError` fires on throw or rejection — the error is always
- * re-thrown after `onError` completes.
+ * re-thrown after `onError` completes. `skip` leaves a method unwrapped — a `_`
+ * helper must not open a span.
  */
-export declare function interceptInstance<T extends object>(instance: T, hooks: InterceptorHooks): T;
+export declare function interceptInstance<T extends object>(instance: T, hooks: InterceptorHooks, options?: InstanceInterceptOptions): T;

package/dist/infrastructure/interceptor/intercept.js

@@ -96,9 +96,10 @@ export function interceptFunction(fn, hooks) {
  *
  * Hooks contract: `before` fires before the call; `after` fires on success with
  * the resolved value; `onError` fires on throw or rejection — the error is always
- * re-thrown after `onError` completes.
+ * re-thrown after `onError` completes. `skip` leaves a method unwrapped — a `_`
+ * helper must not open a span.
  */
-export function interceptInstance(instance, hooks) {
+export function interceptInstance(instance, hooks, options) {
     const className = instance.constructor?.name ?? "Object";
     return new Proxy(instance, {
         get(target, prop, receiver) {
@@ -106,6 +107,8 @@ export function interceptInstance(instance, hooks) {
             if (typeof value !== "function" || typeof prop === "symbol") {
                 return value;
             }
+            if (options?.skip?.(prop))
+                return value;
             return wrap(value, className, prop, hooks).bind(target);
         },
     });

package/dist/infrastructure/telemetry/tracing/tracing_hooks.d.ts

@@ -1,10 +1,13 @@
-import type { InterceptorHooks } from "../../interceptor/intercept";
+import type { InterceptorHooks } from "../../../infrastructure/interceptor/intercept";
 /**
- * Returns InterceptorHooks that record an OTel span for every intercepted
- * method call. Parent-child relationships are maintained through the framework
- * StackContextManager: the OTel context (with the active span) is stored as a
- * value inside our Context, pushed in `before` and popped in `after`/`onError`.
+ * A span per intercepted call. The active span lives in the framework context,
+ * so a nested call — an application service running a feature — is a child of
+ * the same trace.
  *
- * @param tracerName - instrumentation scope name, e.g. "sincpro.mobile.checkout"
+ * Tracing is optional. No provider, a missing SDK, or an exporter that throws:
+ * the hooks swallow it and the use case runs. `before` only records a push it
+ * actually made, so `after` never pops a context it did not push.
+ *
+ * @param tracerName - instrumentation scope, e.g. "sincpro.mobile.checkout"
  */
 export declare function tracingHooks(tracerName: string): InterceptorHooks;

package/dist/infrastructure/telemetry/tracing/tracing_hooks.js

@@ -1,59 +1,82 @@
 import { ROOT_CONTEXT as OTEL_ROOT, SpanStatusCode, trace } from "@opentelemetry/api";
-import { _getContextManager } from "../../context_manager/index";
-import { OTEL_CTX_KEY } from "../context_keys";
+import { _getContextManager } from "../../../infrastructure/context_manager";
+import { OTEL_CTX_KEY } from "../../../infrastructure/telemetry/context_keys";
 const _spanMap = new WeakMap();
 // Tracks whether `before` successfully pushed a context entry for this call.
 // Guards `after`/`onError` against popping a context they never pushed.
 const _pushedMap = new WeakSet();
 /**
- * Returns InterceptorHooks that record an OTel span for every intercepted
- * method call. Parent-child relationships are maintained through the framework
- * StackContextManager: the OTel context (with the active span) is stored as a
- * value inside our Context, pushed in `before` and popped in `after`/`onError`.
+ * A span per intercepted call. The active span lives in the framework context,
+ * so a nested call — an application service running a feature — is a child of
+ * the same trace.
  *
- * @param tracerName - instrumentation scope name, e.g. "sincpro.mobile.checkout"
+ * Tracing is optional. No provider, a missing SDK, or an exporter that throws:
+ * the hooks swallow it and the use case runs. `before` only records a push it
+ * actually made, so `after` never pops a context it did not push.
+ *
+ * @param tracerName - instrumentation scope, e.g. "sincpro.mobile.checkout"
  */
 export function tracingHooks(tracerName) {
     return {
         before(call) {
-            const manager = _getContextManager();
-            const frameworkCtx = manager.active();
-            // Read the OTel context carried inside our framework context.
-            // Falls back to OTel ROOT if tracing has not been initialized yet.
-            const otelCtx = frameworkCtx.get(OTEL_CTX_KEY) ?? OTEL_ROOT;
-            const spanName = call.className
-                ? `${call.className}.${call.methodName}`
-                : call.methodName;
-            const span = trace.getTracer(tracerName).startSpan(spanName, undefined, otelCtx);
-            _spanMap.set(call, span);
-            // Store the updated OTel context (now containing this span) back into
-            // the framework context and push it onto the stack so nested calls see
-            // this span as their parent.
-            const newOtelCtx = trace.setSpan(otelCtx, span);
-            manager.push(frameworkCtx.set(OTEL_CTX_KEY, newOtelCtx));
-            _pushedMap.add(call);
+            try {
+                const manager = _getContextManager();
+                const frameworkCtx = manager.active();
+                const otelCtx = frameworkCtx.get(OTEL_CTX_KEY) ?? OTEL_ROOT;
+                const spanName = call.className
+                    ? `${call.className}.${call.methodName}`
+                    : call.methodName;
+                const span = trace.getTracer(tracerName).startSpan(spanName, undefined, otelCtx);
+                _spanMap.set(call, span);
+                manager.push(frameworkCtx.set(OTEL_CTX_KEY, trace.setSpan(otelCtx, span)));
+                _pushedMap.add(call);
+            }
+            catch {
+                _spanMap.delete(call);
+            }
         },
         after(call) {
             const span = _spanMap.get(call);
-            if (!span)
-                return;
             _spanMap.delete(call);
-            span.setStatus({ code: SpanStatusCode.OK });
-            span.end();
-            if (_pushedMap.delete(call))
-                _getContextManager().pop();
+            try {
+                span?.setStatus({ code: SpanStatusCode.OK });
+                span?.end();
+            }
+            catch {
+                // The use case already finished. A failing exporter does not change that.
+            }
+            finally {
+                pop(call);
+            }
         },
         onError(call, error) {
             const span = _spanMap.get(call);
-            if (!span)
-                return;
             _spanMap.delete(call);
-            if (error instanceof Error)
-                span.recordException(error);
-            span.setStatus({ code: SpanStatusCode.ERROR, message: error?.message });
-            span.end();
-            if (_pushedMap.delete(call))
-                _getContextManager().pop();
+            try {
+                if (error instanceof Error)
+                    span?.recordException(error);
+                span?.setStatus({
+                    code: SpanStatusCode.ERROR,
+                    message: error instanceof Error ? error.message : undefined,
+                });
+                span?.end();
+            }
+            catch {
+                // Same as `after`: the business error is the one that propagates.
+            }
+            finally {
+                pop(call);
+            }
         },
     };
 }
+function pop(call) {
+    if (!_pushedMap.delete(call))
+        return;
+    try {
+        _getContextManager().pop();
+    }
+    catch {
+        // The stack was already cleared. Nothing of this call is left on it.
+    }
+}

package/dist/ui/components/atoms/DebugBanner.d.ts

@@ -1,2 +1,2 @@
-declare function DebugBanner(): import("react/jsx-runtime").JSX.Element | null;
+declare function DebugBanner(): import("react").JSX.Element | null;
 export { DebugBanner };

package/dist/ui/components/molecules/BluetoothDeviceSelectorModal.d.ts

@@ -4,5 +4,5 @@ interface BluetoothDeviceSelectorModalProps {
     onClose: () => void;
     onSelect: (device: BluetoothDevice) => void;
 }
-declare function BluetoothDeviceSelectorModal({ visible, onClose, onSelect, }: BluetoothDeviceSelectorModalProps): import("react/jsx-runtime").JSX.Element;
+declare function BluetoothDeviceSelectorModal({ visible, onClose, onSelect, }: BluetoothDeviceSelectorModalProps): import("react").JSX.Element;
 export { BluetoothDeviceSelectorModal };

package/dist/ui/components/molecules/BluetoothDeviceSelectorModal.js

@@ -23,6 +23,13 @@ function BluetoothDeviceSelectorModal({ visible, onClose, onSelect, }) {
     const [loading, setLoading] = useState(false);
     const [selectedDevice, setSelectedDevice] = useState(null);
     const [connecting, setConnecting] = useState(false);
+    const [prevVisible, setPrevVisible] = useState(visible);
+    if (visible !== prevVisible) {
+        setPrevVisible(visible);
+        if (visible) {
+            setSelectedDevice(null);
+        }
+    }
     const loadDevices = useCallback(async () => {
         setLoading(true);
         try {
@@ -38,8 +45,7 @@ function BluetoothDeviceSelectorModal({ visible, onClose, onSelect, }) {
     }, []);
     useEffect(() => {
         if (visible) {
-            loadDevices();
-            setSelectedDevice(null);
+            Promise.resolve().then(() => loadDevices());
         }
     }, [visible, loadDevices]);
     async function handleConfirm() {

package/dist/ui/components/molecules/DeadLetterErrorBlock.d.ts

@@ -4,5 +4,5 @@ interface DeadLetterErrorBlockProps {
     onToggle: () => void;
     previewChars?: number;
 }
-declare function DeadLetterErrorBlock({ errorMessage, expanded, onToggle, previewChars, }: DeadLetterErrorBlockProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DeadLetterErrorBlock({ errorMessage, expanded, onToggle, previewChars, }: DeadLetterErrorBlockProps): import("react").JSX.Element | null;
 export default DeadLetterErrorBlock;

package/dist/ui/components/molecules/EventTimelineItem.d.ts

@@ -3,5 +3,5 @@ interface EventTimelineItemProps {
     event: DomainEvent;
     isLast?: boolean;
 }
-declare function EventTimelineItem({ event, isLast }: EventTimelineItemProps): import("react/jsx-runtime").JSX.Element;
+declare function EventTimelineItem({ event, isLast }: EventTimelineItemProps): import("react").JSX.Element;
 export default EventTimelineItem;

package/dist/ui/components/molecules/GeoPermissionCard.d.ts

@@ -4,5 +4,5 @@ interface GeoPermissionCardProps {
     loading?: boolean;
     handleRequestPermission?: () => void;
 }
-declare function GeoPermissionCard({ title, loading, handleRequestPermission, hasPermission, }: GeoPermissionCardProps): import("react/jsx-runtime").JSX.Element;
+declare function GeoPermissionCard({ title, loading, handleRequestPermission, hasPermission, }: GeoPermissionCardProps): import("react").JSX.Element;
 export default GeoPermissionCard;

package/dist/ui/components/molecules/ProcessToastProvider.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from "react";
 export declare function ProcessToastProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/ui/components/molecules/TimeZoneSelector.d.ts

@@ -3,5 +3,5 @@ interface TimeZoneSelectorProps {
     onSelect?: (tz: TimezoneLocale) => void;
     timezone?: string | null;
 }
-export declare function TimeZoneSelector({ onSelect, timezone }: TimeZoneSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeZoneSelector({ onSelect, timezone }: TimeZoneSelectorProps): import("react").JSX.Element;
 export {};

package/dist/ui/components/molecules/TimeZoneSelectorModal.d.ts

@@ -5,5 +5,5 @@ interface TimeZoneSelectorModalProps {
     onSelect: (tz: TimezoneLocale) => void;
     currentTimezone?: string | null;
 }
-declare function TimeZoneSelectorModal({ visible, onClose, onSelect, currentTimezone, }: TimeZoneSelectorModalProps): import("react/jsx-runtime").JSX.Element;
+declare function TimeZoneSelectorModal({ visible, onClose, onSelect, currentTimezone, }: TimeZoneSelectorModalProps): import("react").JSX.Element;
 export { TimeZoneSelectorModal };

package/dist/ui/components/molecules/TimeZoneSelectorModal.js

@@ -4,7 +4,7 @@ import { Display } from "@sincpro/mobile-ui/Display";
 import { Form } from "@sincpro/mobile-ui/Form";
 import { useTheme } from "@sincpro/mobile-ui/theme";
 import { Typography } from "@sincpro/mobile-ui/Typography";
-import { useEffect, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { TextInput, TouchableOpacity, View } from "react-native";
 const TIMEZONES_LOCALES = {
     bolivia: { timezone: "America/La_Paz", locale: "es-BO" },
@@ -27,12 +27,14 @@ function TimeZoneSelectorModal({ visible, onClose, onSelect, currentTimezone, })
     const theme = useTheme();
     const [query, setQuery] = useState("");
     const [selectedTimezone, setSelectedTimezone] = useState(currentTimezone || null);
-    useEffect(() => {
+    const [prevVisible, setPrevVisible] = useState(visible);
+    if (visible !== prevVisible) {
+        setPrevVisible(visible);
         if (visible) {
             setQuery("");
             setSelectedTimezone(currentTimezone || null);
         }
-    }, [visible]);
+    }
     const timezoneList = useMemo(() => {
         return Object.values(TIMEZONES_LOCALES).map((tz) => ({
             ...tz,

package/dist/ui/components/organisms/BluetoothPrinterSelector.d.ts

@@ -5,5 +5,5 @@ interface BluetoothPrinterSelectorProps {
     /** Render as section rows (no outer card) — use inside FormViewV2.Content.Section. */
     compact?: boolean;
 }
-declare function BluetoothPrinterSelector({ onPrinterSelected, onConnectionChange, compact, }: BluetoothPrinterSelectorProps): import("react/jsx-runtime").JSX.Element;
+declare function BluetoothPrinterSelector({ onPrinterSelected, onConnectionChange, compact, }: BluetoothPrinterSelectorProps): import("react").JSX.Element;
 export { BluetoothPrinterSelector };

package/dist/ui/components/organisms/BluetoothPrinterSelector.js

@@ -43,6 +43,9 @@ function BluetoothPrinterSelector({ onPrinterSelected, onConnectionChange, compa
         setIsConnected(connected);
     }, []);
     useEffect(() => {
+        // Async side effect on mount — checkStatus does sync setState internally,
+        // which is the documented React 19 pattern for on-mount async work.
+        // eslint-disable-next-line react-hooks/set-state-in-effect
         checkStatus();
     }, [checkStatus]);
     useEffect(() => {

package/dist/ui/components/organisms/DatabaseInfoRow.d.ts

@@ -7,5 +7,5 @@ interface DatabaseInfoRowProps {
     item: DatabaseInfoRowData;
     onPress?: () => void;
 }
-declare function DatabaseInfoRow({ item, onPress }: DatabaseInfoRowProps): import("react/jsx-runtime").JSX.Element;
+declare function DatabaseInfoRow({ item, onPress }: DatabaseInfoRowProps): import("react").JSX.Element;
 export default DatabaseInfoRow;

package/dist/ui/components/organisms/DeadLetterQueueRow.d.ts

@@ -1,7 +1,8 @@
 import { DomainEvent } from "../../../domain/event_sourcing";
 import { IRowItemProps } from "@sincpro/mobile-ui/views/types/IListView";
+import React from "react";
 interface DeadLetterQueueRowProps extends IRowItemProps<DomainEvent> {
     onRetry: (event: DomainEvent) => Promise<void> | void;
 }
-declare function DeadLetterQueueRow({ item, onRetry }: DeadLetterQueueRowProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DeadLetterQueueRow({ item, onRetry }: DeadLetterQueueRowProps): React.JSX.Element | null;
 export default DeadLetterQueueRow;

package/dist/ui/components/organisms/EventRow.d.ts

@@ -3,5 +3,5 @@ interface EventRowProps {
     item: DomainEvent;
     onRetry: (event: DomainEvent) => Promise<void> | void;
 }
-declare function EventRow({ item, onRetry }: EventRowProps): import("react/jsx-runtime").JSX.Element | null;
+declare function EventRow({ item, onRetry }: EventRowProps): import("react").JSX.Element | null;
 export default EventRow;

package/dist/ui/components/organisms/InjectableWebView.d.ts

@@ -27,8 +27,8 @@ interface WebViewControlsProps {
     onGoForward: () => void;
     onReload: () => void;
 }
-declare function WebViewControls({ canGoBack: _canGoBack, canGoForward: _canGoForward, onGoBack: _onGoBack, onGoForward: _onGoForward, onReload: _onReload, }: WebViewControlsProps): import("react/jsx-runtime").JSX.Element;
-declare function InjectableWebView({ url, scripts, injectedJavaScript, onMessage, onNavigationChange, onLoadStart, onLoadEnd, onError, renderLoading, backgroundColor, reloadKey, hardRefreshKey, maxRetries, useDefaultCache, }: InjectableWebViewProps): import("react/jsx-runtime").JSX.Element;
+declare function WebViewControls({ canGoBack: _canGoBack, canGoForward: _canGoForward, onGoBack: _onGoBack, onGoForward: _onGoForward, onReload: _onReload, }: WebViewControlsProps): import("react").JSX.Element;
+declare function InjectableWebView({ url, scripts, injectedJavaScript, onMessage, onNavigationChange, onLoadStart, onLoadEnd, onError, renderLoading, backgroundColor, reloadKey, hardRefreshKey, maxRetries, useDefaultCache, }: InjectableWebViewProps): import("react").JSX.Element;
 declare namespace InjectableWebView {
     var Controls: typeof WebViewControls;
 }

package/dist/ui/components/organisms/InjectableWebView.js

@@ -4,15 +4,18 @@ import { webViewService } from "../../../services/webview.service";
 import { useToast } from "@sincpro/mobile-ui/Feedback";
 import Spinner from "@sincpro/mobile-ui/Feedback/Feedback.Spinner";
 import { useBottomInset } from "@sincpro/mobile-ui/layouts/BottomInset";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState, } from "react";
 import { BackHandler, StyleSheet, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
-import WebView from "react-native-webview";
+import RawWebView from "react-native-webview";
+// The library defaults its extra-props generic to `undefined`, and
+// `WebViewProps & undefined` collapses to `never`. An empty record keeps the real props.
+const WebView = RawWebView;
 function WebViewControls({ canGoBack: _canGoBack, canGoForward: _canGoForward, onGoBack: _onGoBack, onGoForward: _onGoForward, onReload: _onReload, }) {
     return _jsx(View, {});
 }
 function WebViewLoadingIndicator({ backgroundColor }) {
-    return (_jsx(View, { style: [StyleSheet.absoluteFillObject, styles.loading, { backgroundColor }], children: _jsx(Spinner, { size: "large", text: "Cargando p\u00E1gina..." }) }));
+    return (_jsx(View, { style: [StyleSheet.absoluteFill, styles.loading, { backgroundColor }], children: _jsx(Spinner, { size: "large", text: "Cargando p\u00E1gina..." }) }));
 }
 function useWebView() {
     const toast = useToast();

package/dist/ui/components/organisms/Receipt.d.ts

@@ -1,4 +1,5 @@
 import { FormatterMap, LabelMap } from "../../../domain/receipt";
+import React from "react";
 interface ReceiptProps {
     data: Record<string, any>;
     labels?: LabelMap;
@@ -7,5 +8,5 @@ interface ReceiptProps {
     formatters?: FormatterMap;
     emptyPlaceholder?: string;
 }
-declare function Receipt({ data, labels, order, strictOrder, formatters, emptyPlaceholder, }: ReceiptProps): import("react/jsx-runtime").JSX.Element;
+declare function Receipt({ data, labels, order, strictOrder, formatters, emptyPlaceholder, }: ReceiptProps): React.JSX.Element;
 export default Receipt;

package/dist/ui/components/organisms/TableInfoInfoRow.d.ts

@@ -5,5 +5,5 @@ interface TableListItemProps {
     item: TableRowData;
     onPress?: () => void;
 }
-declare function TableInfoRow({ item, onPress }: TableListItemProps): import("react/jsx-runtime").JSX.Element;
+declare function TableInfoRow({ item, onPress }: TableListItemProps): import("react").JSX.Element;
 export default TableInfoRow;

package/dist/ui/screens/database/database.context.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 export declare enum EDatabaseView {
     TABLES_LIST = "TABLES_LIST",
     TABLE_ROWS = "TABLE_ROWS",
@@ -27,6 +27,6 @@ interface IDatabaseContext {
 }
 export declare function DatabaseProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function useDatabase(): IDatabaseContext;
 export {};

package/dist/ui/screens/database/database.context.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { databaseTablesUseCase } from "../../../services/database_table.service";
 import { safeJsonParse, safeJsonStringify } from "../../../tools/utils/serializer";
-import { createContext, useCallback, useContext, useEffect, useState, } from "react";
+import { createContext, useCallback, useContext, useMemo, useState, } from "react";
 export var EDatabaseView;
 (function (EDatabaseView) {
     EDatabaseView["TABLES_LIST"] = "TABLES_LIST";
@@ -13,7 +13,6 @@ export function DatabaseProvider({ children }) {
     const [currentView, setCurrentView] = useState(EDatabaseView.TABLES_LIST);
     const [tables, setTables] = useState([]);
     const [data, setData] = useState([]);
-    const [filteredData, setFilteredData] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
     const [selectedTable, setSelectedTable] = useState("");
     const [selectedRowJson, setSelectedRowJson] = useState("");
@@ -21,13 +20,11 @@ export function DatabaseProvider({ children }) {
     const [currentRowIndex, setCurrentRowIndex] = useState(0);
     const [previousSearchQuery, setPreviousSearchQuery] = useState("");
     const [isTransitioning, setIsTransitioning] = useState(false);
-    const filterData = useCallback(() => {
-        if (!searchQuery.trim()) {
-            setFilteredData(data);
-            return;
-        }
+    const filteredData = useMemo(() => {
+        if (!searchQuery.trim())
+            return data;
         const query = searchQuery.toLowerCase().trim();
-        const filtered = data.filter((row) => {
+        return data.filter((row) => {
             const parsedData = safeJsonParse(typeof row === "string" ? row : JSON.stringify(row));
             if (!parsedData)
                 return false;
@@ -36,11 +33,7 @@ export function DatabaseProvider({ children }) {
             const name = parsedData.name?.toLowerCase() || "";
             return remoteId.includes(query) || uuid.includes(query) || name.includes(query);
         });
-        setFilteredData(filtered);
     }, [data, searchQuery]);
-    useEffect(() => {
-        filterData();
-    }, [filterData]);
     const loadTables = useCallback(async () => {
         setIsLoading(true);
         try {
@@ -121,12 +114,10 @@ export function DatabaseProvider({ children }) {
     }, [currentRowIndex, filteredData, isTransitioning]);
     const hasNextRow = currentRowIndex < filteredData.length - 1;
     const hasPreviousRow = currentRowIndex > 0;
-    useEffect(() => {
-        if (currentView === EDatabaseView.JSON_DETAIL && searchQuery !== previousSearchQuery) {
-            goBackFromJson();
-            setPreviousSearchQuery(searchQuery);
-        }
-    }, [searchQuery, previousSearchQuery, currentView, goBackFromJson]);
+    if (currentView === EDatabaseView.JSON_DETAIL && searchQuery !== previousSearchQuery) {
+        setPreviousSearchQuery(searchQuery);
+        goBackFromJson();
+    }
     return (_jsx(DatabaseContext.Provider, { value: {
             currentView,
             tables,

package/dist/ui/screens/database/database.json_detail.d.ts

@@ -1,2 +1,2 @@
-declare function JsonDetailView(): import("react/jsx-runtime").JSX.Element;
+declare function JsonDetailView(): import("react").JSX.Element;
 export default JsonDetailView;

package/dist/ui/screens/database/database.list.d.ts

@@ -1 +1 @@
-export default function DatabaseList(): import("react/jsx-runtime").JSX.Element;
+export default function DatabaseList(): import("react").JSX.Element;

package/dist/ui/screens/database/database.table_rows.d.ts

@@ -1,2 +1,2 @@
-declare function TableRowsView(): import("react/jsx-runtime").JSX.Element;
+declare function TableRowsView(): import("react").JSX.Element;
 export default TableRowsView;

package/dist/ui/screens/dead_letter_queue/dead_letter_queue.context.d.ts

@@ -1,5 +1,5 @@
 import { DomainEvent } from "../../../domain/event_sourcing";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface IDeadLetterQueueContext {
     events: DomainEvent[];
     enrichedEvents: DomainEvent[];
@@ -29,6 +29,6 @@ interface IDeadLetterQueueContext {
 }
 export declare function DeadLetterQueueProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function useDeadLetterQueue(): IDeadLetterQueueContext;
 export {};

package/dist/ui/screens/dead_letter_queue/dead_letter_queue.list.d.ts

@@ -1,2 +1,2 @@
-declare function DeadLetterQueueList(): import("react/jsx-runtime").JSX.Element;
+declare function DeadLetterQueueList(): import("react").JSX.Element;
 export default DeadLetterQueueList;

package/dist/ui/screens/events/events.context.d.ts

@@ -1,5 +1,5 @@
 import { DomainEvent } from "../../../domain/event_sourcing";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 type EventFilter = "ALL" | "FAILED" | "ACKNOWLEDGED" | "PENDING";
 interface IEventsContext {
     events: DomainEvent[];
@@ -20,6 +20,6 @@ interface IEventsContext {
 export declare function EventsProvider({ children, pageSize, }: {
     children: ReactNode;
     pageSize?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function useEvents(): IEventsContext;
 export {};

package/dist/ui/screens/events/events.context.js

@@ -1,66 +1,61 @@
 import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { eventService } from "../../../services/event.service";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
+import { createContext, useCallback, useContext, useMemo, useState, } from "react";
 const EventsContext = createContext(null);
 export function EventsProvider({ children, pageSize = 25, }) {
     const [events, setEvents] = useState([]);
-    const [pagedEvents, setPagedEvents] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
     const [isLoadingMore, setIsLoadingMore] = useState(false);
     const [isRetrying, setIsRetrying] = useState(false);
     const [page, setPage] = useState(1);
-    const [hasMore, setHasMore] = useState(false);
     const [filter, setFilter] = useState("ALL");
-    const filterEvents = useCallback((list, currentFilter) => {
-        if (currentFilter === "ALL")
-            return list;
-        return list.filter((ev) => {
+    const filteredEvents = useMemo(() => {
+        if (filter === "ALL")
+            return events;
+        return events.filter((ev) => {
             if (!ev.status)
                 return false;
-            if (currentFilter === "FAILED")
+            if (filter === "FAILED")
                 return ev.status === "FAILED";
-            if (currentFilter === "ACKNOWLEDGED")
+            if (filter === "ACKNOWLEDGED")
                 return ev.status === "ACKNOWLEDGED";
-            if (currentFilter === "PENDING")
+            if (filter === "PENDING")
                 return ev.status === "PENDING";
             return true;
         });
-    }, []);
-    const paginate = useCallback((list, nextPage, currentFilter) => {
-        const filtered = filterEvents(list, currentFilter);
-        const slice = filtered.slice(0, nextPage * pageSize);
-        setPagedEvents(slice);
-        setHasMore(slice.length < filtered.length);
-        setPage(nextPage);
-    }, [filterEvents, pageSize]);
+    }, [events, filter]);
+    const pagedEvents = useMemo(() => filteredEvents.slice(0, page * pageSize), [filteredEvents, page, pageSize]);
+    const hasMore = pagedEvents.length < filteredEvents.length;
+    const [prevFilter, setPrevFilter] = useState(filter);
+    if (filter !== prevFilter) {
+        setPrevFilter(filter);
+        setPage(1);
+    }
     const loadEvents = useCallback(async () => {
         setIsLoading(true);
         try {
             const fetched = await eventService.listAllEvents();
             setEvents(fetched);
-            paginate(fetched, 1, filter);
+            setPage(1);
         }
         finally {
             setIsLoading(false);
         }
-    }, [filter, paginate]);
+    }, []);
     const refreshEvents = useCallback(async () => {
         await loadEvents();
     }, [loadEvents]);
-    useEffect(() => {
-        paginate(events, 1, filter);
-    }, [events, filter, paginate]);
     const loadMore = useCallback(async () => {
         if (isLoadingMore || isLoading || !hasMore)
             return;
         setIsLoadingMore(true);
         try {
-            paginate(events, page + 1, filter);
+            setPage((p) => p + 1);
         }
         finally {
             setIsLoadingMore(false);
         }
-    }, [events, hasMore, isLoading, isLoadingMore, page, paginate, filter]);
+    }, [hasMore, isLoading, isLoadingMore]);
     const retryEvent = useCallback(async (event) => {
         setIsRetrying(true);
         try {

package/dist/ui/screens/events/events.list.d.ts

@@ -1 +1 @@
-export default function EventsScreen(): import("react/jsx-runtime").JSX.Element;
+export default function EventsScreen(): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sincpro/mobile",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Sincpro Mobile framework core: offline-first infra (DB, queue/events, cron), DDD patterns, adapters, AppShell and module-driven composition for React Native",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,18 +26,21 @@
   "repository": "https://github.com/Sincpro-SRL/sincpro_mobile",
   "author": "Gutierrez, Andres <andres.gutierrez@sincpro.com.bo>",
   "license": "MIT",
+  "engines": {
+    "node": ">=26"
+  },
   "dependencies": {
-    "@opentelemetry/api": "^1.9.0",
-    "@opentelemetry/core": "^2.8.0",
-    "@opentelemetry/resources": "^2.8.0",
-    "@opentelemetry/sdk-trace-base": "^2.8.0",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/core": "^2.10.0",
+    "@opentelemetry/resources": "^2.10.0",
+    "@opentelemetry/sdk-trace-base": "^2.10.0",
     "async-mutex": "^0.5.0",
     "big.js": "^7.0.1",
-    "dayjs": "^1.11.18",
+    "dayjs": "^1.11.21",
     "mitt": "^3.0.1",
     "pdf-lib": "^1.17.1",
     "tailwind-variants": "^3.2.2",
-    "uuid": "^13.0.0"
+    "uuid": "^14.0.1"
   },
   "peerDependencies": {
     "@react-navigation/native": ">=7",
@@ -56,7 +59,7 @@
     "expo-splash-screen": "*",
     "expo-sqlite": "*",
     "expo-task-manager": "*",
-    "nativewind": ">=4",
+    "nativewind": ">=4.2.7",
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "*",
@@ -65,7 +68,8 @@
     "react-native-screens": "*",
     "react-native-toast-message": "*",
     "react-native-view-shot": "*",
-    "react-native-webview": "*"
+    "react-native-webview": "*",
+    "react-native-worklets": "*"
   },
   "devDependencies": {
     "@opentelemetry/api": "^1.9.0",
@@ -73,40 +77,42 @@
     "@react-navigation/native-stack": "^7.0.0",
     "@sincpro/mobile-ui": "^0.7.2",
     "@types/big.js": "^6.2.2",
-    "@types/react": "~19.1.10",
+    "@types/react": "~19.3.0",
     "@types/uuid": "^10.0.0",
     "eslint": "^9.35.0",
-    "eslint-config-expo": "~10.0.0",
+    "eslint-config-expo": "~58.0.4",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "expo-background-task": "~1.0.10",
-    "expo-clipboard": "~8.0.8",
-    "expo-crypto": "~15.0.9",
-    "expo-file-system": "~19.0.23",
-    "expo-linking": "~8.0.12",
-    "expo-localization": "~17.0.9",
-    "expo-location": "~19.0.8",
-    "expo-network": "~8.0.8",
-    "expo-print": "~15.0.8",
-    "expo-sharing": "~14.0.8",
-    "expo-splash-screen": "~31.0.13",
-    "expo-sqlite": "~16.0.10",
-    "expo-task-manager": "~14.0.9",
-    "nativewind": "^4.0.1",
+    "expo-background-task": "~58.0.12",
+    "expo-clipboard": "~58.0.4",
+    "expo-crypto": "~58.0.7",
+    "expo-file-system": "~58.0.13",
+    "expo-linking": "~58.0.16",
+    "expo-localization": "~58.0.5",
+    "expo-location": "~58.0.20",
+    "expo-network": "~58.0.4",
+    "expo-print": "~58.0.8",
+    "expo-sharing": "~58.0.22",
+    "expo-splash-screen": "~58.0.13",
+    "expo-sqlite": "~58.0.15",
+    "expo-task-manager": "~58.0.13",
+    "nativewind": "4.2.7",
+    "tailwindcss": "3.4.19",
     "prettier": "^3.6.2",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-keyboard-controller": "1.18.5",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.25.2",
-    "react-native-svg": "15.12.1",
+    "react": "19.3.0",
+    "react-native": "0.88.1",
+    "react-native-gesture-handler": "~3.3.0",
+    "react-native-keyboard-controller": "1.22.7",
+    "react-native-reanimated": "4.7.1",
+    "react-native-safe-area-context": "~5.11.1",
+    "react-native-screens": "~4.30.1",
+    "react-native-svg": "15.16.0",
     "react-native-toast-message": "^2.3.3",
-    "react-native-view-shot": "^4.0.3",
-    "react-native-webview": "13.15.0",
+    "react-native-view-shot": "6.1.1",
+    "react-native-webview": "14.0.1",
+    "react-native-worklets": "0.13.0",
     "tsc-alias": "^1.8.17",
     "tsx": "^4.22.4",
     "typescript": "~5.9.2"