From 8df98e45bcb7157fbe292292cabcc50a7f6acd06 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste@typebot.io>
Date: Mon, 22 Sep 2025 10:22:42 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20VAT=20ID=20dropdown=20refe?=
 =?UTF-8?q?rencing=20type=20instead=20of=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/features/billing/components/PreCheckoutDialog.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/builder/src/features/billing/components/PreCheckoutDialog.tsx b/apps/builder/src/features/billing/components/PreCheckoutDialog.tsx
index 5a5bcaf84..24aff1952 100644
--- a/apps/builder/src/features/billing/components/PreCheckoutDialog.tsx
+++ b/apps/builder/src/features/billing/components/PreCheckoutDialog.tsx
@@ -27,10 +27,10 @@ export type PreCheckoutDialogProps = {
 const vatCodeLabels = taxIdTypes.map((taxIdType) => ({
   label: (
     <span className="flex items-center gap-2">
-      <span>{taxIdType.emoji}</span> {taxIdType.name} ({taxIdType.code})
+      {taxIdType.name} ({taxIdType.code}) <span>{taxIdType.emoji}</span>
     </span>
   ),
-  value: taxIdType.type,
+  value: taxIdType.code,
 }));
 
 export const PreCheckoutDialog = ({
@@ -78,7 +78,7 @@ export const PreCheckoutDialog = ({
       },
     }));
     const vatPlaceholder = taxIdTypes.find(
-      (taxIdType) => taxIdType.type === vatCode,
+      (taxIdType) => taxIdType.code === vatCode,
     )?.placeholder;
     if (vatPlaceholder) setVatValuePlaceholder(vatPlaceholder ?? "");
     vatValueInputRef.current?.focus();