Merge pull request #433 from qubic/feat/contract-decoding

sallymoc · web-flow · commit f12f4982af7b · 2026-03-10T00:27:04.000+01:00
feat(tx): decode contract input with reusable UI sections
diff --git a/package.json b/package.json
@@ -21,6 +21,8 @@
   "dependencies": {
     "@headlessui/react": "^2.1.2",
     "@qubic-lib/qubic-ts-library": "0.1.6",
+    "@qubic.ts/contracts": "^1.1.0",
+    "@qubic.ts/core": "^1.1.0",
     "@react-spring/web": "^9.7.5",
     "@reduxjs/toolkit": "^2.2.6",
     "@tailwindcss/aspect-ratio": "^0.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/locales/ar/network-page.json b/public/locales/ar/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "معاينة المعاملات",
   "transactions": "معاملات",
   "data": "البيانات",
+  "defaultView": "العرض الافتراضي",
+  "unableToDecodeContractInput": "تعذّر فك ترميز مدخلات هذا العقد.",
+  "exportJson": "تصدير JSON",
+  "showMore": "عرض المزيد",
+  "showLess": "عرض أقل",
   "type": "النوع",
   "unexecuted": "غير منفذ",
   "value": "القيمة",
diff --git a/public/locales/de/network-page.json b/public/locales/de/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Transaktionsvorschau",
   "transactions": "Transaktionen",
   "data": "Daten",
+  "defaultView": "Standardansicht",
+  "unableToDecodeContractInput": "Die Eingabedaten dieses Vertrags konnten nicht dekodiert werden.",
+  "exportJson": "JSON exportieren",
+  "showMore": "Mehr anzeigen",
+  "showLess": "Weniger anzeigen",
   "type": "Typ",
   "unexecuted": "Nicht ausgeführt",
   "value": "Wert",
diff --git a/public/locales/en/network-page.json b/public/locales/en/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Transaction Preview",
   "transactions": "Transactions",
   "data": "Data",
+  "defaultView": "Default View",
+  "unableToDecodeContractInput": "Unable to decode this contract input.",
+  "exportJson": "Export JSON",
+  "showMore": "Show more",
+  "showLess": "Show less",
   "type": "Type",
   "unexecuted": "Unexecuted",
   "value": "Value",
diff --git a/public/locales/es/network-page.json b/public/locales/es/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Vista previa de las transacciones",
   "transactions": "Transacciones",
   "data": "Datos",
+  "defaultView": "Vista predeterminada",
+  "unableToDecodeContractInput": "No se pudo decodificar la entrada de este contrato.",
+  "exportJson": "Exportar JSON",
+  "showMore": "Mostrar más",
+  "showLess": "Mostrar menos",
   "type": "Tipo",
   "unexecuted": "No ejecutado",
   "value": "Valor",
diff --git a/public/locales/fr/network-page.json b/public/locales/fr/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Aperçu des transactions",
   "transactions": "Transactions",
   "data": "Données",
+  "defaultView": "Vue par défaut",
+  "unableToDecodeContractInput": "Impossible de décoder l'entrée de ce contrat.",
+  "exportJson": "Exporter JSON",
+  "showMore": "Afficher plus",
+  "showLess": "Afficher moins",
   "type": "Type",
   "unexecuted": "Non exécuté",
   "value": "Valeur",
diff --git a/public/locales/ja/network-page.json b/public/locales/ja/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "トランザクションのプレビュー",
   "transactions": "トランザクション",
   "data": "データ",
+  "defaultView": "デフォルト表示",
+  "unableToDecodeContractInput": "このコントラクトの入力をデコードできませんでした。",
+  "exportJson": "JSONをエクスポート",
+  "showMore": "もっと見る",
+  "showLess": "折りたたむ",
   "type": "タイプ",
   "unexecuted": "未実行",
   "value": "値",
diff --git a/public/locales/nl/network-page.json b/public/locales/nl/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Transactievoorvertoning",
   "transactions": "Transacties",
   "data": "Data",
+  "defaultView": "Standaardweergave",
+  "unableToDecodeContractInput": "Kan de invoer van dit contract niet decoderen.",
+  "exportJson": "JSON exporteren",
+  "showMore": "Meer tonen",
+  "showLess": "Minder tonen",
   "type": "Type",
   "unexecuted": "Niet uitgevoerd",
   "value": "Waarde",
diff --git a/public/locales/pt/network-page.json b/public/locales/pt/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Visualização da transação",
   "transactions": "Transações",
   "data": "Dados",
+  "defaultView": "Visualização padrão",
+  "unableToDecodeContractInput": "Não foi possível decodificar a entrada deste contrato.",
+  "exportJson": "Exportar JSON",
+  "showMore": "Mostrar mais",
+  "showLess": "Mostrar menos",
   "type": "Tipo",
   "unexecuted": "Não executado",
   "value": "Valor",
diff --git a/public/locales/ru/network-page.json b/public/locales/ru/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Предварительный просмотр транзакции",
   "transactions": "Транзакции",
   "data": "Данные",
+  "defaultView": "Вид по умолчанию",
+  "unableToDecodeContractInput": "Не удалось декодировать входные данные этого контракта.",
+  "exportJson": "Экспортировать JSON",
+  "showMore": "Показать больше",
+  "showLess": "Показать меньше",
   "type": "Тип",
   "unexecuted": "Не выполнено",
   "value": "Значение",
diff --git a/public/locales/tr/network-page.json b/public/locales/tr/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "İşlem önizlemesi",
   "transactions": "İşlemler",
   "data": "Veri",
+  "defaultView": "Varsayılan Görünüm",
+  "unableToDecodeContractInput": "Bu sözleşme girişi çözümlenemedi.",
+  "exportJson": "JSON dışa aktar",
+  "showMore": "Daha fazla göster",
+  "showLess": "Daha az göster",
   "type": "Tür",
   "unexecuted": "Gerçekleştirilmemiş",
   "value": "Değer",
diff --git a/public/locales/vi/network-page.json b/public/locales/vi/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "Xem trước giao dịch",
   "transactions": "Các giao dịch",
   "data": "Dữ liệu",
+  "defaultView": "Chế độ xem mặc định",
+  "unableToDecodeContractInput": "Không thể giải mã dữ liệu đầu vào của hợp đồng này.",
+  "exportJson": "Xuất JSON",
+  "showMore": "Xem thêm",
+  "showLess": "Thu gọn",
   "type": "Loại",
   "unexecuted": "Chưa thực hiện",
   "value": "Giá trị",
diff --git a/public/locales/zh/network-page.json b/public/locales/zh/network-page.json
@@ -47,6 +47,11 @@
   "transactionPreview": "交易预览",
   "transactions": "交易",
   "data": "数据",
+  "defaultView": "默认视图",
+  "unableToDecodeContractInput": "无法解码此合约的输入数据。",
+  "exportJson": "导出 JSON",
+  "showMore": "显示更多",
+  "showLess": "显示更少",
   "type": "类型",
   "unexecuted": "未执行",
   "value": "值",
diff --git a/src/assets/icons/arrow-down-tray.svg b/src/assets/icons/arrow-down-tray.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" />
+</svg>
diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
@@ -1,3 +1,4 @@
+export { default as ArrowDownTrayIcon } from './arrow-down-tray.svg?react'
 export { default as ArrowTopRightOnSquareIcon } from './arrow-top-right-on-square.svg?react'
 export { default as Bars3Icon } from './bars-3.svg?react'
 export { default as CameraIcon } from './camera.svg?react'
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
@@ -64,7 +64,10 @@ export default function Select<ValueType = string>({
   // Sync internal state with defaultValue when it changes
   useEffect(() => {
     if (defaultValue) {
-      setSelected(defaultValue)
+      setSelected((prev) => {
+        if (prev.value === defaultValue.value && prev.label === defaultValue.label) return prev
+        return defaultValue
+      })
     }
   }, [defaultValue])
 
diff --git a/src/pages/network/components/TxItem/DecodedInputTable.tsx b/src/pages/network/components/TxItem/DecodedInputTable.tsx
diff --git a/src/pages/network/components/TxItem/InputDataSection.tsx b/src/pages/network/components/TxItem/InputDataSection.tsx
diff --git a/src/pages/network/components/TxItem/TransactionDetails.tsx b/src/pages/network/components/TxItem/TransactionDetails.tsx
diff --git a/src/pages/network/components/TxItem/TransferList/TransferList.tsx b/src/pages/network/components/TxItem/TransferList/TransferList.tsx
diff --git a/src/pages/network/components/TxItem/useDecodedContractInput.ts b/src/pages/network/components/TxItem/useDecodedContractInput.ts
diff --git a/src/utils/contract-input-decoder.ts b/src/utils/contract-input-decoder.ts
