fix(transfercheck): fix currency formatting

packages/app-builder/package.json

@@ -43,6 +43,7 @@
     "@conform-to/react": "^1.1.5",
     "@conform-to/zod": "^1.1.5",
     "@dagrejs/dagre": "^1.1.3",
+    "@dinero.js/currencies": "2.0.0-alpha.14",
     "@hookform/devtools": "^4.3.1",
     "@hookform/resolvers": "^3.9.0",
     "@lottiefiles/react-lottie-player": "^3.5.4",
@@ -75,6 +76,7 @@
     "cronstrue": "^2.50.0",
     "crypto-js": "^4.2.0",
     "date-fns": "^3.6.0",
+    "dinero.js": "2.0.0-alpha.14",
     "firebase": "^10.12.4",
     "i18next": "^23.12.2",
     "i18next-browser-languagedetector": "^8.0.0",

packages/app-builder/src/components/Transfers/TransferData.tsx

@@ -1,9 +1,10 @@
 import {
+  formatCurrency,
   formatDateTime,
-  formatNumber,
   useFormatLanguage,
 } from '@app-builder/utils/format';
 import { useGetCopyToClipboard } from '@app-builder/utils/use-get-copy-to-clipboard';
+import { type Currency } from 'dinero.js';
 import { Trans, useTranslation } from 'react-i18next';
 
 import { Callout } from '../Callout';
@@ -14,7 +15,7 @@ interface TransferDataProps {
   beneficiaryIban: string;
   beneficiaryName: string;
   createdAt: string;
-  currency: string;
+  currency: Currency<number>;
   label: string;
   senderAccountId: string;
   senderAccountType: string;
@@ -60,17 +61,18 @@ export function TransferData(props: TransferDataProps) {
           {t('transfercheck:transfer_detail.transfer_data.label')}
         </span>
         <span className="text-grey-100 text-s">{props.label}</span>
-
         <span className="text-grey-50 text-s first-letter:capitalize">
           {t('transfercheck:transfer_detail.transfer_data.currency')}
         </span>
-        <span className="text-grey-100 text-s">{props.currency}</span>
-
+        <span className="text-grey-100 text-s">{props.currency.code}</span>
         <span className="text-grey-50 text-s first-letter:capitalize">
           {t('transfercheck:transfer_detail.transfer_data.value')}
         </span>
         <span className="text-grey-100 text-s">
-          {formatNumber(props.value, { language })}
+          {formatCurrency(props.value, {
+            language,
+            currency: props.currency,
+          })}
         </span>
       </div>
 

packages/app-builder/src/components/Transfers/TransfersList.tsx

@@ -1,5 +1,5 @@
 import { type Transfer } from '@app-builder/models/transfer';
-import { formatNumber, useFormatLanguage } from '@app-builder/utils/format';
+import { formatCurrency, useFormatLanguage } from '@app-builder/utils/format';
 import { getRoute } from '@app-builder/utils/routes';
 import { fromUUID } from '@app-builder/utils/short-uuid';
 import { Link } from '@remix-run/react';
@@ -33,11 +33,16 @@ export function TransfersList({ className, transfers }: TransfersListProps) {
         id: 'value',
         header: 'Value',
         size: 100,
-        cell: ({ getValue }) => (
-          <span>{formatNumber(getValue(), { language })}</span>
+        cell: ({ getValue, row }) => (
+          <span>
+            {formatCurrency(getValue(), {
+              language,
+              currency: row.original.data.currency,
+            })}
+          </span>
         ),
       }),
-      columnHelper.accessor((row) => row.data.currency, {
+      columnHelper.accessor((row) => row.data.currency.code, {
         id: 'currency',
         header: 'Currency',
         size: 50,

packages/app-builder/src/models/transfer.ts

@@ -1,3 +1,5 @@
+import { adaptCurrency } from '@app-builder/utils/currencies';
+import { type Currency } from 'dinero.js';
 import {
   type TransferDataDto,
   type TransferDto,
@@ -15,7 +17,7 @@ export interface TransferData {
   beneficiaryIban: string;
   beneficiaryName: string;
   createdAt: string;
-  currency: string;
+  currency: Currency<number>;
   label: string;
   senderAccountId: string;
   senderAccountType: 'physical_person' | 'moral_person';
@@ -38,7 +40,7 @@ export function adaptTransferData(
     beneficiaryIban: transferDataDto.beneficiary_iban,
     beneficiaryName: transferDataDto.beneficiary_name,
     createdAt: transferDataDto.created_at,
-    currency: transferDataDto.currency,
+    currency: adaptCurrency(transferDataDto.currency),
     label: transferDataDto.label,
     senderAccountId: transferDataDto.sender_account_id,
     senderAccountType: transferDataDto.sender_account_type,