@sincpro/mobile 0.1.0

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

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import React, { useMemo } from "react";
+import { Platform, ScrollView, Text, View } from "react-native";
+const isPrimitive = (value) => value == null || ["string", "number", "boolean"].includes(typeof value);
+const isPlainObject = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+const isTableData = (array) => array.length > 0 && array.every(isPlainObject);
+const flattenToStrings = (value) => {
+    const flatten = (item) => {
+        if (Array.isArray(item))
+            return item.flatMap(flatten);
+        return [String(item ?? "")];
+    };
+    return isPrimitive(value) ? [String(value ?? "")] : flatten(value);
+};
+const extractAllKeys = (objects) => {
+    const keySet = new Set();
+    objects.forEach((obj) => Object.keys(obj).forEach((key) => keySet.add(key)));
+    return Array.from(keySet);
+};
+const getDisplayKeys = (baseKeys, order, strictOrder = false) => {
+    if (!order?.length)
+        return baseKeys;
+    if (strictOrder)
+        return order;
+    return [...order, ...baseKeys.filter((key) => !order.includes(key))];
+};
+const safeStringify = (value) => {
+    try {
+        return isPrimitive(value) ? String(value) : JSON.stringify(value);
+    }
+    catch {
+        return "[Complex Object]";
+    }
+};
+const arrayToTableFormat = (array, columnName = "Tipo") => {
+    return array.map((item) => ({
+        [columnName]: safeStringify(item),
+    }));
+};
+const calculateIntelligentColumnWidths = (rows, columns) => {
+    if (columns.length === 0) {
+        return {};
+    }
+    const columnMetrics = columns.map((column) => {
+        const headerLength = column.length;
+        const maxContentLength = Math.max(...rows.map((row) => String(row[column] || "").length), 0);
+        const avgContentLength = rows.length > 0
+            ? rows.reduce((sum, row) => sum + String(row[column] || "").length, 0) / rows.length
+            : 0;
+        const isNumeric = rows.every((row) => row[column] == null || !isNaN(Number(String(row[column]).replace(/[,\s]/g, ""))));
+        const isShortNumeric = isNumeric && maxContentLength <= 10;
+        return {
+            column,
+            headerLength,
+            maxContentLength,
+            avgContentLength,
+            isNumeric,
+            isShortNumeric,
+            effectiveLength: Math.max(headerLength, maxContentLength),
+        };
+    });
+    const weightedMetrics = columnMetrics.map((metric) => {
+        let weight = metric.effectiveLength;
+        if (metric.isShortNumeric) {
+            weight *= 0.7;
+        }
+        else if (metric.isNumeric) {
+            weight *= 0.8;
+        }
+        else {
+            weight *= 1.2;
+        }
+        if (metric.maxContentLength > 20) {
+            weight *= 1.3;
+        }
+        return { ...metric, weight };
+    });
+    const totalWeight = weightedMetrics.reduce((sum, metric) => sum + metric.weight, 0);
+    const widths = {};
+    weightedMetrics.forEach((metric) => {
+        const basePercentage = (metric.weight / totalWeight) * 100;
+        let finalPercentage = basePercentage;
+        if (metric.isShortNumeric) {
+            finalPercentage = Math.max(finalPercentage, 12);
+        }
+        else {
+            finalPercentage = Math.max(finalPercentage, 15);
+        }
+        finalPercentage = Math.min(finalPercentage, 60);
+        widths[metric.column] = finalPercentage;
+    });
+    const currentTotal = Object.values(widths).reduce((sum, width) => sum + width, 0);
+    const normalizationFactor = 100 / currentTotal;
+    Object.keys(widths).forEach((column) => {
+        widths[column] = Math.round(widths[column] * normalizationFactor);
+    });
+    return widths;
+};
+function ValueRenderer({ value, formatter, emptyPlaceholder, centered = false, renderAs, }) {
+    if (formatter) {
+        const formatted = formatter(value);
+        return React.isValidElement(formatted) ? (formatted) : (_jsx(Text, { className: centered ? "text-center" : "", children: String(formatted) }));
+    }
+    if (Array.isArray(value)) {
+        return (_jsx(ArrayRenderer, { centered: centered, emptyPlaceholder: emptyPlaceholder, renderAs: renderAs, value: value }));
+    }
+    if (renderAs === "text") {
+        const displayValue = value == null ? emptyPlaceholder : safeStringify(value);
+        return _jsx(Text, { className: centered ? "text-center" : "", children: displayValue });
+    }
+    const displayValue = value == null ? emptyPlaceholder : safeStringify(value);
+    return _jsx(Text, { className: centered ? "text-center" : "", children: displayValue });
+}
+function ArrayRenderer({ value, emptyPlaceholder, centered = false, renderAs, }) {
+    if (value.length === 0) {
+        return _jsx(Text, { className: centered ? "text-center" : "", children: emptyPlaceholder });
+    }
+    if (renderAs === "table") {
+        const tableData = isTableData(value) ? value : arrayToTableFormat(value, "Tipo");
+        return _jsx(TableRenderer, { emptyPlaceholder: emptyPlaceholder, rows: tableData });
+    }
+    if (renderAs === "list") {
+        const flatContent = flattenToStrings(value).join(", ") || emptyPlaceholder;
+        return _jsx(Text, { className: centered ? "text-center" : "", children: flatContent });
+    }
+    if (renderAs === "text") {
+        const textContent = flattenToStrings(value).join(" ") || emptyPlaceholder;
+        return _jsx(Text, { className: centered ? "text-center" : "", children: textContent });
+    }
+    if (isTableData(value)) {
+        return _jsx(TableRenderer, { emptyPlaceholder: emptyPlaceholder, rows: value });
+    }
+    const flatContent = flattenToStrings(value).join(", ") || emptyPlaceholder;
+    return _jsx(Text, { className: centered ? "text-center" : "", children: flatContent });
+}
+function TableRenderer({ rows, emptyPlaceholder }) {
+    const columns = useMemo(() => extractAllKeys(rows), [rows]);
+    const columnWidths = useMemo(() => calculateIntelligentColumnWidths(rows, columns), [rows, columns]);
+    return (_jsxs(View, { className: "mt-0.5", children: [_jsx(TableHeader, { columns: columns, columnWidths: columnWidths }), rows.map((row, index) => (_jsx(TableRow, { columns: columns, columnWidths: columnWidths, emptyPlaceholder: emptyPlaceholder, row: row }, index)))] }));
+}
+function TableHeader({ columns, columnWidths }) {
+    return (_jsx(View, { className: "flex-row border-t border-b-2 border-black py-0.5", children: columns.map((column) => (_jsx(Text, { className: "flex-1 px-1 py-0.5 font-bold text-xs", numberOfLines: 1, style: { width: `${columnWidths[column]}%` }, children: column }, column))) }));
+}
+function TableRow({ row, columns, emptyPlaceholder, columnWidths }) {
+    return (_jsx(View, { className: "flex-row border-b border-black py-0.5", children: columns.map((column) => {
+            const cellValue = row[column] == null ? emptyPlaceholder : safeStringify(row[column]);
+            return (_jsx(Text, { className: "flex-1 px-1 py-0.5", style: { width: `${columnWidths[column]}%` }, children: cellValue }, column));
+        }) }));
+}
+function ReceiptField({ fieldKey, value, label, formatter, emptyPlaceholder, }) {
+    const labelConfig = typeof label === "object" && label !== null && "label" in label ? label : null;
+    const displayLabel = labelConfig?.label ?? label;
+    const alignOverride = labelConfig?.align;
+    const renderAs = labelConfig?.renderAs;
+    if (displayLabel === false) {
+        const contentClass = alignOverride === "left"
+            ? "items-start my-0.5"
+            : alignOverride === "right"
+                ? "items-end my-0.5"
+                : "items-center my-0.5";
+        return (_jsx(View, { className: contentClass, children: _jsx(ValueRenderer, { centered: alignOverride ? alignOverride === "center" : true, emptyPlaceholder: emptyPlaceholder, formatter: formatter, renderAs: renderAs, value: value }) }));
+    }
+    const finalLabel = typeof displayLabel === "string" ? displayLabel : fieldKey;
+    const isArrayValue = Array.isArray(value);
+    const shouldRenderAsTable = renderAs === "table" ||
+        (renderAs !== "list" && renderAs !== "text" && isArrayValue && isTableData(value));
+    if (shouldRenderAsTable) {
+        return (_jsxs(View, { className: "mb-2", children: [_jsxs(Text, { className: "font-bold mb-0.5", children: [finalLabel, ":"] }), _jsx(ValueRenderer, { emptyPlaceholder: emptyPlaceholder, formatter: formatter, renderAs: renderAs, value: value })] }));
+    }
+    if (fieldKey === "numericKey" && typeof value === "string" && value.length > 0) {
+        const rawGroups = value.trim().split(/\s+/);
+        const lines = [];
+        let current = "";
+        for (const g of rawGroups) {
+            const candidate = current ? current + " " + g : g;
+            if (candidate.length > 25 && current) {
+                lines.push(current);
+                current = g;
+            }
+            else {
+                current = candidate;
+            }
+        }
+        if (current)
+            lines.push(current);
+        return (_jsxs(View, { className: "my-1.5", children: [_jsxs(Text, { className: "font-bold", children: [finalLabel, ":"] }), _jsx(View, { className: "mt-0.5 px-1.5 py-1 bg-bg-hover rounded items-center gap-0.5", children: lines.map((ln, idx) => (_jsx(Text, { adjustsFontSizeToFit: true, numberOfLines: 1, style: {
+                            fontFamily: Platform.select({
+                                ios: "Menlo",
+                                android: "monospace",
+                                default: undefined,
+                            }),
+                            letterSpacing: 1,
+                            fontSize: 11,
+                        }, children: ln }, idx))) })] }));
+    }
+    return (_jsxs(View, { className: "flex-row justify-between items-start py-0.5", children: [_jsxs(Text, { className: "font-bold", children: [finalLabel, ":"] }), _jsx(View, { className: "items-end", children: _jsx(ValueRenderer, { emptyPlaceholder: emptyPlaceholder, formatter: formatter, renderAs: renderAs, value: value }) })] }));
+}
+function Receipt({ data, labels = {}, order, strictOrder = false, formatters = {}, emptyPlaceholder = "---", }) {
+    const displayKeys = useMemo(() => getDisplayKeys(Object.keys(data), order, strictOrder), [data, order, strictOrder]);
+    return (_jsx(ScrollView, { contentContainerClassName: "p-4 gap-0.5", children: displayKeys.map((key) => {
+            if (labels[key] === "separator") {
+                return _jsx(View, { className: "h-[1px] bg-border-divider my-1" }, key);
+            }
+            return (_jsx(ReceiptField, { emptyPlaceholder: emptyPlaceholder, fieldKey: key, formatter: formatters[key], label: labels[key], value: data[key] }, key));
+        }) }));
+}
+export default Receipt;

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { safeJsonParse, safeJsonStringify } from "../../../tools/utils/serializer";
+import { Typography } from "@sincpro/mobile-ui/Typography";
+import { TouchableOpacity, View } from "react-native";
+function TableInfoRow({ item, onPress }) {
+    const parsedData = safeJsonParse(typeof item.data === "string" ? item.data : safeJsonStringify(item.data)) || {
+        raw: item.data,
+    };
+    let messageId = "";
+    if (parsedData && parsedData.remote_id) {
+        messageId = `(${parsedData.remote_id}) `;
+    }
+    if (parsedData.uuid) {
+        messageId += `[${parsedData.uuid})]`;
+    }
+    const jsonString = safeJsonStringify(parsedData);
+    return (_jsx(TouchableOpacity, { activeOpacity: 0.7, className: "bg-white p-4 rounded-xl my-2 shadow-sm", onPress: onPress, children: _jsxs(View, { children: [_jsx(Typography.Text, { className: "mb-2", variant: "caption", children: parsedData.name || "Sin Nombre" }), _jsx(Typography.Text, { numberOfLines: 1, semibold: true, variant: "body", children: messageId || "Sin Identificador" }), parsedData.status && (_jsxs(Typography.Text, { variant: "label", children: ["Estado: ", parsedData.status] })), _jsx(Typography.Text, { className: "text-gray-500", ellipsizeMode: "tail", numberOfLines: 2, variant: "bodySmall", children: jsonString })] }) }));
+}
+export default TableInfoRow;

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

