+
+
+[](https://github.com/smartcontractkit/ccip-javascript-sdk/blob/main/LICENSE)
+[](https://docs.chain.link/ccip/ccip-javascript-sdk/)
+{connectError.message}
} + {address &&{`Address: ${address}`}
} + {chain && ( + <> +{`Connected to ${chain.name} (chainId: ${chain.id})`}
+{switchError.message}
+ )} + + )} +{txHash}
+ {txHash}
+
+ {messageId}
+
+ {txHash}
+
+ {messageId}
+
+ Using ERC20 transfer function
+{txHash}
+
+ {messageId}
+
+
+ {allowance}
+
+ {onRamp}
+
+ {supportedFeeTokens.map((address) => (
+
+ {address}
+
+ ))}
+
+
+
+ {`Tokens: ${rateLimits.tokens.toLocaleString()}`}
+
+
+ {`Last updated: ${new Date(rateLimits.lastUpdated * 1000).toLocaleString()}`}
+
+ {`Is enabled: ${rateLimits.isEnabled.toString()}`}
+ {`Capacity: ${rateLimits.capacity.toLocaleString()}`}
+ {`Rate: ${rateLimits.rate.toLocaleString()}`}
+
+
+
+ {`Tokens: ${tokenRateLimits.tokens.toLocaleString()}`}
+
+
+ {`Last updated: ${new Date(tokenRateLimits.lastUpdated * 1000).toLocaleString()}`}
+
+ {`Is enabled: ${tokenRateLimits.isEnabled.toString()}`}
+ {`Capacity: ${tokenRateLimits.capacity.toLocaleString()}`}
+ {`Rate: ${tokenRateLimits.rate.toLocaleString()}`}
+
+
+ {isTokenSupported.toLocaleString()}
+
+
+ {tokenAdminRegistry.toLocaleString()}
+
+ {`Block Number: ${transactionReceipt.blockNumber.toString()}`}
+{`From: ${transactionReceipt.from}`}
+{`To: ${transactionReceipt.to}`}
+{`Status: ${transactionReceipt.status}`}
+
+
+ {`Block Number: ${transactionReceipt.blockNumber.toString()}`}
+
+ {`From: ${transactionReceipt.from}`}
+ {`To: ${transactionReceipt.to}`}
+ {`Status: ${transactionReceipt.status}`}
+
+ {transferStatus}
} +{fee}
+ + {`${connector?.name == `Injected` ? `Browser` : connector?.name} Connected`} +
+Fees + Destination gas
+Fees + Destination gas
++ Fees cover the gas costs of completing transactions on the + destination chain and the fees paid to CCIP service providers. Learn + more at +
+ + docs.chain.link/ccip/billing + ++ {body} +
+ ); +}); +FormMessage.displayName = 'FormMessage'; + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +}; diff --git a/packages/ccip-react-components/lib/components/ui/input.tsx b/packages/ccip-react-components/lib/components/ui/input.tsx new file mode 100644 index 0000000..73d4ab9 --- /dev/null +++ b/packages/ccip-react-components/lib/components/ui/input.tsx @@ -0,0 +1,25 @@ +import * as React from 'react'; + +import { cn } from '@/utils'; + +export interface InputProps + extends React.InputHTMLAttributes