From 5e114bb564c9e552534c84400d5baaf344d7fe04 Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Thu, 26 Feb 2026 16:52:48 -0600
Subject: [PATCH] Se agrego los efectos para caluclar la clave

---
 .../goods/fractions/TariffFractionFormDialog.svelte   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/goods/fractions/TariffFractionFormDialog.svelte b/frontend/src/lib/components/dashboard/goods/fractions/TariffFractionFormDialog.svelte
index d92d48e5..9e0a6b62 100644
--- a/frontend/src/lib/components/dashboard/goods/fractions/TariffFractionFormDialog.svelte
+++ b/frontend/src/lib/components/dashboard/goods/fractions/TariffFractionFormDialog.svelte
@@ -66,6 +66,13 @@
 		}
 	});
 
+	// Sync code with fractionFormatted for US catalog
+	$effect(() => {
+		if (catalog === 'usa' || catalog === 'american') {
+			code = fractionFormatted.replace(/\./g, '').replace(/-/g, '');
+		}
+	});
+
 	async function handleSubmit() {
 		const companyId = companyStore.activeCompany?.id;
 		if (!companyId) return;
@@ -126,9 +133,7 @@
 		<div class="grid gap-4 py-4">
 			<div class="grid grid-cols-2 gap-4">
 				<div class="space-y-2">
-					<Label for="code"
-						>{catalog === 'mex' ? 'Clave / Código (Sin puntos)' : 'Clave (Calculada)'}</Label
-					>
+					<Label for="code">{catalog === 'mex' ? 'Clave / Código (Sin puntos)' : 'Clave'}</Label>
 					<Input id="code" bind:value={code} disabled={true} placeholder="Ej. 01012101" />
 					<p class="text-[10px] text-muted-foreground">
 						{catalog === 'mex'