@sincpro/mobile-ui 3.0.1 → 3.2.0

package/dist/widgets/CollectionOptions.js

@@ -1,156 +1,575 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Actions } from "../Actions/index.js";
 import Sheet from "../Dialog/Dialog.Sheet.js";
 import Input from "../Form/Form.Input.js";
 import KeyboardForm from "../Form/Form.KeyboardForm.js";
 import Pressable from "../primitives/Pressable.js";
 import { Typography } from "../Typography/index.js";
-import { describeCriteria, moveCollectionEntry, validateCriteria, } from "../utils/criteria.js";
+import { attempt } from "../utils/async.js";
+import { describeCriteria, moveCollectionEntry, validateCriteria } from "../utils/criteria.js";
 import FilterBuilder from "./FilterBuilder.js";
 import QueryChoice from "./QueryChoice.js";
 import { useRef, useState } from "react";
 import { Keyboard, View } from "react-native";
-const sections = [
-    { id: "filter", label: "Filtros" },
-    { id: "sort", label: "Ordenar" },
-    { id: "group", label: "Agrupar" },
-    { id: "saved", label: "Guardados" },
-];
-function OptionsEditor({ value, fields, sortFields = [], groupFields = [], savedQueries = [], onApply, onClose, onSave, onPendingChange, }) {
-    const pending = useRef(false);
-    const [draft, setDraft] = useState(value);
-    const [section, setSection] = useState("filter");
-    const [editing, setEditing] = useState(false);
-    const [label, setLabel] = useState("");
-    const [error, setError] = useState();
-    const [status, setStatus] = useState();
-    const [saving, setSaving] = useState(false);
-    const [applying, setApplying] = useState(false);
-    const problem = () => validateCriteria(draft.filter, fields) ??
-        (draft.sort.some((sort) => !sortFields.some((field) => field.id === sort.field))
-            ? "El orden contiene un campo no disponible."
-            : undefined) ??
-        (draft.groupBy.some((id) => !groupFields.some((field) => field.id === id))
-            ? "El agrupado contiene un campo no disponible."
-            : undefined);
-    const close = () => {
-        if (!pending.current) {
-            Keyboard.dismiss();
-            onClose();
-        }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+const sections = [{
+  id: "filter",
+  label: "Filtros"
+}, {
+  id: "sort",
+  label: "Ordenar"
+}, {
+  id: "group",
+  label: "Agrupar"
+}, {
+  id: "saved",
+  label: "Guardados"
+}];
+function OptionsEditor(t0) {
+  const $ = _c(74);
+  const {
+    value,
+    fields,
+    sortFields: t1,
+    groupFields: t2,
+    savedQueries: t3,
+    onApply,
+    onClose,
+    onSave,
+    onPendingChange
+  } = t0;
+  const sortFields = t1 === undefined ? [] : t1;
+  const groupFields = t2 === undefined ? [] : t2;
+  let t4;
+  if ($[0] !== t3) {
+    t4 = t3 === undefined ? [] : t3;
+    $[0] = t3;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const savedQueries = t4;
+  const pending = useRef(false);
+  const [draft, setDraft] = useState(value);
+  const [section, setSection] = useState("filter");
+  const [editing, setEditing] = useState(false);
+  const [label, setLabel] = useState("");
+  const [error, setError] = useState();
+  const [status, setStatus] = useState();
+  const [saving, setSaving] = useState(false);
+  const [applying, setApplying] = useState(false);
+  const problem = () => validateCriteria(draft.filter, fields) ?? (draft.sort.some(sort => !sortFields.some(field_0 => field_0.id === sort.field)) ? "El orden contiene un campo no disponible." : undefined) ?? (draft.groupBy.some(id => !groupFields.some(field => field.id === id)) ? "El agrupado contiene un campo no disponible." : undefined);
+  let t5;
+  if ($[2] !== onClose) {
+    t5 = () => {
+      if (!pending.current) {
+        Keyboard.dismiss();
+        onClose();
+      }
+    };
+    $[2] = onClose;
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  const close = t5;
+  let t6;
+  if ($[4] !== draft.groupBy || $[5] !== draft.sort || $[6] !== section) {
+    t6 = section === "sort" ? draft.sort.map(_temp) : draft.groupBy;
+    $[4] = draft.groupBy;
+    $[5] = draft.sort;
+    $[6] = section;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  const ordered = t6;
+  const available = section === "sort" ? sortFields : groupFields;
+  let t7;
+  if ($[8] !== section) {
+    t7 = next => setDraft(current => section === "sort" ? {
+      ...current,
+      sort: next.map(field_1 => current.sort.find(entry_0 => entry_0.field === field_1) ?? {
+        field: field_1,
+        direction: "asc"
+      })
+    } : {
+      ...current,
+      groupBy: next
+    });
+    $[8] = section;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  const updateOrder = t7;
+  let t8;
+  if ($[10] !== draft || $[11] !== label || $[12] !== onPendingChange || $[13] !== onSave || $[14] !== problem) {
+    t8 = async () => {
+      if (!onSave || pending.current) {
+        return;
+      }
+      const invalid = problem();
+      if (invalid || !label.trim()) {
+        setError(invalid ?? "Escribe un nombre para guardar.");
+        return;
+      }
+      pending.current = true;
+      setSaving(true);
+      onPendingChange(true);
+      setError(undefined);
+      setStatus(undefined);
+      const result = await attempt(async () => {
+        await onSave(label.trim(), draft);
+        setStatus("Configuraci\xF3n guardada. Pulsa Aplicar configuraci\xF3n para usarla.");
+      });
+      pending.current = false;
+      setSaving(false);
+      onPendingChange(false);
+      if (!result.ok) {
+        console.error("[CollectionOptions] Save failed", result.error);
+        setError("No se pudo guardar. Conservamos la configuraci\xF3n para reintentar.");
+      }
+    };
+    $[10] = draft;
+    $[11] = label;
+    $[12] = onPendingChange;
+    $[13] = onSave;
+    $[14] = problem;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  const saveConfiguration = t8;
+  let t9;
+  if ($[16] !== draft || $[17] !== editing || $[18] !== onApply || $[19] !== onClose || $[20] !== onPendingChange || $[21] !== problem) {
+    t9 = async () => {
+      if (editing || pending.current) {
+        return;
+      }
+      const invalid_0 = problem();
+      if (invalid_0) {
+        setError(invalid_0);
+        return;
+      }
+      pending.current = true;
+      setSaving(true);
+      setApplying(true);
+      onPendingChange(true);
+      setError(undefined);
+      const result_0 = await attempt(async () => {
+        await onApply(draft);
+        Keyboard.dismiss();
+        onClose();
+      });
+      pending.current = false;
+      setSaving(false);
+      setApplying(false);
+      onPendingChange(false);
+      if (!result_0.ok) {
+        console.error("[CollectionOptions] Apply failed", result_0.error);
+        setError("No se pudo aplicar. Conservamos la configuraci\xF3n para reintentar.");
+      }
+    };
+    $[16] = draft;
+    $[17] = editing;
+    $[18] = onApply;
+    $[19] = onClose;
+    $[20] = onPendingChange;
+    $[21] = problem;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  const applyConfiguration = t9;
+  const T0 = View;
+  let t10;
+  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = {
+      flex: 1,
+      minHeight: 0
     };
-    const ordered = section === "sort" ? draft.sort.map((entry) => entry.field) : draft.groupBy;
-    const available = section === "sort" ? sortFields : groupFields;
-    const updateOrder = (next) => setDraft((current) => section === "sort"
-        ? {
-            ...current,
-            sort: next.map((field) => current.sort.find((entry) => entry.field === field) ?? {
-                field,
-                direction: "asc",
-            }),
-        }
-        : { ...current, groupBy: next });
-    const saveConfiguration = async () => {
-        if (!onSave || pending.current)
-            return;
-        const invalid = problem();
-        if (invalid || !label.trim()) {
-            setError(invalid ?? "Escribe un nombre para guardar.");
-            return;
-        }
-        pending.current = true;
-        setSaving(true);
-        onPendingChange(true);
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== editing || $[25] !== saving || $[26] !== section) {
+    t11 = sections.map(item => _jsx(Pressable, {
+      accessibilityLabel: item.label,
+      accessibilityRole: "tab",
+      accessibilityState: {
+        selected: item.id === section,
+        disabled: editing || saving
+      },
+      disabled: editing || saving,
+      onPress: () => {
+        Keyboard.dismiss();
+        setSection(item.id);
         setError(undefined);
         setStatus(undefined);
-        try {
-            await onSave(label.trim(), draft);
-            setStatus("Configuración guardada. Pulsa Aplicar configuración para usarla.");
-        }
-        catch (cause) {
-            console.error("[CollectionOptions] Save failed", cause);
-            setError("No se pudo guardar. Conservamos la configuración para reintentar.");
-        }
-        finally {
-            pending.current = false;
-            setSaving(false);
-            onPendingChange(false);
-        }
+      },
+      style: {
+        minHeight: 48,
+        justifyContent: "center",
+        paddingHorizontal: 8
+      },
+      children: _jsx(Typography.Text, {
+        className: section === item.id ? "text-text-accent" : "text-text-secondary",
+        semibold: section === item.id,
+        variant: "bodySmall",
+        children: item.label
+      })
+    }, item.id));
+    $[24] = editing;
+    $[25] = saving;
+    $[26] = section;
+    $[27] = t11;
+  } else {
+    t11 = $[27];
+  }
+  let t12;
+  if ($[28] !== t11) {
+    t12 = _jsx(View, {
+      accessibilityRole: "tablist",
+      className: "flex-row flex-wrap px-4 gap-2",
+      children: t11
+    });
+    $[28] = t11;
+    $[29] = t12;
+  } else {
+    t12 = $[29];
+  }
+  const T1 = View;
+  const t13 = saving ? "no-hide-descendants" : "auto";
+  const t14 = saving ? "none" : "auto";
+  let t15;
+  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = {
+      flex: 1,
+      minHeight: 0
     };
-    const applyConfiguration = async () => {
-        if (editing || pending.current)
-            return;
-        const invalid = problem();
-        if (invalid) {
-            setError(invalid);
-            return;
-        }
-        pending.current = true;
-        setSaving(true);
-        setApplying(true);
-        onPendingChange(true);
-        setError(undefined);
-        try {
-            await onApply(draft);
-            Keyboard.dismiss();
-            onClose();
-        }
-        catch (cause) {
-            console.error("[CollectionOptions] Apply failed", cause);
-            setError("No se pudo aplicar. Conservamos la configuración para reintentar.");
-        }
-        finally {
-            pending.current = false;
-            setSaving(false);
-            setApplying(false);
-            onPendingChange(false);
-        }
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  const T2 = KeyboardForm;
+  let t16;
+  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = {
+      paddingVertical: 16,
+      gap: 16
     };
-    return (_jsxs(View, { style: { flex: 1, minHeight: 0 }, children: [_jsx(View, { accessibilityRole: "tablist", className: "flex-row flex-wrap px-4 gap-2", children: sections.map((item) => (_jsx(Pressable, { accessibilityLabel: item.label, accessibilityRole: "tab", accessibilityState: {
-                        selected: item.id === section,
-                        disabled: editing || saving,
-                    }, disabled: editing || saving, onPress: () => {
-                        Keyboard.dismiss();
-                        setSection(item.id);
-                        setError(undefined);
-                        setStatus(undefined);
-                    }, style: { minHeight: 48, justifyContent: "center", paddingHorizontal: 8 }, children: _jsx(Typography.Text, { className: section === item.id ? "text-text-accent" : "text-text-secondary", semibold: section === item.id, variant: "bodyLarge", children: item.label }) }, item.id))) }), _jsx(View, { importantForAccessibility: saving ? "no-hide-descendants" : "auto", pointerEvents: saving ? "none" : "auto", style: { flex: 1, minHeight: 0 }, children: _jsxs(KeyboardForm, { contentContainerStyle: { paddingVertical: 16, gap: 16 }, children: [!editing ? (_jsx(Typography.Text, { className: "text-text-secondary", variant: "bodyLarge", children: describeCriteria(draft.filter, fields) })) : null, section === "filter" ? (_jsx(FilterBuilder, { fields: fields, onChange: (filter) => {
-                                setError(undefined);
-                                setDraft({ ...draft, filter });
-                            }, onEditingChange: setEditing, value: draft.filter })) : section === "saved" ? (_jsxs(_Fragment, { children: [_jsx(Typography.Text, { variant: "bodyReadable", children: "Una configuraci\u00F3n incluye b\u00FAsqueda, condiciones, orden y niveles de agrupaci\u00F3n. Cargarla todav\u00EDa no modifica la colecci\u00F3n." }), !savedQueries.length ? (_jsx(Typography.Text, { children: "No hay configuraciones guardadas." })) : (savedQueries.map((saved) => (_jsx(Actions.Button, { disabled: saving, onPress: () => {
-                                        setDraft(saved.query);
-                                        setError(undefined);
-                                        setStatus(`Configuración ${saved.label} cargada. Pulsa Aplicar configuración.`);
-                                    }, title: `Cargar ${saved.label}`, variant: "secondary" }, saved.id)))), onSave ? (_jsxs(_Fragment, { children: [_jsx(Input, { editable: !saving, label: "Nombre de la configuraci\u00F3n", onChangeText: setLabel, testID: "collection-query-name", value: label }), _jsx(Actions.Button, { loading: saving, onPress: () => void saveConfiguration(), title: "Guardar configuraci\u00F3n" })] })) : null] })) : (_jsxs(_Fragment, { children: [_jsx(Typography.Text, { variant: "bodyReadable", children: section === "sort"
-                                        ? "El primer campo tiene prioridad; los siguientes resuelven empates."
-                                        : "Los grupos se anidan en este orden. La app aplica los niveles al conjunto completo." }), !ordered.length ? (_jsx(Typography.Text, { children: section === "sort" ? "Sin orden configurado." : "Sin agrupación." })) : null, ordered.map((id, index) => {
-                                    const field = available.find((item) => item.id === id);
-                                    const sort = draft.sort.find((entry) => entry.field === id);
-                                    return (_jsxs(View, { className: "gap-2 border-b border-border-light pb-3", children: [_jsxs(Typography.Text, { semibold: true, variant: "bodyReadable", children: [index + 1, ". ", field?.label ?? `${id} (no disponible)`] }), section === "sort" ? (_jsx(Actions.Button, { onPress: () => setDraft({
-                                                    ...draft,
-                                                    sort: draft.sort.map((entry) => entry.field === id
-                                                        ? {
-                                                            ...entry,
-                                                            direction: entry.direction === "asc" ? "desc" : "asc",
-                                                        }
-                                                        : entry),
-                                                }), title: `${field?.label ?? id}: ${sort?.direction === "asc" ? (field?.ascLabel ?? "Ascendente") : (field?.descLabel ?? "Descendente")}`, variant: "secondary" })) : null, _jsxs(View, { className: "flex-row flex-wrap gap-2", children: [_jsx(Actions.Button, { accessibilityLabel: `Subir ${field?.label ?? id}`, disabled: index === 0, onPress: () => updateOrder(moveCollectionEntry(ordered, index, -1)), title: "Subir", variant: "link" }), _jsx(Actions.Button, { accessibilityLabel: `Bajar ${field?.label ?? id}`, disabled: index === ordered.length - 1, onPress: () => updateOrder(moveCollectionEntry(ordered, index, 1)), title: "Bajar", variant: "link" }), _jsx(Actions.Button, { accessibilityLabel: `Quitar ${field?.label ?? id}`, onPress: () => updateOrder(ordered.filter((key) => key !== id)), title: "Quitar", variant: "link" })] })] }, id));
-                                }), available.some((field) => !ordered.includes(field.id)) ? (_jsx(QueryChoice, { label: section === "sort"
-                                        ? "Añadir criterio de orden"
-                                        : "Añadir nivel de agrupación", onChange: (id) => updateOrder([...ordered, id]), options: available
-                                        .filter((field) => !ordered.includes(field.id))
-                                        .map((field) => ({ label: field.label, value: field.id })), value: undefined })) : null] })), status ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", children: status })) : null] }) }), error ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", accessibilityRole: "alert", className: "pb-3 text-danger", selectable: true, children: error })) : null, _jsxs(View, { className: "py-3 border-t border-border-light gap-2", children: [editing ? (_jsx(Typography.Text, { children: "Guarda o cancela la condici\u00F3n antes de aplicar." })) : null, _jsx(Actions.Button, { accessibilityLabel: "Cancelar configuraci\u00F3n", disabled: saving, onPress: close, title: "Cancelar", variant: "secondary" }), _jsx(Actions.Button, { disabled: editing || saving, loading: applying, onPress: () => void applyConfiguration(), title: "Aplicar configuraci\u00F3n" })] })] }));
+    $[31] = t16;
+  } else {
+    t16 = $[31];
+  }
+  let t17;
+  if ($[32] !== draft.filter || $[33] !== editing || $[34] !== fields) {
+    t17 = !editing ? _jsx(Typography.Text, {
+      className: "text-text-secondary",
+      variant: "bodySmall",
+      children: describeCriteria(draft.filter, fields)
+    }) : null;
+    $[32] = draft.filter;
+    $[33] = editing;
+    $[34] = fields;
+    $[35] = t17;
+  } else {
+    t17 = $[35];
+  }
+  const t18 = section === "filter" ? _jsx(FilterBuilder, {
+    fields: fields,
+    onChange: filter => {
+      setError(undefined);
+      setDraft({
+        ...draft,
+        filter
+      });
+    },
+    onEditingChange: setEditing,
+    value: draft.filter
+  }) : section === "saved" ? _jsxs(_Fragment, {
+    children: [_jsx(Typography.Text, {
+      variant: "body",
+      children: "Una configuraci\xF3n incluye b\xFAsqueda, condiciones, orden y niveles de agrupaci\xF3n. Cargarla todav\xEDa no modifica la colecci\xF3n."
+    }), !savedQueries.length ? _jsx(Typography.Text, {
+      children: "No hay configuraciones guardadas."
+    }) : savedQueries.map(saved => _jsx(Actions.Button, {
+      disabled: saving,
+      onPress: () => {
+        setDraft(saved.query);
+        setError(undefined);
+        setStatus(`Configuración ${saved.label} cargada. Pulsa Aplicar configuración.`);
+      },
+      title: `Cargar ${saved.label}`,
+      variant: "secondary"
+    }, saved.id)), onSave ? _jsxs(_Fragment, {
+      children: [_jsx(Input, {
+        editable: !saving,
+        label: "Nombre de la configuraci\xF3n",
+        onChangeText: setLabel,
+        testID: "collection-query-name",
+        value: label
+      }), _jsx(Actions.Button, {
+        loading: saving,
+        onPress: () => void saveConfiguration(),
+        title: "Guardar configuraci\xF3n"
+      })]
+    }) : null]
+  }) : _jsxs(_Fragment, {
+    children: [_jsx(Typography.Text, {
+      variant: "body",
+      children: section === "sort" ? "El primer campo tiene prioridad; los siguientes resuelven empates." : "Los grupos se anidan en este orden. La app aplica los niveles al conjunto completo."
+    }), !ordered.length ? _jsx(Typography.Text, {
+      children: section === "sort" ? "Sin orden configurado." : "Sin agrupaci\xF3n."
+    }) : null, ordered.map((id_0, index) => {
+      const field_2 = available.find(item_0 => item_0.id === id_0);
+      const sort_0 = draft.sort.find(entry_1 => entry_1.field === id_0);
+      return _jsxs(View, {
+        className: "gap-2 border-b border-border-light pb-3",
+        children: [_jsxs(Typography.Text, {
+          semibold: true,
+          variant: "body",
+          children: [index + 1, ". ", field_2?.label ?? `${id_0} (no disponible)`]
+        }), section === "sort" ? _jsx(Actions.Button, {
+          onPress: () => setDraft({
+            ...draft,
+            sort: draft.sort.map(entry_2 => entry_2.field === id_0 ? {
+              ...entry_2,
+              direction: entry_2.direction === "asc" ? "desc" : "asc"
+            } : entry_2)
+          }),
+          title: `${field_2?.label ?? id_0}: ${sort_0?.direction === "asc" ? field_2?.ascLabel ?? "Ascendente" : field_2?.descLabel ?? "Descendente"}`,
+          variant: "secondary"
+        }) : null, _jsxs(View, {
+          className: "flex-row flex-wrap gap-2",
+          children: [_jsx(Actions.Button, {
+            accessibilityLabel: `Subir ${field_2?.label ?? id_0}`,
+            disabled: index === 0,
+            onPress: () => updateOrder(moveCollectionEntry(ordered, index, -1)),
+            title: "Subir",
+            variant: "link"
+          }), _jsx(Actions.Button, {
+            accessibilityLabel: `Bajar ${field_2?.label ?? id_0}`,
+            disabled: index === ordered.length - 1,
+            onPress: () => updateOrder(moveCollectionEntry(ordered, index, 1)),
+            title: "Bajar",
+            variant: "link"
+          }), _jsx(Actions.Button, {
+            accessibilityLabel: `Quitar ${field_2?.label ?? id_0}`,
+            onPress: () => updateOrder(ordered.filter(key => key !== id_0)),
+            title: "Quitar",
+            variant: "link"
+          })]
+        })]
+      }, id_0);
+    }), available.some(field_5 => !ordered.includes(field_5.id)) ? _jsx(QueryChoice, {
+      label: section === "sort" ? "A\xF1adir criterio de orden" : "A\xF1adir nivel de agrupaci\xF3n",
+      onChange: id_1 => updateOrder([...ordered, id_1]),
+      options: available.filter(field_3 => !ordered.includes(field_3.id)).map(_temp2),
+      value: undefined
+    }) : null]
+  });
+  let t19;
+  if ($[36] !== status) {
+    t19 = status ? _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      children: status
+    }) : null;
+    $[36] = status;
+    $[37] = t19;
+  } else {
+    t19 = $[37];
+  }
+  let t20;
+  if ($[38] !== T2 || $[39] !== t16 || $[40] !== t17 || $[41] !== t18 || $[42] !== t19) {
+    t20 = _jsxs(T2, {
+      contentContainerStyle: t16,
+      children: [t17, t18, t19]
+    });
+    $[38] = T2;
+    $[39] = t16;
+    $[40] = t17;
+    $[41] = t18;
+    $[42] = t19;
+    $[43] = t20;
+  } else {
+    t20 = $[43];
+  }
+  let t21;
+  if ($[44] !== T1 || $[45] !== t13 || $[46] !== t14 || $[47] !== t15 || $[48] !== t20) {
+    t21 = _jsx(T1, {
+      importantForAccessibility: t13,
+      pointerEvents: t14,
+      style: t15,
+      children: t20
+    });
+    $[44] = T1;
+    $[45] = t13;
+    $[46] = t14;
+    $[47] = t15;
+    $[48] = t20;
+    $[49] = t21;
+  } else {
+    t21 = $[49];
+  }
+  let t22;
+  if ($[50] !== error) {
+    t22 = error ? _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      accessibilityRole: "alert",
+      className: "pb-3 text-danger",
+      selectable: true,
+      children: error
+    }) : null;
+    $[50] = error;
+    $[51] = t22;
+  } else {
+    t22 = $[51];
+  }
+  let t23;
+  if ($[52] !== editing) {
+    t23 = editing ? _jsx(Typography.Text, {
+      children: "Guarda o cancela la condici\xF3n antes de aplicar."
+    }) : null;
+    $[52] = editing;
+    $[53] = t23;
+  } else {
+    t23 = $[53];
+  }
+  let t24;
+  if ($[54] !== close || $[55] !== saving) {
+    t24 = _jsx(Actions.Button, {
+      accessibilityLabel: "Cancelar configuraci\xF3n",
+      disabled: saving,
+      onPress: close,
+      title: "Cancelar",
+      variant: "secondary"
+    });
+    $[54] = close;
+    $[55] = saving;
+    $[56] = t24;
+  } else {
+    t24 = $[56];
+  }
+  const t25 = editing || saving;
+  let t26;
+  if ($[57] !== applyConfiguration) {
+    t26 = () => void applyConfiguration();
+    $[57] = applyConfiguration;
+    $[58] = t26;
+  } else {
+    t26 = $[58];
+  }
+  let t27;
+  if ($[59] !== applying || $[60] !== t25 || $[61] !== t26) {
+    t27 = _jsx(Actions.Button, {
+      disabled: t25,
+      loading: applying,
+      onPress: t26,
+      title: "Aplicar configuraci\xF3n"
+    });
+    $[59] = applying;
+    $[60] = t25;
+    $[61] = t26;
+    $[62] = t27;
+  } else {
+    t27 = $[62];
+  }
+  let t28;
+  if ($[63] !== t23 || $[64] !== t24 || $[65] !== t27) {
+    t28 = _jsxs(View, {
+      className: "py-3 border-t border-border-light gap-2",
+      children: [t23, t24, t27]
+    });
+    $[63] = t23;
+    $[64] = t24;
+    $[65] = t27;
+    $[66] = t28;
+  } else {
+    t28 = $[66];
+  }
+  let t29;
+  if ($[67] !== T0 || $[68] !== t10 || $[69] !== t12 || $[70] !== t21 || $[71] !== t22 || $[72] !== t28) {
+    t29 = _jsxs(T0, {
+      style: t10,
+      children: [t12, t21, t22, t28]
+    });
+    $[67] = T0;
+    $[68] = t10;
+    $[69] = t12;
+    $[70] = t21;
+    $[71] = t22;
+    $[72] = t28;
+    $[73] = t29;
+  } else {
+    t29 = $[73];
+  }
+  return t29;
+}
+function _temp2(field_4) {
+  return {
+    label: field_4.label,
+    value: field_4.id
+  };
+}
+function _temp(entry) {
+  return entry.field;
 }
 export default function CollectionOptions(props) {
-    const busy = useRef(false);
-    const [pending, setPending] = useState(false);
-    return (_jsx(Sheet, { dismissible: !pending, onClose: () => {
-            if (!busy.current) {
-                Keyboard.dismiss();
-                props.onClose();
-            }
-        }, scrollable: false, testID: props.testID, title: props.title ?? "Configurar colección", visible: props.visible, children: props.visible ? (_jsx(OptionsEditor, { ...props, onPendingChange: (next) => {
-                busy.current = next;
-                setPending(next);
-            } })) : null }));
+  const $ = _c(11);
+  const busy = useRef(false);
+  const [pending, setPending] = useState(false);
+  const t0 = !pending;
+  let t1;
+  if ($[0] !== props) {
+    t1 = () => {
+      if (!busy.current) {
+        Keyboard.dismiss();
+        props.onClose();
+      }
+    };
+    $[0] = props;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = props.title ?? "Configurar colecci\xF3n";
+  let t3;
+  if ($[2] !== props) {
+    t3 = props.visible ? _jsx(OptionsEditor, {
+      ...props,
+      onPendingChange: next => {
+        busy.current = next;
+        setPending(next);
+      }
+    }) : null;
+    $[2] = props;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== props.testID || $[5] !== props.visible || $[6] !== t0 || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+    t4 = _jsx(Sheet, {
+      dismissible: t0,
+      onClose: t1,
+      scrollable: false,
+      testID: props.testID,
+      title: t2,
+      visible: props.visible,
+      children: t3
+    });
+    $[4] = props.testID;
+    $[5] = props.visible;
+    $[6] = t0;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 }