From 2bb50c48c9ef506cb4dcd452c6c3661694f29606 Mon Sep 17 00:00:00 2001
From: Juan Felipe Zapata Moreno <zapata_pipe@hotmail.com>
Date: Thu, 19 Feb 2026 16:53:56 -0600
Subject: [PATCH] =?UTF-8?q?feat:=20agregar=20traducci=C3=B3n=20de=20descri?=
 =?UTF-8?q?pciones=20y=20actualizar=20t=C3=A9rminos=20de=20kit=20a=20paq?=
 =?UTF-8?q?=20en=20varios=20componentes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Holos/Timeline/Item.vue | 11 ++++++++++-
 src/components/POS/CartItem.vue        |  2 +-
 src/pages/Admin/Activities/Index.vue   |  7 +++++++
 src/pages/POS/Bundles/Create.vue       |  2 +-
 src/pages/POS/Bundles/Edit.vue         |  2 +-
 src/pages/POS/Bundles/Index.vue        |  2 +-
 6 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/components/Holos/Timeline/Item.vue b/src/components/Holos/Timeline/Item.vue
index b6df0f6..b1fd5ff 100644
--- a/src/components/Holos/Timeline/Item.vue
+++ b/src/components/Holos/Timeline/Item.vue
@@ -12,6 +12,7 @@ const emit = defineEmits([
 /** Propiedades */
 const props = defineProps({
     event: Object,
+    nameMap: { type: Object, default: () => ({}) },
 });
 
 const icons = {
@@ -42,6 +43,14 @@ const borderColor = computed(() => {
     return `border-${colors[eventType.value]} dark:border-${colors[eventType.value]}-d`;
 });
 
+const translatedDescription = computed(() => {
+    let desc = props.event.description ?? '';
+    for (const [key, value] of Object.entries(props.nameMap)) {
+        desc = desc.replaceAll(`"${key}"`, `"${value}"`);
+    }
+    return desc;
+});
+
 </script>
 
 <template>
@@ -79,7 +88,7 @@ const borderColor = computed(() => {
                         <div class="flex w-full flex-col justify-start space-y-2">
                             <div>
                                 <h4 class="font-semibold">{{ $t('description') }}:</h4>
-                                <p>{{ event.description }}.</p>
+                                <p>{{ translatedDescription }}</p>
                             </div>
                             <div>
                                 <h4 class="font-semibold">{{ $t('author') }}:</h4>
diff --git a/src/components/POS/CartItem.vue b/src/components/POS/CartItem.vue
index a809a21..89b19fb 100644
--- a/src/components/POS/CartItem.vue
+++ b/src/components/POS/CartItem.vue
@@ -103,7 +103,7 @@ const remove = () => {
                     v-if="item.is_bundle"
                     class="shrink-0 px-1.5 py-0.5 text-xs font-bold rounded bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400"
                 >
-                    KIT
+                    PAQ
                 </span>
                 <h4 class="text-sm font-semibold text-gray-800 dark:text-gray-200 line-clamp-2">
                     {{ item.product_name }}
diff --git a/src/pages/Admin/Activities/Index.vue b/src/pages/Admin/Activities/Index.vue
index 1670f7a..3f2bee4 100644
--- a/src/pages/Admin/Activities/Index.vue
+++ b/src/pages/Admin/Activities/Index.vue
@@ -35,6 +35,12 @@ const filters = reactive({
     user: ''
 });
 
+const movements = {
+    'entry': 'Entrada',
+    'exit': 'Salida',
+    'transfer': 'Transferencia'
+};
+
 /** Métodos */
 const searcher = useSearcher({
     url: apiTo('index'),
@@ -133,6 +139,7 @@ onMounted(() => {
                         <template v-for="event in items">
                             <Item
                                 :event="event"
+                                :name-map="movements"
                                 @show="Modal.switchShowModal(event)"
                             />
                         </template>
diff --git a/src/pages/POS/Bundles/Create.vue b/src/pages/POS/Bundles/Create.vue
index 0c9e922..003d857 100644
--- a/src/pages/POS/Bundles/Create.vue
+++ b/src/pages/POS/Bundles/Create.vue
@@ -133,7 +133,7 @@ watch(() => props.show, (val) => {
                         <FormInput
                             v-model="form.name"
                             type="text"
-                            placeholder="Ej: Kit Gamer Pro"
+                            placeholder="Ej: Kit gols Pro"
                             required
                         />
                         <FormError :message="form.errors?.name" />
diff --git a/src/pages/POS/Bundles/Edit.vue b/src/pages/POS/Bundles/Edit.vue
index adc5d6e..b02a3bb 100644
--- a/src/pages/POS/Bundles/Edit.vue
+++ b/src/pages/POS/Bundles/Edit.vue
@@ -149,7 +149,7 @@ watch(() => props.bundle, (bundle) => {
                         <FormInput
                             v-model="form.name"
                             type="text"
-                            placeholder="Ej: Kit Gamer Pro"
+                            placeholder="Ej: Kit gols Pro"
                             required
                         />
                         <FormError :message="form.errors?.name" />
diff --git a/src/pages/POS/Bundles/Index.vue b/src/pages/POS/Bundles/Index.vue
index 391988a..73de89e 100644
--- a/src/pages/POS/Bundles/Index.vue
+++ b/src/pages/POS/Bundles/Index.vue
@@ -121,7 +121,7 @@ onMounted(() => {
                                     ? 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400'
                                     : 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400'"
                             >
-                                {{ bundle.available_stock }} kits
+                                {{ bundle.available_stock }} paq.
                             </span>
                         </td>
                         <td class="px-6 py-4 whitespace-nowrap text-center">