From c269e7d4d41d4dfd12ecfb2a3d7519cbc623fede Mon Sep 17 00:00:00 2001
From: Dayv1dDev <david.moreno@platoniq.net>
Date: Mon, 27 Jul 2026 13:51:15 +0200
Subject: [PATCH] fix: use i18n keys for user active and type options labels

---
 src/components/admin/FiltersTags.svelte       |  6 ++---
 .../library/filters/FilterComposerRow.svelte  | 23 ++++++++-----------
 src/i18n/locales/es.json                      | 10 ++++++++
 src/utils/filterComposer.ts                   | 14 +++++++----
 4 files changed, 32 insertions(+), 21 deletions(-)

diff --git a/src/components/admin/FiltersTags.svelte b/src/components/admin/FiltersTags.svelte
index 34ae7458..6bebf9e5 100644
--- a/src/components/admin/FiltersTags.svelte
+++ b/src/components/admin/FiltersTags.svelte
@@ -32,9 +32,7 @@
     let tags: FilterTag[] = $state([]);
 
     let subjects = $derived(getAllFilterSubjects(resource));
-    let subjectByParam = $derived(
-        new Map(subjects.map((s) => [s.param ?? s.key, s] as const)),
-    );
+    let subjectByParam = $derived(new Map(subjects.map((s) => [s.param ?? s.key, s] as const)));
 
     function closeTag(tag: FilterTag) {
         const result = { ...filters };
@@ -50,7 +48,7 @@
     function formatSubjectValue(subject: FilterSubject, value: string): string {
         if (subject.options) {
             const option = subject.options.find((o) => o.value === value);
-            if (option) return option.label;
+            if (option) return $t(option.label);
         }
         return value;
     }
diff --git a/src/components/library/filters/FilterComposerRow.svelte b/src/components/library/filters/FilterComposerRow.svelte
index 6ed374ed..08393712 100644
--- a/src/components/library/filters/FilterComposerRow.svelte
+++ b/src/components/library/filters/FilterComposerRow.svelte
@@ -55,7 +55,7 @@
         }
         dropdownOptions = subject.options.map((o) => ({
             id: o.value,
-            label: o.label,
+            label: $t(o.label),
             selected: false,
         }));
         dropdownSelected = [];
@@ -137,10 +137,9 @@
     <div class="flex-1">
         <Select
             bind:value={subjectKey}
-                labelText={$t("pages.admin.filter.composer.subjectPlaceholder")}
-            >
-                <option value="">{$t("pages.admin.filter.composer.subjectPlaceholder")}</option
-            >
+            labelText={$t("pages.admin.filter.composer.subjectPlaceholder")}
+        >
+            <option value="">{$t("pages.admin.filter.composer.subjectPlaceholder")}</option>
             {#each subjects as subject}
                 <option value={subject.key}>{subjectLabel(subject.key)}</option>
             {/each}
@@ -153,9 +152,7 @@
             disabled={!subjectKey}
             labelText={$t("pages.admin.filter.composer.operatorPlaceholder")}
         >
-            <option value=""
-                >{$t("pages.admin.filter.composer.operatorPlaceholder")}</option
-            >
+            <option value="">{$t("pages.admin.filter.composer.operatorPlaceholder")}</option>
             {#each compatibleOperators as op}
                 <option value={op}>{operatorLabel(op)}</option>
             {/each}
@@ -169,11 +166,9 @@
                 disabled={!operator}
                 labelText={$t("pages.admin.filter.composer.referentPlaceholder")}
             >
-                <option value=""
-                    >{$t("pages.admin.filter.composer.referentPlaceholder")}</option
-                >
+                <option value="">{$t("pages.admin.filter.composer.referentPlaceholder")}</option>
                 {#each currentSubject.options as opt}
-                    <option value={opt.value}>{opt.label}</option>
+                    <option value={opt.value}>{$t(opt.label)}</option>
                 {/each}
             </Select>
         {:else if currentSubject?.options && operator === "is_any_of" && subjectKey}
@@ -186,7 +181,9 @@
                     onkeydown={(e) => e.key === "Enter" && (showStaticDropdown = true)}
                 >
                     {#each dropdownSelected as item}
-                        <span class="bg-tertiary/10 border-secondary inline-flex items-center gap-1 rounded-lg border px-3 py-1 text-sm">
+                        <span
+                            class="bg-tertiary/10 border-secondary inline-flex items-center gap-1 rounded-lg border px-3 py-1 text-sm"
+                        >
                             {item.label}
                             <button
                                 type="button"
diff --git a/src/i18n/locales/es.json b/src/i18n/locales/es.json
index f3d7d82e..1865c9d5 100644
--- a/src/i18n/locales/es.json
+++ b/src/i18n/locales/es.json
@@ -1131,6 +1131,16 @@
             "gt": "Mayor que",
             "lte": "Menor o igual que",
             "lt": "Menor que"
+          },
+          "subjectOption": {
+            "userType": {
+              "individual": "Persona física",
+              "organization": "Persona jurídica (empresas)"
+            },
+            "active": {
+              "true": "Activo",
+              "false": "Inactivo"
+            }
           }
         },
         "btns": {
diff --git a/src/utils/filterComposer.ts b/src/utils/filterComposer.ts
index 730780b6..01c2e7cc 100644
--- a/src/utils/filterComposer.ts
+++ b/src/utils/filterComposer.ts
@@ -237,8 +237,14 @@ const filterSubjects: Record<string, FilterSubject> = {
         compatibleOperators: ["equals", "is_any_of"],
         resources: ["users"],
         options: [
-            { value: "individual", label: "Individual" },
-            { value: "organization", label: "Organization" },
+            {
+                value: "individual",
+                label: "pages.admin.filter.composer.subjectOption.userType.individual",
+            },
+            {
+                value: "organization",
+                label: "pages.admin.filter.composer.subjectOption.userType.organization",
+            },
         ],
     },
     active: {
@@ -247,8 +253,8 @@ const filterSubjects: Record<string, FilterSubject> = {
         compatibleOperators: ["equals"],
         resources: ["users"],
         options: [
-            { value: "true", label: "Active" },
-            { value: "false", label: "Inactive" },
+            { value: "true", label: "pages.admin.filter.composer.subjectOption.active.true" },
+            { value: "false", label: "pages.admin.filter.composer.subjectOption.active.false" },
         ],
     },
     userRoles: {