@sincpro/mobile 0.1.0 → 0.2.0

package/dist/infrastructure/logger.js

@@ -15,17 +15,34 @@ const Colors = {
     BrightYellow: "\x1b[93m",
     White: "\x1b[37m",
 };
+var ELogLevel;
+(function (ELogLevel) {
+    ELogLevel["DEBUG"] = "DEBUG";
+    ELogLevel["INFO"] = "INFO";
+    ELogLevel["WARN"] = "WARN";
+    ELogLevel["ERROR"] = "ERROR";
+})(ELogLevel || (ELogLevel = {}));
+var EApplicationLogger;
+(function (EApplicationLogger) {
+    EApplicationLogger["GLOBAL"] = "GLOBAL";
+    EApplicationLogger["ODOO_CLIENT"] = "ODOO_CLIENT";
+    EApplicationLogger["ADAPTER"] = "ADAPTER";
+    EApplicationLogger["REPOSITORIES"] = "REPOSITORIES";
+    EApplicationLogger["USE_CASES"] = "USE_CASES";
+    EApplicationLogger["QUEUE_PROCESSOR"] = "EVENT_BUS";
+    EApplicationLogger["CRON_JOBS"] = "CRON_JOBS";
+})(EApplicationLogger || (EApplicationLogger = {}));
 /**
  * Color mapping for each logger context
  */
 const LoggerColors = {
-    ["GLOBAL" /* EApplicationLogger.GLOBAL */]: Colors.White,
-    ["ODOO_CLIENT" /* EApplicationLogger.ODOO_CLIENT */]: Colors.Gray,
-    ["ADAPTER" /* EApplicationLogger.ADAPTER */]: Colors.Gray,
-    ["REPOSITORIES" /* EApplicationLogger.REPOSITORIES */]: Colors.Gray,
-    ["USE_CASES" /* EApplicationLogger.USE_CASES */]: Colors.BrightGreen,
-    ["EVENT_BUS" /* EApplicationLogger.QUEUE_PROCESSOR */]: Colors.BrightYellow,
-    ["CRON_JOBS" /* EApplicationLogger.CRON_JOBS */]: Colors.Gray,
+    [EApplicationLogger.GLOBAL]: Colors.White,
+    [EApplicationLogger.ODOO_CLIENT]: Colors.Gray,
+    [EApplicationLogger.ADAPTER]: Colors.Gray,
+    [EApplicationLogger.REPOSITORIES]: Colors.Gray,
+    [EApplicationLogger.USE_CASES]: Colors.BrightGreen,
+    [EApplicationLogger.QUEUE_PROCESSOR]: Colors.BrightYellow,
+    [EApplicationLogger.CRON_JOBS]: Colors.Gray,
 };
 /**
  * Production flag - manually toggle to disable all logs
@@ -35,35 +52,35 @@ export const IS_PRODUCTION = false;
 /**
  * Global log level for the application.
  */
