-
Account Information
-
-
-
-
Status
-
-
- Active & Secured
-
-
+ return (
+
+
+
+ Account Information
+
-
-
Wallet Address
-
-
- {truncateStellarAddress(walletInfo.address)}
-
-
-
-
+
+
+
Status
+
+
+ Active & Secured
+
+
-
-
-
- Abstracted Wallet
-
-
No setup required
-
+
-
-
-
- Created
-
-
May 2024
-
-
+
+
+
+ Abstracted Wallet
+
+
+ No setup required
+
-
+
+
+
+ Created
+
+
May 2024
+
- );
+
+
+
+
+ );
}
diff --git a/components/wallet/wallet-sheet.tsx b/components/wallet/wallet-sheet.tsx
index 7006c2f7..5a681b09 100644
--- a/components/wallet/wallet-sheet.tsx
+++ b/components/wallet/wallet-sheet.tsx
@@ -1,9 +1,9 @@
"use client";
import React from "react";
-
-import { useState } from "react";
import Link from "next/link";
+
+import { Button } from "@/components/ui/button";
import {
Sheet,
SheetContent,
@@ -11,21 +11,19 @@ import {
SheetTitle,
SheetTrigger,
} from "@/components/ui/sheet";
-import { Button } from "@/components/ui/button";
+import { AccountLink } from "@/components/ui/stellar-link";
+import { WalletInfo } from "@/types/wallet";
+import { formatDistanceToNow } from "date-fns";
import {
- Wallet,
- Copy,
+ ArrowDownLeft,
+ ArrowUpRight,
Check,
- Shield,
ExternalLink,
- ArrowUpRight,
- ArrowDownLeft,
Loader2,
LogOut,
+ Shield,
+ Wallet,
} from "lucide-react";
-import { WalletInfo } from "@/types/wallet";
-import { truncateStellarAddress } from "@/lib/mock-wallet";
-import { formatDistanceToNow } from "date-fns";
import { useSmartWallet } from "@/components/providers/smart-wallet-provider";
interface WalletSheetProps {
@@ -35,19 +33,6 @@ interface WalletSheetProps {
export function WalletSheet({ walletInfo, trigger }: WalletSheetProps) {
const { disconnect, isLoading } = useSmartWallet();
- const [copied, setCopied] = useState(false);
-
- // ... (rest of the component)
-
- const handleCopyAddress = async () => {
- try {
- await navigator.clipboard.writeText(walletInfo.address);
- setCopied(true);
- setTimeout(() => setCopied(false), 2000);
- } catch (error) {
- console.error("Failed to copy address:", error);
- }
- };
const formatCurrency = (amount: number, currency: string = "USD") => {
if (currency === "USD") {
@@ -89,30 +74,15 @@ export function WalletSheet({ walletInfo, trigger }: WalletSheetProps) {
-
-
- Wallet Address
-
-
- {truncateStellarAddress(walletInfo.address)}
-
-
-
-
+ {/* Integrated Address with AccountLink */}
+
diff --git a/hooks/use-bounty-mutations.ts b/hooks/use-bounty-mutations.ts
index 2c90b387..973c4f12 100644
--- a/hooks/use-bounty-mutations.ts
+++ b/hooks/use-bounty-mutations.ts
@@ -59,10 +59,8 @@ export function useCreateBounty() {
return {
...mutation,
- mutate: (
- input: CreateBountyInput,
- options?: CreateBountyMutateOptions,
- ) => mutation.mutate({ input }, options),
+ mutate: (input: CreateBountyInput, options?: CreateBountyMutateOptions) =>
+ mutation.mutate({ input }, options),
mutateAsync: (
input: CreateBountyInput,
options?: CreateBountyMutateOptions,
@@ -193,14 +191,10 @@ export function useDeleteBounty() {
return {
...mutation,
- mutate: (
- id: string,
- options?: DeleteBountyMutateOptions,
- ) => mutation.mutate({ id }, options),
- mutateAsync: (
- id: string,
- options?: DeleteBountyMutateOptions,
- ) => mutation.mutateAsync({ id }, options),
+ mutate: (id: string, options?: DeleteBountyMutateOptions) =>
+ mutation.mutate({ id }, options),
+ mutateAsync: (id: string, options?: DeleteBountyMutateOptions) =>
+ mutation.mutateAsync({ id }, options),
};
}
@@ -229,14 +223,9 @@ export function useClaimBounty() {
return {
...mutation,
- mutate: (
- id: string,
- options?: UpdateBountyMutateOptions,
- ) => mutation.mutate({ input: { id, status: "IN_PROGRESS" } }, options),
- mutateAsync: (
- id: string,
- options?: UpdateBountyMutateOptions,
- ) =>
+ mutate: (id: string, options?: UpdateBountyMutateOptions) =>
+ mutation.mutate({ input: { id, status: "IN_PROGRESS" } }, options),
+ mutateAsync: (id: string, options?: UpdateBountyMutateOptions) =>
mutation.mutateAsync({ input: { id, status: "IN_PROGRESS" } }, options),
};
}
@@ -313,4 +302,3 @@ export function useCancelBounty() {
mutation.mutateAsync({ input: { id, status: "CANCELLED" } }, options),
};
}
-
diff --git a/hooks/use-cancel-bounty-dialog.ts b/hooks/use-cancel-bounty-dialog.ts
index 4f7b92f2..1cd6dd1a 100644
--- a/hooks/use-cancel-bounty-dialog.ts
+++ b/hooks/use-cancel-bounty-dialog.ts
@@ -41,7 +41,10 @@ export function useCancelBountyDialog(
reason: cancelReason.trim(),
});
} catch (mutationErr) {
- console.error("GraphQL mutation failed, reverting escrow:", mutationErr);
+ console.error(
+ "GraphQL mutation failed, reverting escrow:",
+ mutationErr,
+ );
await EscrowService.revertCancel(bountyId);
throw mutationErr;
}
diff --git a/hooks/use-escrow.ts b/hooks/use-escrow.ts
index e62e8026..4c5c5748 100644
--- a/hooks/use-escrow.ts
+++ b/hooks/use-escrow.ts
@@ -55,4 +55,3 @@ export function useCancellation(bountyId: string, enabled = true) {
enabled: !!bountyId && enabled,
});
}
-
diff --git a/lib/smart-wallet/config.ts b/lib/smart-wallet/config.ts
index 7f252e7a..60d0c0ea 100644
--- a/lib/smart-wallet/config.ts
+++ b/lib/smart-wallet/config.ts
@@ -1,11 +1,11 @@
import { Networks } from "@stellar/stellar-sdk";
-const requireEnv = (name: string, fallback: string) => {
+const requireEnv = (name: string, fallback?: string) => {
const value = process.env[name];
- if (process.env.NODE_ENV === "production" && !value) {
+ if (!value && !fallback) {
throw new Error(`Missing required environment variable: ${name}`);
}
- return value || fallback;
+ return value || fallback || "";
};
export const SMART_WALLET_CONFIG = {
diff --git a/lib/utils/stellar-explorer.ts b/lib/utils/stellar-explorer.ts
new file mode 100644
index 00000000..6445dd79
--- /dev/null
+++ b/lib/utils/stellar-explorer.ts
@@ -0,0 +1,197 @@
+/**
+ * Stellar Explorer Integration Utilities
+ *
+ * Provides URL generation for Stellar explorers to link transactions,
+ * accounts, and contracts for transparency and verification.
+ *
+ * Uses @stellar/stellar-sdk StrKey for proper checksum validation.
+ */
+
+import { StrKey } from "@stellar/stellar-sdk";
+
+export type StellarNetwork = "public" | "testnet";
+export type ExplorerType = "transaction" | "account" | "contract";
+
+export interface ExplorerConfig {
+ name: string;
+ baseUrl: string;
+ /** Path template per network: keys are "public" and "testnet" */
+ networkPaths: Record<
+ StellarNetwork,
+ {
+ transaction: string;
+ account: string;
+ contract: string;
+ }
+ >;
+}
+
+// Supported Stellar explorers with per-network path configuration
+const EXPLORERS: Record
= {
+ "stellar.expert": {
+ name: "Stellar Expert",
+ baseUrl: "https://stellar.expert",
+ networkPaths: {
+ public: {
+ transaction: "/explorer/public/tx/",
+ account: "/explorer/public/account/",
+ contract: "/explorer/public/contract/",
+ },
+ testnet: {
+ transaction: "/explorer/testnet/tx/",
+ account: "/explorer/testnet/account/",
+ contract: "/explorer/testnet/contract/",
+ },
+ },
+ },
+ "stellarchain.io": {
+ name: "Stellar Chain",
+ baseUrl: "https://stellarchain.io",
+ networkPaths: {
+ public: {
+ transaction: "/tx/",
+ account: "/account/",
+ contract: "/contract/",
+ },
+ testnet: {
+ transaction: "/tx/",
+ account: "/account/",
+ contract: "/contract/",
+ },
+ },
+ },
+};
+
+const DEFAULT_EXPLORER = "stellar.expert";
+
+/**
+ * Returns the configured Stellar network from environment variable.
+ * Maps "mainnet" / "public" → "public", defaults to "testnet" otherwise.
+ */
+export function getStellarNetwork(): StellarNetwork {
+ const raw = process.env.NEXT_PUBLIC_STELLAR_NETWORK || "testnet";
+ return raw === "public" || raw === "mainnet" ? "public" : "testnet";
+}
+
+/**
+ * Gets the base URL for the given network and explorer.
+ * stellarchain.io uses a subdomain for testnet; stellar.expert uses paths.
+ */
+function getExplorerBaseUrl(explorer: string, network: StellarNetwork): string {
+ const config = EXPLORERS[explorer] || EXPLORERS[DEFAULT_EXPLORER];
+
+ if (network === "testnet" && explorer === "stellarchain.io") {
+ return "https://testnet.stellarchain.io";
+ }
+
+ return config.baseUrl;
+}
+
+/**
+ * Gets the explorer paths for the given network.
+ */
+function getExplorerPaths(
+ explorer: string,
+ network: StellarNetwork,
+): ExplorerConfig["networkPaths"]["public"] {
+ const config = EXPLORERS[explorer] || EXPLORERS[DEFAULT_EXPLORER];
+ return config.networkPaths[network];
+}
+
+/**
+ * Generates a Stellar explorer URL for a transaction.
+ */
+export function getTransactionUrl(
+ txHash: string,
+ network?: StellarNetwork,
+ explorer: string = DEFAULT_EXPLORER,
+): string {
+ if (!txHash) {
+ throw new Error("Transaction hash is required");
+ }
+
+ const resolvedNetwork = network || getStellarNetwork();
+ const baseUrl = getExplorerBaseUrl(explorer, resolvedNetwork);
+ const paths = getExplorerPaths(explorer, resolvedNetwork);
+
+ return `${baseUrl}${paths.transaction}${txHash}`;
+}
+
+/**
+ * Generates a Stellar explorer URL for an account.
+ */
+export function getAccountUrl(
+ address: string,
+ network?: StellarNetwork,
+ explorer: string = DEFAULT_EXPLORER,
+): string {
+ if (!address) {
+ throw new Error("Account address is required");
+ }
+
+ const resolvedNetwork = network || getStellarNetwork();
+ const baseUrl = getExplorerBaseUrl(explorer, resolvedNetwork);
+ const paths = getExplorerPaths(explorer, resolvedNetwork);
+
+ return `${baseUrl}${paths.account}${address}`;
+}
+
+/**
+ * Generates a Stellar explorer URL for a contract.
+ */
+export function getContractUrl(
+ contractId: string,
+ network?: StellarNetwork,
+ explorer: string = DEFAULT_EXPLORER,
+): string {
+ if (!contractId) {
+ throw new Error("Contract ID is required");
+ }
+
+ const resolvedNetwork = network || getStellarNetwork();
+ const baseUrl = getExplorerBaseUrl(explorer, resolvedNetwork);
+ const paths = getExplorerPaths(explorer, resolvedNetwork);
+
+ return `${baseUrl}${paths.contract}${contractId}`;
+}
+
+/**
+ * Gets a list of available explorers.
+ */
+export function getAvailableExplorers(): string[] {
+ return Object.keys(EXPLORERS);
+}
+
+/**
+ * Gets the configuration for a specific explorer.
+ */
+export function getExplorerConfig(explorer: string): ExplorerConfig | null {
+ return EXPLORERS[explorer] || null;
+}
+
+/**
+ * Validates if a string is a valid Stellar account address (G-address).
+ * Uses StrKey checksum validation from @stellar/stellar-sdk.
+ */
+export function isValidStellarAddress(address: string): boolean {
+ if (!address || typeof address !== "string") return false;
+ return StrKey.isValidEd25519PublicKey(address.trim());
+}
+
+/**
+ * Validates if a string is a valid Stellar transaction hash.
+ * Transaction hashes are 64-character lowercase hex strings.
+ */
+export function isValidStellarTxHash(hash: string): boolean {
+ if (!hash || typeof hash !== "string") return false;
+ return /^[a-f0-9]{64}$/i.test(hash.trim());
+}
+
+/**
+ * Validates if a string is a valid Stellar/Soroban contract ID (C-address).
+ * Uses StrKey checksum validation from @stellar/stellar-sdk.
+ */
+export function isValidStellarContractId(contractId: string): boolean {
+ if (!contractId || typeof contractId !== "string") return false;
+ return StrKey.isValidContract(contractId.trim());
+}
diff --git a/types/wallet.ts b/types/wallet.ts
index 13acab04..7fe1aeee 100644
--- a/types/wallet.ts
+++ b/types/wallet.ts
@@ -1,32 +1,33 @@
export interface WalletAsset {
- id: string
- tokenSymbol: string
- tokenName: string
- tokenIcon?: string
- amount: number
- usdValue: number
+ id: string;
+ tokenSymbol: string;
+ tokenName: string;
+ tokenIcon?: string;
+ amount: number;
+ usdValue: number;
}
-export type ActivityType = 'earning' | 'withdrawal' | 'deposit'
-export type ActivityStatus = 'completed' | 'pending' | 'failed'
+export type ActivityType = "earning" | "withdrawal" | "deposit";
+export type ActivityStatus = "completed" | "pending" | "failed";
export interface WalletActivity {
- id: string
- type: ActivityType
- amount: number
- currency: string
- date: string
- status: ActivityStatus
- description?: string
+ id: string;
+ type: ActivityType;
+ amount: number;
+ currency: string;
+ date: string;
+ status: ActivityStatus;
+ description?: string;
+ transactionHash?: string; // Stellar transaction hash for explorer links
}
export interface WalletInfo {
- address: string // Stellar public key
- displayName: string
- balance: number
- balanceCurrency: 'USD' | 'USDC' | 'XLM'
- assets: WalletAsset[]
- recentActivity: WalletActivity[]
- has2FA: boolean
- isConnected: boolean
+ address: string; // Stellar public key
+ displayName: string;
+ balance: number;
+ balanceCurrency: "USD" | "USDC" | "XLM";
+ assets: WalletAsset[];
+ recentActivity: WalletActivity[];
+ has2FA: boolean;
+ isConnected: boolean;
}