@@ -0,0 +1,7 @@
+export { BluetoothPrinterSelector } from "./BluetoothPrinterSelector";
+export { default as DatabaseInfoRow } from "./DatabaseInfoRow";
+export { default as DeadLetterQueueRow } from "./DeadLetterQueueRow";
+export { default as EventRow } from "./EventRow";
+export { InjectableWebView } from "./InjectableWebView";
+export { default as Receipt } from "./Receipt";
+export { default as TableInfoRow } from "./TableInfoInfoRow";

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

@@ -0,0 +1,7 @@
+export { BluetoothPrinterSelector } from "./BluetoothPrinterSelector";
+export { default as DatabaseInfoRow } from "./DatabaseInfoRow";
+export { default as DeadLetterQueueRow } from "./DeadLetterQueueRow";
+export { default as EventRow } from "./EventRow";
+export { InjectableWebView } from "./InjectableWebView";
+export { default as Receipt } from "./Receipt";
+export { default as TableInfoRow } from "./TableInfoInfoRow";

package/dist/ui/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./screens";
+export * from "../ui/components/atoms";
+export * from "../ui/components/molecules";
+export * from "../ui/components/organisms";

package/dist/ui/index.js

@@ -0,0 +1,4 @@
+export * from "./screens";
+export * from "../ui/components/atoms";
+export * from "../ui/components/molecules";
+export * from "../ui/components/organisms";