-export const LOG_LEVEL = "INFO" /* ELogLevel.INFO */;
+export const LOG_LEVEL = ELogLevel.INFO;
 /**
  * Configuration for enabling or disabling logs for specific application contexts.
  */
 export const ENABLED_LOGS = {
-    ["GLOBAL" /* EApplicationLogger.GLOBAL */]: true,
-    ["ODOO_CLIENT" /* EApplicationLogger.ODOO_CLIENT */]: false,
-    ["ADAPTER" /* EApplicationLogger.ADAPTER */]: false,
-    ["REPOSITORIES" /* EApplicationLogger.REPOSITORIES */]: false,
-    ["USE_CASES" /* EApplicationLogger.USE_CASES */]: true,
-    ["EVENT_BUS" /* EApplicationLogger.QUEUE_PROCESSOR */]: true,
-    ["CRON_JOBS" /* EApplicationLogger.CRON_JOBS */]: true,
+    [EApplicationLogger.GLOBAL]: true,
+    [EApplicationLogger.ODOO_CLIENT]: false,
+    [EApplicationLogger.ADAPTER]: false,
+    [EApplicationLogger.REPOSITORIES]: false,
+    [EApplicationLogger.USE_CASES]: true,
+    [EApplicationLogger.QUEUE_PROCESSOR]: true,
+    [EApplicationLogger.CRON_JOBS]: true,
 };
 class BaseLogger {
     context;
     contextPrefix;
     constructor(context) {
         this.context = context;
-        this.contextPrefix = context === "GLOBAL" /* EApplicationLogger.GLOBAL */ ? "" : `[${context}]`;
+        this.contextPrefix = context === EApplicationLogger.GLOBAL ? "" : `[${context}]`;
     }
     getLogColor(level) {
         switch (level) {
-            case "DEBUG" /* ELogLevel.DEBUG */:
+            case ELogLevel.DEBUG:
                 return Colors.Gray;
-            case "INFO" /* ELogLevel.INFO */:
+            case ELogLevel.INFO:
                 return Colors.Cyan;
-            case "WARN" /* ELogLevel.WARN */:
+            case ELogLevel.WARN:
                 return Colors.Yellow;
-            case "ERROR" /* ELogLevel.ERROR */:
+            case ELogLevel.ERROR:
                 return Colors.Red;
             default:
                 return Colors.White;
@@ -80,9 +97,9 @@ class BaseLogger {
     shouldLog(level) {
         if (IS_PRODUCTION)
             return false;
-        if (level === "ERROR" /* ELogLevel.ERROR */ || level === "WARN" /* ELogLevel.WARN */)
+        if (level === ELogLevel.ERROR || level === ELogLevel.WARN)
             return true;
-        if (level === "DEBUG" /* ELogLevel.DEBUG */ && LOG_LEVEL !== "DEBUG" /* ELogLevel.DEBUG */)
+        if (level === ELogLevel.DEBUG && LOG_LEVEL !== ELogLevel.DEBUG)
             return false;
         if (!ENABLED_LOGS[this.context])
             return false;
@@ -100,26 +117,27 @@ class BaseLogger {
         }
     }
     debug(...args) {
-        this.log("DEBUG" /* ELogLevel.DEBUG */, console.debug, args);
+        this.log(ELogLevel.DEBUG, console.debug, args);
     }
     info(...args) {
-        this.log("INFO" /* ELogLevel.INFO */, console.log, args);
+        this.log(ELogLevel.INFO, console.log, args);
     }
     warn(...args) {
-        this.log("WARN" /* ELogLevel.WARN */, console.warn, args);
+        this.log(ELogLevel.WARN, console.warn, args);
     }
     error(...args) {
-        this.log("ERROR" /* ELogLevel.ERROR */, console.error, args);
+        this.log(ELogLevel.ERROR, console.error, args);
     }
 }
 export function createLogger(context) {
     return new BaseLogger(context);
 }
-const logger = createLogger("GLOBAL" /* EApplicationLogger.GLOBAL */);
-export const loggerOdooClient = createLogger("ODOO_CLIENT" /* EApplicationLogger.ODOO_CLIENT */);
-export const loggerAdapter = createLogger("ADAPTER" /* EApplicationLogger.ADAPTER */);
-export const loggerRepositories = createLogger("REPOSITORIES" /* EApplicationLogger.REPOSITORIES */);
-export const loggerUseCases = createLogger("USE_CASES" /* EApplicationLogger.USE_CASES */);
-export const loggerQueueProcessor = createLogger("EVENT_BUS" /* EApplicationLogger.QUEUE_PROCESSOR */);
-export const loggerCronJobs = createLogger("CRON_JOBS" /* EApplicationLogger.CRON_JOBS */);
+const logger = createLogger(EApplicationLogger.GLOBAL);
+export const loggerOdooClient = createLogger(EApplicationLogger.ODOO_CLIENT);
+export const loggerAdapter = createLogger(EApplicationLogger.ADAPTER);
+export const loggerRepositories = createLogger(EApplicationLogger.REPOSITORIES);
+export const loggerUseCases = createLogger(EApplicationLogger.USE_CASES);
+export const loggerQueueProcessor = createLogger(EApplicationLogger.QUEUE_PROCESSOR);
+export const loggerCronJobs = createLogger(EApplicationLogger.CRON_JOBS);
+export { EApplicationLogger };
 export default logger;

package/dist/infrastructure/ui/ToastHost.d.ts

@@ -1 +1,6 @@
-export declare function ToastHost(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Bridges the framework's `UI_NOTIFICATION_EVENT` (emitted by services via UIEventBus)
+ * to the design-system Toast. Renders nothing; the toast stack is rendered by
+ * `ToastProvider` (mounted in AppShell). Must live inside `ToastProvider`.
+ */
+export declare function ToastHost(): null;

package/dist/infrastructure/ui/ToastHost.js

@@ -1,19 +1,28 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { useToast } from "@sincpro/mobile-ui/Feedback";
 import { useEffect } from "react";
-import Toast from "react-native-toast-message";
 import { UI_NOTIFICATION_EVENT } from "./events";
 import { UIEventBus } from "./UIEventBus";
+const VARIANT_BY_TYPE = {
+    success: "success",
+    error: "danger",
+    info: "info",
+};
+/**
+ * Bridges the framework's `UI_NOTIFICATION_EVENT` (emitted by services via UIEventBus)
+ * to the design-system Toast. Renders nothing; the toast stack is rendered by
+ * `ToastProvider` (mounted in AppShell). Must live inside `ToastProvider`.
+ */
 export function ToastHost() {
+    const toast = useToast();
     useEffect(() => {
         const off = UIEventBus.on(UI_NOTIFICATION_EVENT, (payload) => {
             const notification = payload;
-            Toast.show({
-                type: notification.type ?? "info",
-                text1: notification.text1,
-                text2: notification.text2,
-            });
+            const variant = VARIANT_BY_TYPE[notification.type ?? "info"];
+            const message = notification.text2 ?? notification.text1 ?? "";
+            const title = notification.text2 ? notification.text1 : undefined;
+            toast.show({ message, title, variant });
         });
         return off;
-    }, []);
-    return _jsx(Toast, {});
+    }, [toast]);
+    return null;
 }

package/dist/services/printer.service.d.ts

@@ -19,6 +19,12 @@ declare class PrinterService {
     printFromView(viewRef: RefObject<View | null>): Promise<boolean>;
     printHtml(html: string): Promise<boolean>;
     private htmlToPdfBase64;
+    /**
+     * Drops the current BLE connection (even if cached as "connected") and
+     * reconnects to the last saved printer. Used as a one-shot recovery after
+     * a failed print caused by a stale connection.
+     */
+    private forceReconnect;
     private ensureConnected;
 }
 export declare const printerService: PrinterService;

package/dist/services/printer.service.js

@@ -1,6 +1,7 @@
 import { ReceiptExporterAdapter } from "../adapters/ReceiptExporter.adapter";
 import { SettingsRepository } from "../adapters/repositories/setting.repository";
 import { getPrinterDriver, hasPrinterDriver, setPrinterDriver, } from "../domain/print";
+import { ECommonSetting } from "../domain/settings";
 import { loggerUseCases } from "../infrastructure/logger";
 import { UI_NOTIFICATION_EVENT } from "../infrastructure/ui/events";
 import { UIEventBus } from "../infrastructure/ui/UIEventBus";
@@ -72,16 +73,16 @@ class PrinterService {
         if (this.cachedPrinter) {
             return this.cachedPrinter;
         }
-        const printer = await SettingsRepository.getSettingByName("common.selected_printer" /* ECommonSetting.SELECTED_PRINTER */);
+        const printer = await SettingsRepository.getSettingByName(ECommonSetting.SELECTED_PRINTER);
         this.cachedPrinter = printer;
         return printer;
     }
     async saveSelectedPrinter(printer) {
-        await SettingsRepository.saveOneSetting("common.selected_printer" /* ECommonSetting.SELECTED_PRINTER */, printer);
+        await SettingsRepository.saveOneSetting(ECommonSetting.SELECTED_PRINTER, printer);
         this.cachedPrinter = printer;
     }
     async clearSelectedPrinter() {
-        await SettingsRepository.saveOneSetting("common.selected_printer" /* ECommonSetting.SELECTED_PRINTER */, null);
+        await SettingsRepository.saveOneSetting(ECommonSetting.SELECTED_PRINTER, null);
         this.cachedPrinter = null;
     }
     async printTestPage() {
@@ -132,9 +133,24 @@ class PrinterService {
             await getPrinterDriver().printImageBase64(base64Data);
             return true;
         }
-        catch (error) {
-            loggerUseCases.error("Error printing image", error);
-            return false;
+        catch (firstError) {
+            loggerUseCases.warn("Print failed — attempting grace reconnect", firstError);
+            const reconnected = await this.forceReconnect();
+            if (!reconnected)
+                return false; // connect() ya notificó al usuario
+            try {
+                await getPrinterDriver().printImageBase64(base64Data);
+                return true;
+            }
+            catch (retryError) {
+                loggerUseCases.error("Print retry after reconnect also failed", retryError);
+                UIEventBus.emit(UI_NOTIFICATION_EVENT, {
+                    type: "error",
+                    text1: "Error de impresión",
+                    text2: "No se pudo imprimir incluso tras reconectar la impresora",
+                });
+                return false;
+            }
         }
     }
     async printFromView(viewRef) {
@@ -201,6 +217,24 @@ class PrinterService {
             return null;
         }
     }
+    /**
+     * Drops the current BLE connection (even if cached as "connected") and
+     * reconnects to the last saved printer. Used as a one-shot recovery after
+     * a failed print caused by a stale connection.
+     */
+    async forceReconnect() {
+        try {
+            await getPrinterDriver().disconnect();
+        }
+        catch {
+            // Expected when the BLE link is already dead — ignore.
+        }
+        const printer = await this.getSelectedPrinter();
+        if (!printer)
+            return false;
+        loggerUseCases.info(`Grace reconnect: reconnecting to ${printer.name} (${printer.address})`);
+        return this.connect(printer.address, printer.name);
+    }
     async ensureConnected() {
         if (this.isConnected()) {
             return true;

package/dist/ui/components/atoms/DebugBanner.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { useCommon } from "../../../entrypoints/ui/common_provider";
-import { Typography } from "@sincpro/mobile-ui/Typography";
-import { View } from "react-native";
+import { Feedback } from "@sincpro/mobile-ui/Feedback";
 function DebugBanner() {
     const { debugMode } = useCommon();
-    function renderBanner() {
-        if (!debugMode) {
-            return null;
-        }
-        return (_jsx(View, { className: "bg-accent py-2 px-4", children: _jsx(Typography.Text, { className: "text-white font-bold text-center", semibold: true, children: "⚠️ Estás en modo Debug" }) }));
+    if (!debugMode) {
+        return null;
     }
-    return renderBanner();
+    return _jsx(Feedback.Banner, { message: "Est\u00E1s en modo Debug", tone: "warning" });
 }
 export { DebugBanner };

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

@@ -0,0 +1,4 @@
+import { CustomIconProps } from "@sincpro/mobile-ui/icons/props";
+import React from "react";
+declare const PrinterIcon: React.FC<CustomIconProps>;
+export default PrinterIcon;

package/dist/ui/components/atoms/PrinterIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import Svg, { Path, Rect } from "react-native-svg";
+const PrinterIcon = ({ size = 24, color = "#000000" }) => (_jsxs(Svg, { fill: "none", height: size, viewBox: "0 0 24 24", width: size, children: [_jsx(Path, { d: "M6 9V2H18V9", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), _jsx(Rect, { height: "8", rx: "1", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", width: "16", x: "4", y: "9" }), _jsx(Path, { d: "M6 18H4C3.44772 18 3 17.5523 3 17V10C3 9.44772 3.44772 9 4 9H20C20.5523 9 21 9.44772 21 10V17C21 17.5523 20.5523 18 20 18H18", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), _jsx(Rect, { height: "6", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", width: "12", x: "6", y: "14" })] }));
+export default PrinterIcon;

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

@@ -1 +1,2 @@
 export { DebugBanner } from "./DebugBanner";
+export { default as PrinterIcon } from "./PrinterIcon";

package/dist/ui/components/atoms/index.js

@@ -1 +1,2 @@
 export { DebugBanner } from "./DebugBanner";
+export { default as PrinterIcon } from "./PrinterIcon";

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

@@ -1,20 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { bluetoothService } from "../../../services/bluetooth.service";
 import { printerService } from "../../../services/printer.service";
-import { Display, Form } from "@sincpro/mobile-ui";
-import { BottomSheet } from "@sincpro/mobile-ui/Dialog/BottomSheet";
-import PrinterIcon from "@sincpro/mobile-ui/icons/PrinterIcon";
-import { theme } from "@sincpro/mobile-ui/theme";
+import PrinterIcon from "../../../ui/components/atoms/PrinterIcon";
+import Sheet from "@sincpro/mobile-ui/Dialog/Sheet";
+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 { useCallback, useEffect, useState } from "react";
-import { FlatList, RefreshControl, TouchableOpacity, View } from "react-native";
+import { TouchableOpacity, View } from "react-native";
 function DeviceRow({ device, onSelect, isSelected }) {
-    return (_jsxs(TouchableOpacity, { activeOpacity: 0.7, className: `flex-row items-center p-4 border-b border-gray-100 ${isSelected ? "bg-green-50" : "bg-white"}`, onPress: onSelect, children: [_jsx(Display.Icon, { color: device.isPrinter ? theme.success : theme.text.secondary, customIcon: PrinterIcon, size: 24, type: "custom" }), _jsxs(View, { className: "ml-3 flex-1", children: [_jsx(Typography.Text, { semibold: true, children: device.name || "Dispositivo sin nombre" }), _jsx(Typography.Text, { className: "text-gray-400 text-xs", children: device.address }), device.isPrinter && (_jsx(Typography.Text, { className: "text-green-600 text-xs", children: "Impresora detectada" }))] }), isSelected && (_jsx(View, { className: "w-6 h-6 rounded-full bg-green-500 items-center justify-center", children: _jsx(Display.Icon, { color: theme.text.inverse, name: "check", size: 16, type: "material" }) }))] }));
+    const theme = useTheme();
+    return (_jsxs(TouchableOpacity, { activeOpacity: 0.7, className: `flex-row items-center p-4 rounded-xl ${isSelected ? "bg-success-light" : "bg-bg-card"}`, onPress: onSelect, children: [_jsx(Display.Icon, { color: device.isPrinter ? theme.success : theme.text.secondary, customIcon: PrinterIcon, size: 24, type: "custom" }), _jsxs(View, { className: "ml-3 flex-1", children: [_jsx(Typography.Text, { semibold: true, children: device.name || "Dispositivo sin nombre" }), _jsx(Typography.Text, { className: "text-text-tertiary text-xs", children: device.address }), device.isPrinter && (_jsx(Typography.Text, { className: "text-success text-xs", children: "Impresora detectada" }))] }), isSelected && (_jsx(View, { className: "w-6 h-6 rounded-full bg-success items-center justify-center", children: _jsx(Display.Icon, { color: theme.text.inverse, name: "check", size: 16, type: "material" }) }))] }));
 }
 function EmptyState() {
-    return (_jsxs(View, { className: "p-8 items-center justify-center", style: { minHeight: 250 }, children: [_jsx(Display.Icon, { color: theme.text.tertiary, customIcon: PrinterIcon, size: 64, type: "custom" }), _jsx(Typography.Text, { className: "text-gray-500 text-center mt-4", children: "No hay dispositivos vinculados" }), _jsx(Typography.Text, { className: "text-gray-400 text-center text-sm mt-2", children: "Vincula una impresora desde configuración de Bluetooth del sistema" })] }));
+    const theme = useTheme();
+    return (_jsxs(View, { className: "p-8 items-center justify-center", style: { minHeight: 250 }, children: [_jsx(Display.Icon, { color: theme.text.tertiary, customIcon: PrinterIcon, size: 64, type: "custom" }), _jsx(Typography.Text, { className: "text-text-secondary text-center mt-4", children: "No hay dispositivos vinculados" }), _jsx(Typography.Text, { className: "text-text-tertiary text-center text-sm mt-2", children: "Vincula una impresora desde configuración de Bluetooth del sistema" })] }));
 }
 function BluetoothDeviceSelectorModal({ visible, onClose, onSelect, }) {
+    const theme = useTheme();
     const [devices, setDevices] = useState([]);
     const [loading, setLoading] = useState(false);
     const [selectedDevice, setSelectedDevice] = useState(null);
@@ -55,7 +59,9 @@ function BluetoothDeviceSelectorModal({ visible, onClose, onSelect, }) {
     }
     const printers = devices.filter((d) => d.isPrinter);
     const otherDevices = devices.filter((d) => !d.isPrinter);
-    const allDevices = [...printers, ...otherDevices];
-    return (_jsxs(BottomSheet.Root, { onClose: onClose, size: "large", visible: visible, children: [_jsx(BottomSheet.Header, { children: _jsxs(View, { className: "px-5 pb-3", children: [_jsx(Typography.Text, { bold: true, variant: "subtitle", children: "Seleccionar Impresora" }), _jsx(Typography.Text, { className: "text-gray-500 text-xs", children: "Dispositivos Bluetooth vinculados" })] }) }), _jsx(BottomSheet.Content, { scrollable: true, children: devices.length === 0 && !loading ? (_jsx(EmptyState, {})) : (_jsx(FlatList, { data: allDevices, keyExtractor: (item) => item.address, ListHeaderComponent: printers.length > 0 ? (_jsxs(Typography.Text, { className: "text-gray-600 px-4 py-2 bg-gray-50", semibold: true, children: ["Impresoras (", printers.length, ")"] })) : null, refreshControl: _jsx(RefreshControl, { onRefresh: loadDevices, refreshing: loading }), renderItem: ({ item, index }) => (_jsxs(_Fragment, { children: [index === printers.length && otherDevices.length > 0 && (_jsxs(Typography.Text, { className: "text-gray-600 px-4 py-2 bg-gray-50", semibold: true, children: ["Otros dispositivos (", otherDevices.length, ")"] })), _jsx(DeviceRow, { device: item, isSelected: selectedDevice?.address === item.address, onSelect: () => setSelectedDevice(item) })] })), scrollEnabled: false })) }), _jsxs(BottomSheet.Actions, { layout: "horizontal", children: [_jsx(View, { className: "flex-1", children: _jsx(Form.Button, { onPress: onClose, title: "Cancelar", variant: "outline" }) }), selectedDevice && (_jsx(View, { className: "flex-1", children: _jsx(Form.Button, { loading: connecting, onPress: handleConfirm, title: "Conectar", variant: "primary" }) }))] })] }));
+    function renderRow(item) {
+        return (_jsx(DeviceRow, { device: item, isSelected: selectedDevice?.address === item.address, onSelect: () => setSelectedDevice(item) }, item.address));
+    }
+    return (_jsxs(Sheet, { onClose: onClose, title: "Seleccionar Impresora", visible: visible, children: [_jsxs(View, { className: "flex-row items-center justify-between mb-3", children: [_jsx(Typography.Text, { className: "text-text-secondary text-xs", children: "Dispositivos Bluetooth vinculados" }), _jsx(TouchableOpacity, { accessibilityLabel: "Actualizar", disabled: loading, hitSlop: 8, onPress: loadDevices, children: _jsx(Display.Icon, { color: theme.icon.secondary, name: "refresh", size: 20, type: "material" }) })] }), devices.length === 0 && !loading ? (_jsx(EmptyState, {})) : (_jsxs(View, { className: "gap-1", children: [printers.length > 0 ? (_jsxs(Typography.Text, { className: "text-text-secondary px-1 py-1", semibold: true, children: ["Impresoras (", printers.length, ")"] })) : null, printers.map(renderRow), otherDevices.length > 0 ? (_jsxs(Typography.Text, { className: "text-text-secondary px-1 py-1 mt-1", semibold: true, children: ["Otros dispositivos (", otherDevices.length, ")"] })) : null, otherDevices.map(renderRow)] })), _jsxs(View, { className: "flex-row gap-2 mt-4", children: [_jsx(View, { className: "flex-1", children: _jsx(Form.Button, { onPress: onClose, title: "Cancelar", variant: "outline" }) }), selectedDevice ? (_jsx(View, { className: "flex-1", children: _jsx(Form.Button, { loading: connecting, onPress: handleConfirm, title: "Conectar", variant: "cta" }) })) : null] })] }));
 }
 export { BluetoothDeviceSelectorModal };

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

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { Display } from "@sincpro/mobile-ui/Display";
-import { theme } from "@sincpro/mobile-ui/theme";
+import { useTheme } from "@sincpro/mobile-ui/theme";
 import { cn } from "@sincpro/mobile-ui/theme/tw";
 import { Typography } from "@sincpro/mobile-ui/Typography";
 import { TouchableOpacity, View } from "react-native";
 function DeadLetterErrorBlock({ errorMessage, expanded, onToggle, previewChars = 140, }) {
+    const theme = useTheme();
     if (!errorMessage)
         return null;
     const preview = errorMessage.substring(0, previewChars);
     const truncated = errorMessage.length > previewChars;
-    return (_jsxs(View, { className: cn("border-l-[3px] border-red-500 bg-red-50 p-2.5 rounded-xl mb-3", expanded && "bg-red-100"), children: [_jsxs(TouchableOpacity, { accessibilityRole: "button", activeOpacity: 0.75, className: "flex-row items-center mb-1", onPress: onToggle, children: [_jsx(Display.Icon, { color: theme.danger, name: "alert-circle", size: 16, type: "feather" }), _jsx(Typography.Text, { className: "text-red-600 ml-1.5", semibold: true, variant: "bodySmall", children: "Error" })] }), !expanded && (_jsxs(Typography.Text, { className: "text-red-600", numberOfLines: 3, variant: "bodySmall", children: [preview, truncated ? "…" : ""] })), expanded && (_jsx(View, { className: "bg-white rounded-lg p-2.5 border border-red-100", children: _jsx(Typography.Text, { className: "text-red-600 text-xs leading-4", variant: "bodySmall", children: errorMessage }) })), truncated && !expanded && (_jsx(TouchableOpacity, { accessibilityRole: "button", activeOpacity: 0.7, className: "mt-1.5", onPress: onToggle, children: _jsx(Typography.Text, { className: "text-red-600 underline", semibold: true, variant: "bodySmall", children: "Ver error completo" }) }))] }));
+    return (_jsxs(View, { className: cn("border-l-[3px] border-danger bg-danger-light p-2.5 rounded-xl mb-3", expanded && "bg-danger-light"), children: [_jsxs(TouchableOpacity, { accessibilityRole: "button", activeOpacity: 0.75, className: "flex-row items-center mb-1", onPress: onToggle, children: [_jsx(Display.Icon, { color: theme.danger, name: "alert-circle", size: 16, type: "feather" }), _jsx(Typography.Text, { className: "text-danger ml-1.5", semibold: true, variant: "bodySmall", children: "Error" })] }), !expanded && (_jsxs(Typography.Text, { className: "text-danger", numberOfLines: 3, variant: "bodySmall", children: [preview, truncated ? "…" : ""] })), expanded && (_jsx(View, { className: "bg-bg-card rounded-lg p-2.5 border border-danger/30", children: _jsx(Typography.Text, { className: "text-danger text-xs leading-4", variant: "bodySmall", children: errorMessage }) })), truncated && !expanded && (_jsx(TouchableOpacity, { accessibilityRole: "button", activeOpacity: 0.7, className: "mt-1.5", onPress: onToggle, children: _jsx(Typography.Text, { className: "text-danger underline", semibold: true, variant: "bodySmall", children: "Ver error completo" }) }))] }));
 }
 export default DeadLetterErrorBlock;

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

@@ -2,41 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { EEventStatus } from "../../../domain/event_sourcing";
 import { Display } from "@sincpro/mobile-ui/Display";
 import CopyableText from "@sincpro/mobile-ui/Display/Display.CopyableText";
-import { theme } from "@sincpro/mobile-ui/theme";
+import { useTheme } from "@sincpro/mobile-ui/theme";
 import { Typography } from "@sincpro/mobile-ui/Typography";
 import JsonPreview from "@sincpro/mobile-ui/widgets/JSONViewer";
 import { useState } from "react";
 import { TouchableOpacity, View } from "react-native";
-const statusColorMap = {
-    [EEventStatus.ACKNOWLEDGED]: {
-        bg: "bg-emerald-600",
-        color: theme.success,
-        light: `${theme.success}4D`,
-    },
-    [EEventStatus.PENDING]: {
-        bg: "bg-amber-500",
-        color: theme.warning,
-        light: `${theme.warning}4D`,
-    },
-    [EEventStatus.PROCESSING]: {
-        bg: "bg-accent",
-        color: theme.warning,
-        light: `${theme.warning}4D`,
-    },
-    [EEventStatus.FAILED]: {
-        bg: "bg-red-500",
-        color: theme.danger,
-        light: `${theme.danger}4D`,
-    },
-};
-const defaultStatus = {
-    bg: "bg-gray-500",
-    color: theme.text.secondary,
-    light: `${theme.text.secondary}4D`,
-};
-function getStatusColor(status) {
-    return statusColorMap[status] ?? defaultStatus;
-}
 function getStatusIcon(status) {
     switch (status) {
         case EEventStatus.ACKNOWLEDGED:
@@ -57,9 +27,37 @@ function formatEventName(name) {
 }
 function EventTimelineItem({ event, isLast = false }) {
     const [expanded, setExpanded] = useState(false);
-    const statusInfo = getStatusColor(event.status);
+    const theme = useTheme();
+    const statusColorMap = {
+        [EEventStatus.ACKNOWLEDGED]: {
+            bg: "bg-success",
+            color: theme.success,
+            light: `${theme.success}4D`,
+        },
+        [EEventStatus.PENDING]: {
+            bg: "bg-warning",
+            color: theme.warning,
+            light: `${theme.warning}4D`,
+        },
+        [EEventStatus.PROCESSING]: {
+            bg: "bg-accent",
+            color: theme.warning,
+            light: `${theme.warning}4D`,
+        },
+        [EEventStatus.FAILED]: {
+            bg: "bg-danger",
+            color: theme.danger,
+            light: `${theme.danger}4D`,
+        },
+    };
+    const defaultStatus = {
+        bg: "bg-text-tertiary",
+        color: theme.text.secondary,
+        light: `${theme.text.secondary}4D`,
+    };
+    const statusInfo = statusColorMap[event.status] ?? defaultStatus;
     const statusIcon = getStatusIcon(event.status);
     const friendlyName = formatEventName(event.name);
-    return (_jsxs(View, { className: "flex-row px-4", children: [_jsxs(View, { className: "items-center w-8 mr-3", children: [_jsx(View, { className: `w-6 h-6 rounded-full items-center justify-center ${statusInfo.bg}`, children: _jsx(Display.Icon, { color: "#ffffff", name: statusIcon, size: 12, type: "feather" }) }), !isLast && (_jsx(View, { className: "w-0.5 flex-1 mt-1", style: { backgroundColor: statusInfo.light } }))] }), _jsxs(TouchableOpacity, { activeOpacity: 0.7, className: "flex-1 bg-white rounded-xl p-3 mb-3 border border-gray-100 shadow-sm", onPress: () => setExpanded(!expanded), children: [_jsxs(View, { className: "flex-row justify-between items-center mb-2", children: [_jsx(Typography.Text, { semibold: true, variant: "body", children: friendlyName }), _jsx(Display.Icon, { color: theme.text.secondary, name: expanded ? "chevron-up" : "chevron-down", size: 16, type: "feather" })] }), _jsxs(View, { className: "flex-row items-center mb-1 gap-1.5", children: [_jsx(Display.Icon, { color: theme.text.secondary, name: "clock", size: 12, type: "feather" }), _jsx(Display.Date, { className: "text-text-tertiary", showTime: true, textVariant: "caption", value: event.createdAt })] }), _jsxs(View, { className: "flex-row items-center mb-1 gap-1.5", children: [_jsx(Display.Icon, { color: statusInfo.color, name: statusIcon, size: 12, type: "feather" }), _jsxs(Typography.Text, { style: { color: statusInfo.color }, variant: "caption", children: [event.status, " \u2022 Intentos: ", event.attempts] })] }), (event.sequence ?? 0) > 0 && (_jsxs(View, { className: "flex-row items-center mb-1 gap-1.5", children: [_jsx(Display.Icon, { color: theme.text.secondary, name: "hash", size: 12, type: "feather" }), _jsxs(Typography.Text, { className: "text-text-tertiary", variant: "caption", children: ["Secuencia: ", event.sequence] })] })), expanded && event && (_jsxs(View, { className: "mt-3 border-t border-gray-100 pt-3", children: [_jsxs(View, { className: "flex-row justify-between items-center mb-2", children: [_jsx(Typography.Text, { className: "text-text-tertiary", semibold: true, variant: "caption", children: "Payload" }), _jsx(CopyableText, { className: "text-primary text-xs", getValue: () => event.asJSON(true), label: "copy" })] }), _jsx(View, { className: "bg-gray-50 rounded-lg border border-gray-200 overflow-hidden", children: _jsx(JsonPreview, { selectedJson: event.asJSON(true) }) })] }))] })] }));
+    return (_jsxs(View, { className: "flex-row px-4", children: [_jsxs(View, { className: "items-center w-8 mr-3", children: [_jsx(View, { className: `w-6 h-6 rounded-full items-center justify-center ${statusInfo.bg}`, children: _jsx(Display.Icon, { color: "#ffffff", name: statusIcon, size: 12, type: "feather" }) }), !isLast && (_jsx(View, { className: "w-0.5 flex-1 mt-1", style: { backgroundColor: statusInfo.light } }))] }), _jsxs(TouchableOpacity, { activeOpacity: 0.7, className: "flex-1 bg-bg-card rounded-xl p-3 mb-3 border border-border-light shadow-sm", onPress: () => setExpanded(!expanded), children: [_jsxs(View, { className: "flex-row justify-between items-center mb-2", children: [_jsx(Typography.Text, { semibold: true, variant: "body", children: friendlyName }), _jsx(Display.Icon, { color: theme.text.secondary, name: expanded ? "chevron-up" : "chevron-down", size: 16, type: "feather" })] }), _jsxs(View, { className: "flex-row items-center mb-1 gap-1.5", children: [_jsx(Display.Icon, { color: theme.text.secondary, name: "clock", size: 12, type: "feather" }), _jsx(Display.Date, { className: "text-text-tertiary", showTime: true, textVariant: "caption", value: event.createdAt })] }), _jsxs(View, { className: "flex-row items-center mb-1 gap-1.5", children: [_jsx(Display.Icon, { color: statusInfo.color, name: statusIcon, size: 12, type: "feather" }), _jsxs(Typography.Text, { style: { color: statusInfo.color }, variant: "caption", children: [event.status, " \u2022 Intentos: ", event.attempts] })] }), (event.sequence ?? 0) > 0 && (_jsxs(View, { className: "flex-row items-center mb-1 gap-1.5", children: [_jsx(Display.Icon, { color: theme.text.secondary, name: "hash", size: 12, type: "feather" }), _jsxs(Typography.Text, { className: "text-text-tertiary", variant: "caption", children: ["Secuencia: ", event.sequence] })] })), expanded && event && (_jsxs(View, { className: "mt-3 border-t border-border-light pt-3", children: [_jsxs(View, { className: "flex-row justify-between items-center mb-2", children: [_jsx(Typography.Text, { className: "text-text-tertiary", semibold: true, variant: "caption", children: "Payload" }), _jsx(CopyableText, { className: "text-primary text-xs", getValue: () => event.asJSON(true), label: "copy" })] }), _jsx(View, { className: "bg-bg-muted rounded-lg border border-border-default overflow-hidden", children: _jsx(JsonPreview, { selectedJson: event.asJSON(true) }) })] }))] })] }));
 }
 export default EventTimelineItem;

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+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 { View } from "react-native";
+import { tv } from "tailwind-variants";
+const statusTextVariants = tv({
+    variants: {
+        granted: {
+            true: "text-success",
+            false: "text-danger",
+        },
+    },
+});
+function GeoPermissionCard({ title, loading, handleRequestPermission, hasPermission, }) {
+    const theme = useTheme();
+    const granted = hasPermission !== undefined ? hasPermission : false;
+    return (_jsx(Display.Card, { className: "my-2.5", children: _jsxs(View, { className: "flex-row items-start", children: [_jsx(Display.Icon, { color: granted ? theme.success : theme.danger, name: granted ? "check-circle" : "location-off", size: 35, type: "material" }), _jsxs(View, { className: "ml-2.5 flex-1", children: [_jsx(Typography.Text, { className: "text-base mb-1", semibold: true, children: title }), _jsx(Typography.Text, { className: statusTextVariants({ granted }), children: granted ? "Permiso activo." : "Permiso inactivo." }), !granted && (_jsx(Form.Button, { loading: loading, onPress: handleRequestPermission, size: "small", title: "Abrir Configuración", variant: "cta" }))] })] }) }));
+}
+export default GeoPermissionCard;

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

@@ -1,5 +1,8 @@
-interface Props {
-    position?: "top" | "bottom";
-}
-declare function ProcessToast({ position }: Props): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Bridges the framework's queue/cron activity state (from CommonProvider) to the
+ * design-system Toast: a persistent `loading` toast while a queue/cron task runs, and a
+ * `danger` toast on failure. Renders nothing — the toast UI is owned by the DS
+ * `ToastProvider` (mounted in AppShell), so this must live inside it.
+ */
+declare function ProcessToast(): null;
 export default ProcessToast;