From e4069819c607195f18a0fb846cd8a1a8a8791e0e Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Thu, 9 Jan 2025 01:15:56 +0100
Subject: [PATCH 1/8] feat: [#658] placeholder admin tab for listing users

---
 pages/admin/settings.vue       |  3 +-
 pages/admin/settings/users.vue | 77 ++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 pages/admin/settings/users.vue

diff --git a/pages/admin/settings.vue b/pages/admin/settings.vue
index 4a2c4373..c84c24d2 100644
--- a/pages/admin/settings.vue
+++ b/pages/admin/settings.vue
@@ -41,7 +41,8 @@ import { onMounted, ref, useRestApi } from "#imports";
 const tabs = [
   "backend",
   "categories",
-  "tags"
+  "tags",
+  "users"
 ];
 
 const rest = useRestApi();
diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
new file mode 100644
index 00000000..38dcb918
--- /dev/null
+++ b/pages/admin/settings/users.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="flex flex-col max-w-md gap-2 mx-auto">
+    <div class="flex flex-col gap-2">
+      <template v-for="category in categories">
+        <div class="flex justify-between p-2 rounded bg-base-100">
+          <span class="text-base-content">{{ category.name }} ({{ category.num_torrents }})</span>
+          <button :data-cy="getDeleteButtonDataCy(category.name)" class="text-error-content hover:text-error" @click="deleteCategory(category.name)">
+            Delete
+          </button>
+        </div>
+      </template>
+    </div>
+    <div class="flex gap-2">
+      <input v-model="newCategory" data-cy="add-category-input" class="w-full input input-bordered" type="text">
+      <button data-cy="add-category-button" class="btn btn-primary" :class="{ 'loading': addingCategory }" :disabled="addingCategory || !newCategory" @click="addCategory">
+        Add category
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { notify } from "notiwind-ts";
+import { getCategories, useCategories, useRestApi } from "#imports";
+
+const categories = useCategories();
+const rest = useRestApi().value;
+
+const newCategory = ref("");
+const addingCategory = ref(false);
+
+onBeforeMount(() => {
+  getCategories();
+});
+
+function getDeleteButtonDataCy (name: string) {
+  return "delete-category-" + name.toLowerCase().replace(/ /g, "-");
+}
+
+function addCategory () {
+  if (newCategory.value) {
+    addingCategory.value = true;
+
+    rest.category.addCategory(newCategory.value)
+      .then(() => {
+        getCategories();
+      })
+      .catch((err) => {
+        notify({
+          group: "error",
+          title: "Error",
+          text: `Trying to add the category. ${err.message}.`
+        }, 10000);
+      })
+      .finally(() => {
+        addingCategory.value = false;
+      });
+  }
+}
+
+function deleteCategory (category: string) {
+  if (confirm(`Are you sure you want to delete ${category}?`)) {
+    rest.category.deleteCategory(category)
+      .then(() => {
+        getCategories();
+      })
+      .catch((err) => {
+        notify({
+          group: "error",
+          title: "Error",
+          text: `Trying to delete the category. ${err.message}.`
+        }, 10000);
+      });
+  }
+}
+</script>

From 12dd5c8012e43a18126257d7807f93236afb6507 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Thu, 16 Jan 2025 03:07:40 +0100
Subject: [PATCH 2/8] feat: [#658] new function wrapper for getting all user
 profiles from the API

---
 composables/states.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/composables/states.ts b/composables/states.ts
index 7c8ff183..c86e18ce 100644
--- a/composables/states.ts
+++ b/composables/states.ts
@@ -1,4 +1,4 @@
-import type { PublicSettings, Category, TokenResponse, TorrentTag } from "torrust-index-types-lib";
+import type { PublicSettings, Category, TokenResponse, TorrentTag, UserProfile } from "torrust-index-types-lib";
 import { Rest } from "torrust-index-api-lib";
 import { notify } from "notiwind-ts";
 import { useRuntimeConfig, useState } from "#imports";
@@ -8,6 +8,7 @@ export const useCategories = () => useState<Array<Category>>("categories", () =>
 export const useTags = () => useState<Array<TorrentTag>>("tags", () => new Array<TorrentTag>());
 export const useSettings = () => useState<PublicSettings>("public-settings", () => null);
 export const useUser = () => useState<TokenResponse>("user", () => null);
+export const useUserProfiles = () => useState<Array<UserProfile>>("user-profiles", () => new Array<UserProfile>());
 
 export function getSettings () {
   useRestApi().value.settings.getPublicSettings()
@@ -94,3 +95,17 @@ export async function getUser () {
       }, 10000);
     });
 }