package/dist/ui/layouts/router_layouts.d.ts

@@ -0,0 +1,17 @@
+import UITabNavigatorLayout from "@sincpro/mobile-ui/layouts/TabNavigatorLayout";
+import type { ComponentProps, ReactElement } from "react";
+type UITabProps = ComponentProps<typeof UITabNavigatorLayout>;
+/**
+ * Layouts conectados a react-router. El design system (@sincpro/mobile-ui) trae
+ * las versiones presentacionales (sin router); aquí el core —que sí posee el
+ * router— les inyecta location/navigate/Outlet para usarse como layout routes.
+ */
+declare function TabNavigatorLayout(props: Omit<UITabProps, "content" | "currentPath" | "onTabPress">): ReactElement;
+declare namespace TabNavigatorLayout {
+    var Tabs: ({ children: tabsChildren }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Tab: (_props: import("@sincpro/mobile-ui/layouts/TabNavigatorLayout").TabProps) => null;
+}
+declare function PlainLayout(): ReactElement;
+export { PlainLayout, TabNavigatorLayout };

package/dist/ui/layouts/router_layouts.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import UIPlainLayout from "@sincpro/mobile-ui/layouts/PlainLayout";
+import UITabNavigatorLayout from "@sincpro/mobile-ui/layouts/TabNavigatorLayout";
+import { Outlet, useLocation, useNavigate } from "react-router-native";
+/**
+ * Layouts conectados a react-router. El design system (@sincpro/mobile-ui) trae
+ * las versiones presentacionales (sin router); aquí el core —que sí posee el
+ * router— les inyecta location/navigate/Outlet para usarse como layout routes.
+ */
+function TabNavigatorLayout(props) {
+    const location = useLocation();
+    const navigate = useNavigate();
+    return (_jsx(UITabNavigatorLayout, { ...props, content: _jsx(Outlet, {}), currentPath: location.pathname, onTabPress: (path) => navigate(path) }));
+}
+TabNavigatorLayout.Tabs = UITabNavigatorLayout.Tabs;
+TabNavigatorLayout.Tab = UITabNavigatorLayout.Tab;
+function PlainLayout() {
+    return (_jsx(UIPlainLayout, { children: _jsx(Outlet, {}) }));
+}
+export { PlainLayout, TabNavigatorLayout };

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

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+export declare enum EDatabaseView {
+    TABLES_LIST = "TABLES_LIST",
+    TABLE_ROWS = "TABLE_ROWS",
+    JSON_DETAIL = "JSON_DETAIL"
+}
+interface IDatabaseContext {
+    currentView: EDatabaseView;
+    tables: any[];
+    data: any[];
+    filteredData: any[];
+    isLoading: boolean;
+    selectedTable: string;
+    selectedRowJson: string;
+    searchQuery: string;
+    currentRowIndex: number;
+    hasNextRow: boolean;
+    hasPreviousRow: boolean;
+    loadTables: () => Promise<void>;
+    selectTable: (tableName: string) => Promise<void>;
+    goBackFromRows: () => void;
+    selectRowJson: (json: string, index: number) => void;
+    goBackFromJson: () => void;
+    setSearchQuery: (query: string) => void;
+    goToNextRow: () => void;
+    goToPreviousRow: () => void;
+}
+export declare function DatabaseProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDatabase(): IDatabaseContext;
+export {};

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

@@ -0,0 +1,158 @@
+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";
+export var EDatabaseView;
+(function (EDatabaseView) {
+    EDatabaseView["TABLES_LIST"] = "TABLES_LIST";
+    EDatabaseView["TABLE_ROWS"] = "TABLE_ROWS";
+    EDatabaseView["JSON_DETAIL"] = "JSON_DETAIL";
+})(EDatabaseView || (EDatabaseView = {}));
+const DatabaseContext = createContext(null);
+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("");
+    const [searchQuery, setSearchQuery] = useState("");
+    const [currentRowIndex, setCurrentRowIndex] = useState(0);
+    const [previousSearchQuery, setPreviousSearchQuery] = useState("");
+    const [isTransitioning, setIsTransitioning] = useState(false);
+    const filterData = useCallback(() => {
+        if (!searchQuery.trim()) {
+            setFilteredData(data);
+            return;
+        }
+        const query = searchQuery.toLowerCase().trim();
+        const filtered = data.filter((row) => {
+            const parsedData = safeJsonParse(typeof row === "string" ? row : JSON.stringify(row));
+            if (!parsedData)
+                return false;
+            const remoteId = parsedData.remote_id?.toString().toLowerCase() || "";
+            const uuid = parsedData.uuid?.toLowerCase() || "";
+            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 {
+            const result = await databaseTablesUseCase.getAllTables();
+            setTables(result);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, []);
+    const loadTableData = useCallback(async (tableName) => {
+        setIsLoading(true);
+        try {
+            const dataTable = await databaseTablesUseCase.getTableData(tableName);
+            setData(dataTable);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, []);
+    const selectTable = useCallback(async (tableName) => {
+        setSelectedTable(tableName);
+        await loadTableData(tableName);
+        setCurrentView(EDatabaseView.TABLE_ROWS);
+    }, [loadTableData]);
+    const goBackFromRows = useCallback(() => {
+        setSelectedTable("");
+        setData([]);
+        setCurrentRowIndex(0);
+        setSearchQuery("");
+        setPreviousSearchQuery("");
+        setCurrentView(EDatabaseView.TABLES_LIST);
+    }, []);
+    const selectRowJson = useCallback((json, index) => {
+        if (isTransitioning) {
+            console.log("[Database] Ignoring rapid click - transition in progress");
+            return;
+        }
+        setIsTransitioning(true);
+        setSelectedRowJson(json);
+        setCurrentRowIndex(index);
+        setCurrentView(EDatabaseView.JSON_DETAIL);
+        setTimeout(() => {
+            setIsTransitioning(false);
+        }, 300);
+    }, [isTransitioning]);
+    const goBackFromJson = useCallback(() => {
+        setSelectedRowJson("");
+        setCurrentView(EDatabaseView.TABLE_ROWS);
+    }, []);
+    const goToNextRow = useCallback(() => {
+        if (isTransitioning)
+            return; // Protección contra clics rápidos
+        if (currentRowIndex < filteredData.length - 1) {
+            setIsTransitioning(true);
+            const newIndex = currentRowIndex + 1;
+            setCurrentRowIndex(newIndex);
+            const nextRow = filteredData[newIndex];
+            setSelectedRowJson(safeJsonStringify(nextRow));
+            setTimeout(() => {
+                setIsTransitioning(false);
+            }, 300);
+        }
+    }, [currentRowIndex, filteredData, isTransitioning]);
+    const goToPreviousRow = useCallback(() => {
+        if (isTransitioning)
+            return; // Protección contra clics rápidos
+        if (currentRowIndex > 0) {
+            setIsTransitioning(true);
+            const newIndex = currentRowIndex - 1;
+            setCurrentRowIndex(newIndex);
+            const prevRow = filteredData[newIndex];
+            setSelectedRowJson(safeJsonStringify(prevRow));
+            setTimeout(() => {
+                setIsTransitioning(false);
+            }, 300);
+        }
+    }, [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]);
+    return (_jsx(DatabaseContext.Provider, { value: {
+            currentView,
+            tables,
+            data,
+            filteredData,
+            isLoading,
+            selectedTable,
+            selectedRowJson,
+            searchQuery,
+            currentRowIndex,
+            hasNextRow,
+            hasPreviousRow,
+            loadTables,
+            selectTable,
+            goBackFromRows,
+            selectRowJson,
+            goBackFromJson,
+            setSearchQuery,
+            goToNextRow,
+            goToPreviousRow,
+        }, children: children }));
+}
+export function useDatabase() {
+    const context = useContext(DatabaseContext);
+    if (!context) {
+        throw new Error("useDatabase must be used within DatabaseProvider");
+    }
+    return context;
+}

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

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

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

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, jsx as _jsx } from "nativewind/jsx-runtime";
+import { Display } from "@sincpro/mobile-ui/Display";
+import { Form } from "@sincpro/mobile-ui/Form";
+import { theme } from "@sincpro/mobile-ui/theme";
+import { Typography } from "@sincpro/mobile-ui/Typography";
+import { FormViewV2 } from "@sincpro/mobile-ui/views/FormViewV2";
+import JsonPreview from "@sincpro/mobile-ui/widgets/JSONViewer";
+import * as Clipboard from "expo-clipboard";
+import { View } from "react-native";
+import { useDatabase } from "./database.context";
+const Button = Form.Button;
+const Icon = Display.Icon;
+function JsonDetailView() {
+    const { selectedTable, selectedRowJson, goBackFromJson, currentRowIndex, filteredData, hasNextRow, hasPreviousRow, goToNextRow, goToPreviousRow, } = useDatabase();
+    return (_jsxs(FormViewV2.Root, { description: `JSON VIEWER - ${selectedTable}`, isLoading: false, item: { json: selectedRowJson }, name: "Detalles", onBack: goBackFromJson, children: [_jsx(FormViewV2.Header, { variant: "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, children: _jsx(FormViewV2.Header.Actions, { children: _jsxs(Typography.Text, { className: "text-gray-500", variant: "bodySmall", children: [currentRowIndex + 1, " de ", filteredData.length] }) }) }), _jsx(FormViewV2.Content, { children: _jsx(JsonPreview, { selectedJson: selectedRowJson }) }), _jsx(FormViewV2.Footer, { children: _jsxs(View, { className: "flex-row items-center justify-between gap-3", children: [_jsx(Button, { className: "flex-none min-w-[50px]", disabled: !hasPreviousRow, icon: _jsx(Icon, { color: hasPreviousRow ? theme.secondary : theme.text.tertiary, name: "chevron-left", size: 24, type: "feather" }), onPress: goToPreviousRow, title: "", variant: "secondary" }), _jsx(Button, { className: "flex-1", onPress: async () => {
+                                await Clipboard.setStringAsync(selectedRowJson);
+                            }, title: "Copiar JSON", variant: "primary" }), _jsx(Button, { className: "flex-none min-w-[50px]", disabled: !hasNextRow, icon: _jsx(Icon, { color: hasNextRow ? theme.secondary : theme.text.tertiary, name: "chevron-right", size: 24, type: "feather" }), onPress: goToNextRow, title: "", variant: "secondary" })] }) })] }));
+}
+export default JsonDetailView;

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

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

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import DatabaseInfoRow from "../../../ui/components/organisms/DatabaseInfoRow";
+import { ListViewV2 } from "@sincpro/mobile-ui/views/ListViewV2";
+import { useEffect } from "react";
+import { useNavigate } from "react-router-native";
+import { DatabaseProvider, EDatabaseView, useDatabase } from "./database.context";
+import JsonDetailView from "./database.json_detail";
+import TableRowsView from "./database.table_rows";
+function TablesView() {
+    const navigate = useNavigate();
+    const { loadTables, isLoading, tables, selectTable } = useDatabase();
+    useEffect(() => {
+        void loadTables();
+    }, [loadTables]);
+    const onBack = () => navigate(-1);
+    return (_jsxs(ListViewV2.Root, { isLoading: isLoading, items: tables, name: "Lista de tablas", onBack: onBack, onPressItem: async (table) => {
+            await selectTable(table.name);
+        }, children: [_jsx(ListViewV2.Header, { variant: "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */ }), _jsx(ListViewV2.Content, { children: (table) => (_jsx(DatabaseInfoRow, { item: {
+                        name: table.displayName || table.name,
+                        description: "Tabla de base de datos",
+                        tableName: table.name,
+                    }, onPress: async () => {
+                        await selectTable(table.name);
+                    } })) })] }));
+}
+function DatabaseListContent() {
+    const { currentView } = useDatabase();
+    switch (currentView) {
+        case EDatabaseView.TABLES_LIST:
+            return _jsx(TablesView, {});
+        case EDatabaseView.TABLE_ROWS:
+            return _jsx(TableRowsView, {});
+        case EDatabaseView.JSON_DETAIL:
+            return _jsx(JsonDetailView, {});
+        default:
+            return null;
+    }
+}
+export default function DatabaseList() {
+    return (_jsx(DatabaseProvider, { children: _jsx(DatabaseListContent, {}) }));
+}

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { safeJsonStringify } from "../../../tools/utils/serializer";
+import TableInfoRow from "../../../ui/components/organisms/TableInfoInfoRow";
+import { ListViewV2 } from "@sincpro/mobile-ui/views/ListViewV2";
+import { useDatabase } from "./database.context";
+function TableRowsView() {
+    const { isLoading, filteredData, selectedTable, goBackFromRows, selectRowJson, setSearchQuery, } = useDatabase();
+    return (_jsxs(ListViewV2.Root, { isLoading: isLoading, items: filteredData, name: `Datos - ${selectedTable}`, onBack: goBackFromRows, onPressItem: (item) => selectRowJson(safeJsonStringify(item), item.index), onSearch: setSearchQuery, children: [_jsx(ListViewV2.Header, { variant: "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, children: _jsx(ListViewV2.Header.Search, {}) }), _jsx(ListViewV2.Content, { children: (item) => (_jsx(TableInfoRow, { item: { data: safeJsonStringify(item) }, onPress: () => selectRowJson(safeJsonStringify(item), item.index) })) })] }));
+}
+export default TableRowsView;

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

@@ -0,0 +1,34 @@
+import { DomainEvent } from "../../../domain/event_sourcing";
+import { ReactNode } from "react";
+interface IDeadLetterQueueContext {
+    events: DomainEvent[];
+    enrichedEvents: DomainEvent[];
+    selectedEvents: Set<string>;
+    isLoading: boolean;
+    isRetrying: boolean;
+    isDeleting: boolean;
+    loadEvents: () => Promise<void>;
+    retryEvent: (event: DomainEvent) => Promise<void>;
+    retrySelectedEvents: () => Promise<{
+        success: number;
+        failed: number;
+    }>;
+    deleteEvent: (event: DomainEvent) => Promise<void>;
+    deleteSelectedEvents: () => Promise<{
+        success: number;
+        failed: number;
+    }>;
+    toggleSelection: (eventId: string) => void;
+    selectAll: () => void;
+    clearSelection: () => void;
+    loadMore: () => Promise<void>;
+    hasMore: boolean;
+    page: number;
+    pageSize: number;
+    isLoadingMore: boolean;
+}
+export declare function DeadLetterQueueProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDeadLetterQueue(): IDeadLetterQueueContext;
+export {};