[Dashboard] Update PaymentLink type and handling

- Modified PaymentLink type to allow 'amount' to be optional.
- Updated getPaymentLink function to handle undefined amounts correctly.
- Adjusted PayPage and PayPageEmbed components to accommodate changes in amount handling, ensuring proper conversion and default values.

Author: gregfromstl

apps/dashboard/src/@/api/universal-bridge/links.ts

@@ -11,7 +11,7 @@ type PaymentLink = {
     decimals: number;
     chainId: number;
   };
-  amount: bigint;
+  amount: bigint | undefined;
   purchaseData: unknown;
 };
 
@@ -32,5 +32,12 @@ export async function getPaymentLink(props: {
   }
 
   const { data } = await res.json();
-  return data as PaymentLink;
+  return {
+    clientId: data.clientId,
+    label: data.label,
+    receiver: data.receiver,
+    destinationToken: data.destinationToken,
+    amount: data.amount ? BigInt(data.amount) : undefined,
+    purchaseData: data.purchaseData,
+  } as PaymentLink;
 }

apps/dashboard/src/app/pay/[id]/page.tsx

@@ -59,7 +59,7 @@ export default async function PayPage({
       paymentLinkId={id}
       chainId={Number(paymentLink.destinationToken.chainId)}
       recipientAddress={paymentLink.receiver}
-      amount={BigInt(paymentLink.amount)}
+      amount={paymentLink.amount ? BigInt(paymentLink.amount) : undefined}
       token={token}
       clientId={paymentLink.clientId}
       name={paymentLink.label}

apps/dashboard/src/app/pay/components/client/PayPageEmbed.client.tsx

@@ -20,7 +20,7 @@ export function PayPageEmbed({
   chainId: number;
   recipientAddress: string;
   paymentLinkId?: string;
-  amount: bigint;
+  amount?: bigint;
   token: { name: string; symbol: string; address: string; decimals: number };
   name?: string;
   image?: string;
@@ -54,7 +54,7 @@ export function PayPageEmbed({
           paymentInfo: {
             chain,
             sellerAddress: recipientAddress,
-            amount: toTokens(amount, token.decimals),
+            amount: amount ? toTokens(amount, token.decimals) : "0.01",
             token: token.address === NATIVE_TOKEN_ADDRESS ? undefined : token,
           },
           onPurchaseSuccess: (result) => {