+
+export function getUserProfiles () {
+  useRestApi().value.user.getUserProfiles()
+    .then((res) => {
+      useUserProfiles().value = res;
+    })
+    .catch((err) => {
+      notify({
+        group: "error",
+        title: "Error",
+        text: `Trying to get user profiles. ${err.message}.`
+      }, 10000);
+    });
+}

From 73a9bd1154b703c33c5032dd1cc74950f8a2da46 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Sat, 18 Jan 2025 00:26:54 +0100
Subject: [PATCH 3/8] feat: [#658] new user table component

---
 components/user/UserTable.vue | 67 +++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 components/user/UserTable.vue

diff --git a/components/user/UserTable.vue b/components/user/UserTable.vue
new file mode 100644
index 00000000..34749ca3
--- /dev/null
+++ b/components/user/UserTable.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="flex flex-col w-full overflow-hidden rounded-lg border-base-content/20 rounded-2xl grow">
+    <div class="flex flex-col overflow-x-auto whitespace-nowrap">
+      <table class="text-center table-auto bg-base-200 ">
+        <thead>
+          <tr class="text-sm text-base-content/75">
+            <th class="py-2 pl-6">
+              Username
+            </th>
+            <th class="py-2 pl-6">
+              Email
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="userProfile in userProfiles" class="text-sm bg-base-100">
+            <td class="py-2 pl-6 ">
+              {{ userProfile.username }}
+            </td>
+            <td class="py-2 pl-6 ">
+              {{ userProfile.email }}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
+
+<!-- <template>
+  <div class="flex flex-col max-w-md gap-2 mx-auto">
+    <div class="flex flex-col gap-2">
+      <template v-for="userProfile in userProfiles">
+        <div class="flex justify-between p-2 rounded bg-base-100">
+          <span class="text-base-content">{{ userProfile.username }} ({{ userProfile.email }})</span>
+        </div>
+      </template>
+    </div>
+  </div>
+</template> -->
+
+<script setup lang="ts">
+import type { TorrentListing, UserProfile } from "torrust-index-types-lib";
+
+/* import { ArrowDownTrayIcon, LinkIcon, EyeIcon } from "@heroicons/vue/24/outline";
+import { type PropType, watch } from "vue";
+import type { TorrentListing } from "torrust-index-types-lib";
+import { fileSizeDecimal, fileSizeBinary, timeSince, ref, downloadTorrent } from "#imports";
+
+const isOpenList = ref([]);
+
+watch(
+  () => props.torrents,
+  (torrents) => {
+    isOpenList.value = new Array(torrents.length).fill(false);
+  },
+  { immediate: true }
+);
+
+function toggleOpen (index: number) {
+  isOpenList.value[index] = !isOpenList.value[index];
+} */
+
+const props = defineProps({
+  userProfiles: Array as PropType<Array<UserProfile>>
+});
+</script>

From 07e3e0c6fb9481212448e261274dd8c81c2f629f Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Sat, 18 Jan 2025 00:27:39 +0100
Subject: [PATCH 4/8] refactor: [#658] styled palceholder user tab for the
 admin panel

---
 pages/admin/settings/users.vue | 69 ++++------------------------------
 1 file changed, 7 insertions(+), 62 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 38dcb918..bce67847 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -1,77 +1,22 @@
 <template>
   <div class="flex flex-col max-w-md gap-2 mx-auto">
     <div class="flex flex-col gap-2">
-      <template v-for="category in categories">
+      <!--     <template v-for="userProfile in userProfiles">
         <div class="flex justify-between p-2 rounded bg-base-100">
-          <span class="text-base-content">{{ category.name }} ({{ category.num_torrents }})</span>
-          <button :data-cy="getDeleteButtonDataCy(category.name)" class="text-error-content hover:text-error" @click="deleteCategory(category.name)">
-            Delete
-          </button>
+          <span class="text-base-content">{{ userProfile.username }} ({{ userProfile.email }})</span>
         </div>
-      </template>
-    </div>
-    <div class="flex gap-2">
-      <input v-model="newCategory" data-cy="add-category-input" class="w-full input input-bordered" type="text">
-      <button data-cy="add-category-button" class="btn btn-primary" :class="{ 'loading': addingCategory }" :disabled="addingCategory || !newCategory" @click="addCategory">
-        Add category
-      </button>
+      </template> -->
+      <UserTable :user-profiles="userProfiles" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
-import { notify } from "notiwind-ts";
-import { getCategories, useCategories, useRestApi } from "#imports";
-
-const categories = useCategories();
-const rest = useRestApi().value;
+import { getUserProfiles, useUserProfiles } from "#imports";
 
-const newCategory = ref("");
-const addingCategory = ref(false);
+const userProfiles = useUserProfiles();
 
 onBeforeMount(() => {
-  getCategories();
+  getUserProfiles();
 });
-
-function getDeleteButtonDataCy (name: string) {
-  return "delete-category-" + name.toLowerCase().replace(/ /g, "-");
-}
-
-function addCategory () {
-  if (newCategory.value) {
-    addingCategory.value = true;
-
-    rest.category.addCategory(newCategory.value)
-      .then(() => {
-        getCategories();
-      })
-      .catch((err) => {
-        notify({
-          group: "error",
-          title: "Error",
-          text: `Trying to add the category. ${err.message}.`
-        }, 10000);
-      })
-      .finally(() => {
-        addingCategory.value = false;
-      });
-  }
-}
-
-function deleteCategory (category: string) {
-  if (confirm(`Are you sure you want to delete ${category}?`)) {
-    rest.category.deleteCategory(category)
-      .then(() => {
-        getCategories();
-      })
-      .catch((err) => {
-        notify({
-          group: "error",
-          title: "Error",
-          text: `Trying to delete the category. ${err.message}.`
-        }, 10000);
-      });
-  }
-}
 </script>

From dd35acb12ec5adcc080d2d694cad331a18f9a0a1 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Tue, 21 Jan 2025 20:01:49 +0100
Subject: [PATCH 5/8] refactor: [#658] removed unused code

---
 composables/states.ts          | 15 -------
 pages/admin/settings/users.vue | 73 +++++++++++++++++++++++++++++-----
 2 files changed, 64 insertions(+), 24 deletions(-)

diff --git a/composables/states.ts b/composables/states.ts
index c86e18ce..dbf9d3d4 100644
--- a/composables/states.ts
+++ b/composables/states.ts
@@ -8,7 +8,6 @@ export const useCategories = () => useState<Array<Category>>("categories", () =>
 export const useTags = () => useState<Array<TorrentTag>>("tags", () => new Array<TorrentTag>());
 export const useSettings = () => useState<PublicSettings>("public-settings", () => null);
 export const useUser = () => useState<TokenResponse>("user", () => null);
-export const useUserProfiles = () => useState<Array<UserProfile>>("user-profiles", () => new Array<UserProfile>());
 
 export function getSettings () {
   useRestApi().value.settings.getPublicSettings()
@@ -95,17 +94,3 @@ export async function getUser () {
       }, 10000);
     });
 }
-
-export function getUserProfiles () {
-  useRestApi().value.user.getUserProfiles()
-    .then((res) => {
-      useUserProfiles().value = res;
-    })
-    .catch((err) => {
-      notify({
-        group: "error",
-        title: "Error",
-        text: `Trying to get user profiles. ${err.message}.`
-      }, 10000);
-    });
-}
diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index bce67847..cc4af5c2 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -1,22 +1,77 @@
 <template>
   <div class="flex flex-col max-w-md gap-2 mx-auto">
     <div class="flex flex-col gap-2">
-      <!--     <template v-for="userProfile in userProfiles">
-        <div class="flex justify-between p-2 rounded bg-base-100">
-          <span class="text-base-content">{{ userProfile.username }} ({{ userProfile.email }})</span>
-        </div>
-      </template> -->
       <UserTable :user-profiles="userProfiles" />
+      <Pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :total-results="userProfilesTotal" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { getUserProfiles, useUserProfiles } from "#imports";
+import type { Ref } from "vue";
+import { notify } from "notiwind-ts";
+import type { UserProfile } from "torrust-index-types-lib";
+import { computed, onMounted, ref, useTags, watch } from "#imports";
+import { useRestApi } from "~/composables/states";
 
-const userProfiles = useUserProfiles();
+const route = useRoute();
+const router = useRouter();
+const rest = useRestApi();
 
-onBeforeMount(() => {
-  getUserProfiles();
+const defaultPageSize = 50;
+const queryPageSize = isNaN(route.query?.pageSize) ? defaultPageSize : parseInt(route.query?.pageSize as string, 10);
+const pageSize: Ref<number> = ref(isNaN(queryPageSize) ? defaultPageSize : queryPageSize);
+const userProfiles: Ref<Array<UserProfile>> = ref([]);
+const userProfilesTotal = ref(0);
+const currentPage: Ref<number> = ref(Number(route.query?.page as string) || 1);
+
+watch(() => route.fullPath, () => {
+  currentPage.value = isNaN(route.query.page) ? 1 : parseInt(route.query.page);
+  pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
+});
+
+watch([pageSize, currentPage], () => {
+  router.push({
+    query: {
+      pageSize: pageSize.value,
+      page: currentPage.value
+    }
+  });
+
+  loadUserProfiles();
+});
+
+onActivated(() => {
+  pageSize.value = route.query.pageSize as number ?? defaultPageSize;
+  currentPage.value = route.query.page as number ?? 1;
+});
+
+onMounted(() => {
+  loadUserProfiles();
 });
+
+function loadUserProfiles () {
+  const query = {
+    pageSize: pageSize.value,
+    page: currentPage.value
+  };
+
+  rest.value.user.getUserProfiles(
+    {
+      pageSize: pageSize.value,
+      page: currentPage.value
+    }
+  )
+    .then((v) => {
+      userProfilesTotal.value = v.total;
+      userProfiles.value = v.results;
+    })
+    .catch((err) => {
+      notify({
+        group: "error",
+        title: "Error",
+        text: `Trying to get the information for the user profiles. ${err.message}.`
+      }, 10000);
+    });
+}
 </script>

From 87e32e54cf041641fe971b0b4cc6dfae90e86063 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Wed, 22 Jan 2025 12:05:29 +0100
Subject: [PATCH 6/8] refactor: [#658] removed unused code

---
 components/user/UserTable.vue  | 31 -------------------------------
 composables/states.ts          |  2 +-
 pages/admin/settings/users.vue |  7 +------
 3 files changed, 2 insertions(+), 38 deletions(-)

diff --git a/components/user/UserTable.vue b/components/user/UserTable.vue
index 34749ca3..00817924 100644
--- a/components/user/UserTable.vue
+++ b/components/user/UserTable.vue
@@ -27,40 +27,9 @@
   </div>
 </template>
 
-<!-- <template>
-  <div class="flex flex-col max-w-md gap-2 mx-auto">
-    <div class="flex flex-col gap-2">
-      <template v-for="userProfile in userProfiles">
-        <div class="flex justify-between p-2 rounded bg-base-100">
-          <span class="text-base-content">{{ userProfile.username }} ({{ userProfile.email }})</span>
-        </div>
-      </template>
-    </div>
-  </div>
-</template> -->
-
 <script setup lang="ts">
 import type { TorrentListing, UserProfile } from "torrust-index-types-lib";
 
-/* import { ArrowDownTrayIcon, LinkIcon, EyeIcon } from "@heroicons/vue/24/outline";
-import { type PropType, watch } from "vue";
-import type { TorrentListing } from "torrust-index-types-lib";
-import { fileSizeDecimal, fileSizeBinary, timeSince, ref, downloadTorrent } from "#imports";
-
-const isOpenList = ref([]);
-
-watch(
-  () => props.torrents,
-  (torrents) => {
-    isOpenList.value = new Array(torrents.length).fill(false);
-  },
-  { immediate: true }
-);
-
-function toggleOpen (index: number) {
-  isOpenList.value[index] = !isOpenList.value[index];
-} */
-
 const props = defineProps({
   userProfiles: Array as PropType<Array<UserProfile>>
 });
diff --git a/composables/states.ts b/composables/states.ts
index dbf9d3d4..7c8ff183 100644
--- a/composables/states.ts
+++ b/composables/states.ts
@@ -1,4 +1,4 @@
-import type { PublicSettings, Category, TokenResponse, TorrentTag, UserProfile } from "torrust-index-types-lib";
+import type { PublicSettings, Category, TokenResponse, TorrentTag } from "torrust-index-types-lib";
 import { Rest } from "torrust-index-api-lib";
 import { notify } from "notiwind-ts";
 import { useRuntimeConfig, useState } from "#imports";
diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index cc4af5c2..66844de0 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -11,7 +11,7 @@
 import type { Ref } from "vue";
 import { notify } from "notiwind-ts";
 import type { UserProfile } from "torrust-index-types-lib";
-import { computed, onMounted, ref, useTags, watch } from "#imports";
+import { onMounted, ref, watch } from "#imports";
 import { useRestApi } from "~/composables/states";
 
 const route = useRoute();
@@ -51,11 +51,6 @@ onMounted(() => {
 });
 
 function loadUserProfiles () {
-  const query = {
-    pageSize: pageSize.value,
-    page: currentPage.value
-  };
-
   rest.value.user.getUserProfiles(
     {
       pageSize: pageSize.value,

From 8d606dd5833ad51496ad03556719da495a0253d0 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Wed, 22 Jan 2025 16:32:29 +0100
Subject: [PATCH 7/8] refactor: [#658] refactor function to display results
 properly

---
 pages/admin/settings/users.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 66844de0..f44da63f 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -30,7 +30,7 @@ watch(() => route.fullPath, () => {
   pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
 });
 
-watch([pageSize, currentPage], () => {
+watch(currentPage, () => {
   router.push({
     query: {
       pageSize: pageSize.value,
@@ -41,6 +41,18 @@ watch([pageSize, currentPage], () => {
   loadUserProfiles();
 });
 
+// Resets the current page value to 1 when the page size is changed to display results correctly
+watch(pageSize, () => {
+  router.push({
+    query: {
+      pageSize: pageSize.value,
+      page: 1
+    }
+  });
+
+  loadUserProfiles();
+});
+
 onActivated(() => {
   pageSize.value = route.query.pageSize as number ?? defaultPageSize;
   currentPage.value = route.query.page as number ?? 1;

From fdf80bae327134dc9122e694da145e5f8b02ab55 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Wed, 22 Jan 2025 17:32:23 +0100
Subject: [PATCH 8/8] deps: [#658] updated libs to v3.1.0

---
 package-lock.json | 85 ++++++++++++++++++++++++++++++++++++-----------
 package.json      |  4 +--
 2 files changed, 68 insertions(+), 21 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3b4e6923..682495af 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,8 +17,8 @@
         "dompurify": "^3.1.6",
         "marked": "^12.0.2",
         "notiwind-ts": "^2.0.2",
-        "torrust-index-api-lib": "^3.0.0",
-        "torrust-index-types-lib": "^3.0.0",
+        "torrust-index-api-lib": "^3.1.0",
+        "torrust-index-types-lib": "^3.1.0",
         "uuid": "^9.0.1"
       },
       "devDependencies": {
@@ -1108,7 +1108,8 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
       "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/@heroicons/vue": {
       "version": "2.1.5",
@@ -1467,6 +1468,7 @@
       "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz",
       "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "@gar/promisify": "^1.0.1",
         "semver": "^7.3.5"
@@ -1478,6 +1480,7 @@
       "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==",
       "deprecated": "This functionality has been moved to @npmcli/fs",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "mkdirp": "^1.0.4",
         "rimraf": "^3.0.2"
@@ -2637,6 +2640,7 @@
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
       "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
       "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 6"
       }
@@ -3500,6 +3504,7 @@
       "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz",
       "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "humanize-ms": "^1.2.1"
       },
@@ -4382,6 +4387,7 @@
       "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz",
       "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "@npmcli/fs": "^1.0.0",
         "@npmcli/move-file": "^1.0.1",
@@ -4411,6 +4417,7 @@
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -4422,6 +4429,7 @@
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -4442,6 +4450,7 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -4454,6 +4463,7 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -4465,7 +4475,8 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/cache-content-type": {
       "version": "1.0.1",
@@ -6170,6 +6181,7 @@
       "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
       "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
       "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -6178,7 +6190,8 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
       "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/error-ex": {
       "version": "1.3.2",
@@ -8079,7 +8092,8 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
       "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/http-errors": {
       "version": "2.0.0",
@@ -8102,6 +8116,7 @@
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
       "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "@tootallnate/once": "1",
         "agent-base": "6",
@@ -8167,6 +8182,7 @@
       "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
       "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "ms": "^2.0.0"
       }
@@ -8278,7 +8294,8 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
       "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/inflight": {
       "version": "1.0.6",
@@ -8347,6 +8364,7 @@
       "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz",
       "integrity": "sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "jsbn": "1.1.0",
         "sprintf-js": "^1.1.3"
@@ -8628,7 +8646,8 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
       "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/is-module": {
       "version": "1.0.0",
@@ -8923,7 +8942,8 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
       "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/jsesc": {
       "version": "3.0.2",
@@ -9610,6 +9630,7 @@
       "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
       "integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "agentkeepalive": "^4.1.3",
         "cacache": "^15.2.0",
@@ -9637,6 +9658,7 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -9648,7 +9670,8 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/marked": {
       "version": "12.0.2",
@@ -9821,6 +9844,7 @@
       "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
       "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "minipass": "^3.0.0"
       },
@@ -9833,6 +9857,7 @@
       "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz",
       "integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "minipass": "^3.1.0",
         "minipass-sized": "^1.0.3",
@@ -9850,6 +9875,7 @@
       "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
       "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "minipass": "^3.0.0"
       },
@@ -9862,6 +9888,7 @@
       "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
       "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "minipass": "^3.0.0"
       },
@@ -9874,6 +9901,7 @@
       "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
       "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "minipass": "^3.0.0"
       },
@@ -10017,6 +10045,7 @@
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
       "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
       "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -10637,6 +10666,7 @@
       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz",
       "integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "env-paths": "^2.2.0",
         "glob": "^7.1.4",
@@ -10673,6 +10703,7 @@
       "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==",
       "deprecated": "This package is no longer supported.",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "delegates": "^1.0.0",
         "readable-stream": "^3.6.0"
@@ -10686,6 +10717,7 @@
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -10697,6 +10729,7 @@
       "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==",
       "deprecated": "This package is no longer supported.",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "aproba": "^1.0.3 || ^2.0.0",
         "color-support": "^1.1.3",
@@ -10717,6 +10750,7 @@
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -10737,6 +10771,7 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -10750,6 +10785,7 @@
       "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==",
       "deprecated": "This package is no longer supported.",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "are-we-there-yet": "^3.0.0",
         "console-control-strings": "^1.1.0",
@@ -10765,6 +10801,7 @@
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -15711,13 +15748,15 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
       "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/promise-retry": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
       "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "err-code": "^2.0.2",
         "retry": "^0.12.0"
@@ -16323,6 +16362,7 @@
       "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
       "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
       "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 4"
       }
@@ -16875,6 +16915,7 @@
       "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
       "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
       "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 6.0.0",
         "npm": ">= 3.0.0"
@@ -16891,6 +16932,7 @@
       "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.3.tgz",
       "integrity": "sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "ip-address": "^9.0.5",
         "smart-buffer": "^4.2.0"
@@ -16905,6 +16947,7 @@
       "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz",
       "integrity": "sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "agent-base": "^6.0.2",
         "debug": "^4.3.3",
@@ -16995,7 +17038,8 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
       "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/sqlite3": {
       "version": "5.1.7",
@@ -17057,6 +17101,7 @@
       "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
       "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "minipass": "^3.1.1"
       },
@@ -17837,17 +17882,17 @@
       }
     },
     "node_modules/torrust-index-api-lib": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/torrust-index-api-lib/-/torrust-index-api-lib-3.0.0.tgz",
-      "integrity": "sha512-offjPv8ALxL7g0Gz+auH1q8CHFvkdLLdsjnh7ta4myiXT8dLz4AKpNHchSrUGDiAWaaPUrLd75Qv4oJUBb0GEw==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/torrust-index-api-lib/-/torrust-index-api-lib-3.1.0.tgz",
+      "integrity": "sha512-44An5DA2gEvKZWDEBxe2IASv2LV2OSQjsinbKMUy30S9hzA+RyxmpVTrTuXNZ4SsEUwOmOdJsSs518SYD5bwAw==",
       "dependencies": {
-        "torrust-index-types-lib": "^3.0.0"
+        "torrust-index-types-lib": "^3.1.0"
       }
     },
     "node_modules/torrust-index-types-lib": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/torrust-index-types-lib/-/torrust-index-types-lib-3.0.0.tgz",
-      "integrity": "sha512-Jfi3tOLP9btSXHlUivIMQhkpfYj2hzFS8bGliGCV6QC6eYvUkzQwNqwMfNtwRrhcqrJ0tyU9R74qGG2rIJ9n7Q=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/torrust-index-types-lib/-/torrust-index-types-lib-3.1.0.tgz",
+      "integrity": "sha512-88V7IUbwyLoD5ZvzVmVHSJEB/ZK6OhmdXegpWdt8uEVAofs4ipRoRuphdFObTX1X1YCTN7OExBw/QXzhCo+WUA=="
     },
     "node_modules/totalist": {
       "version": "3.0.1",
@@ -18247,6 +18292,7 @@
       "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
       "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "unique-slug": "^2.0.0"
       }
@@ -18256,6 +18302,7 @@
       "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
       "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "imurmurhash": "^0.1.4"
       }
diff --git a/package.json b/package.json
index 1caca745..afe54e91 100644
--- a/package.json
+++ b/package.json
@@ -48,8 +48,8 @@
     "dompurify": "^3.1.6",
     "marked": "^12.0.2",
     "notiwind-ts": "^2.0.2",
-    "torrust-index-api-lib": "^3.0.0",
-    "torrust-index-types-lib": "^3.0.0",
+    "torrust-index-api-lib": "^3.1.0",
+    "torrust-index-types-lib": "^3.1.0",
     "uuid": "^9.0.1"
   }
 }
\ No newline at end of file