@b3dotfun/sdk 0.0.41 → 0.0.42

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.js

@@ -52,23 +52,29 @@ function B3Provider({ theme = "light", children, accountOverride, environment, a
             client: thirdweb_1.client,
         };
     }, [partnerId]);
+    // Stringify rpcUrls for stable comparison to prevent wagmiConfig recreation
+    // when parent component passes new object references with same content
+    const rpcUrlsString = (0, react_2.useMemo)(() => (rpcUrls ? JSON.stringify(rpcUrls) : undefined), [rpcUrls]);
     /**
      * Creates wagmi config with optional custom RPC URLs
      * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
      */
-    const wagmiConfig = (0, react_2.useMemo)(() => (0, wagmi_1.createConfig)({
-        chains: [supported_1.supportedChains[0], ...supported_1.supportedChains.slice(1)],
-        transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, wagmi_1.http)(rpcUrls?.[chain.id])])),
-        connectors: [
-            (0, wagmi_adapter_1.inAppWalletConnector)({
-                ...(ecocystemConfig || {}),
-                client: thirdweb_1.client,
-            }),
-            // injected(),
-            // coinbaseWallet({ appName: "HypeDuel" }),
-        ],
-    }), [partnerId]);
-    return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, children: (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }));
+    const wagmiConfig = (0, react_2.useMemo)(() => {
+        const parsedRpcUrls = rpcUrlsString ? JSON.parse(rpcUrlsString) : undefined;
+        return (0, wagmi_1.createConfig)({
+            chains: [supported_1.supportedChains[0], ...supported_1.supportedChains.slice(1)],
+            transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, wagmi_1.http)(parsedRpcUrls?.[chain.id])])),
+            connectors: [
+                (0, wagmi_adapter_1.inAppWalletConnector)({
+                    ...(ecocystemConfig || {}),
+                    client: thirdweb_1.client,
+                }),
+                // injected(),
+                // coinbaseWallet({ appName: "HypeDuel" }),
+            ],
+        });
+    }, [ecocystemConfig, rpcUrlsString]);
+    return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, children: (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context

package/dist/cjs/global-account/react/hooks/index.d.ts

@@ -14,6 +14,7 @@ export { useExchangeRate } from "./useExchangeRate";
 export { useFirstEOA } from "./useFirstEOA";
 export { useGetAllTWSigners, type TWSignerWithMetadata } from "./useGetAllTWSigners";
 export { useGetGeo } from "./useGetGeo";
+export { useGlobalAccount } from "./useGlobalAccount";
 export { useHandleConnectWithPrivy } from "./useHandleConnectWithPrivy";
 export { useHasMounted } from "./useHasMounted";
 export { useIsMobile } from "./useIsMobile";

package/dist/cjs/global-account/react/hooks/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
 var useAccountAssets_1 = require("./useAccountAssets");
 Object.defineProperty(exports, "useAccountAssets", { enumerable: true, get: function () { return useAccountAssets_1.useAccountAssets; } });
 var useAccountWallet_1 = require("./useAccountWallet");
@@ -46,6 +46,8 @@ var useGetAllTWSigners_1 = require("./useGetAllTWSigners");
 Object.defineProperty(exports, "useGetAllTWSigners", { enumerable: true, get: function () { return useGetAllTWSigners_1.useGetAllTWSigners; } });
 var useGetGeo_1 = require("./useGetGeo");
 Object.defineProperty(exports, "useGetGeo", { enumerable: true, get: function () { return useGetGeo_1.useGetGeo; } });
+var useGlobalAccount_1 = require("./useGlobalAccount");
+Object.defineProperty(exports, "useGlobalAccount", { enumerable: true, get: function () { return useGlobalAccount_1.useGlobalAccount; } });
 var useHandleConnectWithPrivy_1 = require("./useHandleConnectWithPrivy");
 Object.defineProperty(exports, "useHandleConnectWithPrivy", { enumerable: true, get: function () { return useHandleConnectWithPrivy_1.useHandleConnectWithPrivy; } });
 var useHasMounted_1 = require("./useHasMounted");

package/dist/cjs/global-account/react/hooks/useAccountAssets.js

@@ -1,11 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccountAssets = useAccountAssets;
 const simplehash_1 = require("../../../shared/utils/simplehash");
 const react_query_1 = require("@tanstack/react-query");
+const invariant_1 = __importDefault(require("invariant"));
 async function fetchAccountAssets(address) {
-    if (!address)
-        throw new Error("Address is required");
+    (0, invariant_1.default)(address, "Address is required");
     const [nftResponse] = await Promise.all([
         (0, simplehash_1.fetchSimpleHashData)(`/v0/nfts/owners`, {
             chains: "b3,b3-sepolia,base",

package/dist/cjs/global-account/react/hooks/useAuthentication.js

@@ -98,7 +98,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
             setIsAuthenticating(false);
         }
         useAutoConnectLoadingPrevious.current = useAutoConnectLoading;
-    }, [useAutoConnectLoading]);
+    }, [useAutoConnectLoading, hasStartedConnecting, setIsAuthenticating]);
     // Ensure isAuthenticating stays true until we're fully ready
     (0, react_2.useEffect)(() => {
         if (useAutoConnectLoading) {

package/dist/cjs/global-account/react/hooks/useGlobalAccount.d.ts

@@ -0,0 +1,6 @@
+import { Wallet } from "thirdweb/wallets";
+export declare function useGlobalAccount(): {
+    account: Wallet | undefined;
+    address: string | undefined;
+    info: import("@tanstack/react-query").UseQueryResult<import("thirdweb/wallets").WalletInfo, Error>;
+};

package/dist/cjs/global-account/react/hooks/useGlobalAccount.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalAccount = useGlobalAccount;
+const react_1 = require("../../../global-account/react");
+const debug_1 = require("../../../shared/utils/debug");
+const react_2 = require("react");
+const react_3 = require("thirdweb/react");
+const debug = (0, debug_1.debugB3React)("useGlobalAccount");
+function useGlobalAccount() {
+    const wallets = (0, react_3.useConnectedWallets)();
+    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
+    const [globalAccount, setGlobalAccount] = (0, react_2.useState)(undefined);
+    const [address, setAddress] = (0, react_2.useState)(undefined);
+    const walletInfo = (0, react_3.useWalletInfo)(globalAccount?.id);
+    (0, react_2.useEffect)(() => {
+        if (!isConnected) {
+            debug("Not connected");
+            setGlobalAccount(undefined);
+            setAddress(undefined);
+            return;
+        }
+        const globalAccountWallet = wallets.find(wallet => wallet.id.startsWith("ecosystem."));
+        const account = globalAccountWallet?.getAccount();
+        setGlobalAccount(globalAccountWallet);
+        setAddress(account?.address);
+    }, [isConnected, wallets]);
+    return {
+        account: globalAccount,
+        address,
+        info: walletInfo,
+    };
+}

package/dist/cjs/global-account/react/hooks/useQueryB3.js

@@ -30,11 +30,14 @@ fetchInitially = true) {
         finally {
             setIsLoading(false);
         }
-    }, []);
+    }, [service, method]);
+    // Serialize params for stable comparison
+    const paramsJson = JSON.stringify(params);
     (0, react_1.useEffect)(() => {
         if (fetchInitially) {
             runQuery(params);
         }
-    }, [runQuery, fetchInitially, JSON.stringify(params)]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [runQuery, fetchInitially, paramsJson]);
     return { data, error, isLoading, runQuery };
 }

package/dist/cjs/global-account/react/hooks/useQueryBSMNT.js

@@ -30,11 +30,14 @@ fetchInitially = true) {
         finally {
             setIsLoading(false);
         }
-    }, []);
+    }, [service, method]);
+    // Serialize params for stable comparison
+    const paramsJson = JSON.stringify(params);
     (0, react_1.useEffect)(() => {
         if (fetchInitially) {
             runQuery(params);
         }
-    }, [runQuery, fetchInitially, JSON.stringify(params)]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [runQuery, fetchInitially, paramsJson]);
     return { data, error, isLoading, runQuery };
 }

package/dist/cjs/global-account/react/hooks/useTokenBalancesByChain.js

@@ -1,5 +1,8 @@
 "use strict";
 "use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokenBalancesByChain = useTokenBalancesByChain;
 const thirdweb_insights_1 = require("../../../shared/utils/thirdweb-insights");
@@ -8,6 +11,7 @@ const b3Chain_1 = require("../../../shared/constants/chains/b3Chain");
 const chains_1 = require("../../../shared/utils/chains");
 const thirdweb_1 = require("../../../shared/utils/thirdweb");
 const wallets_1 = require("thirdweb/wallets");
+const invariant_1 = __importDefault(require("invariant"));
 function useTokenBalancesByChain({ address, chainsIds, enabled = true, }) {
     // Normalize chains to array
     const chainIds = Array.isArray(chainsIds) ? chainsIds : [chainsIds];
@@ -19,10 +23,12 @@ function useTokenBalancesByChain({ address, chainsIds, enabled = true, }) {
                 const [nativeTokens, fungibleResponse] = await Promise.all([
                     // Fetch native token balances
                     Promise.all(chainIds.map(async (chainId) => {
+                        const chain = (0, chains_1.getChainById)(chainId);
+                        (0, invariant_1.default)(chain, "Chain is required");
                         const walletBalance = await (0, wallets_1.getWalletBalance)({
                             address,
                             client: thirdweb_1.client,
-                            chain: (0, b3Chain_1.viemToThirdwebChain)((0, chains_1.getChainById)(chainId)),
+                            chain: (0, b3Chain_1.viemToThirdwebChain)(chain),
                         });
                         return {
                             ...walletBalance,

package/dist/cjs/global-account/react/hooks/useTokenFromUrl.js

@@ -38,7 +38,7 @@ function useTokenFromUrl({ defaultToken, prefix }) {
     const network = chainIdParam ? (0, supported_1.getCoingeckoChainInfo)(Number(chainIdParam)).coingecko_id : "";
     const { data: tokenInfo, isError } = (0, react_query_1.useQuery)({
         queryKey: ["tokenInfo", network, currencyParam],
-        queryFn: () => fetchTokenInfo(network, currencyParam),
+        queryFn: () => fetchTokenInfo(network, currencyParam || ""),
         enabled: shouldFetchToken,
         staleTime: Infinity,
         gcTime: Infinity,
@@ -51,7 +51,7 @@ function useTokenFromUrl({ defaultToken, prefix }) {
     if (isError || !tokenInfo) {
         return {
             ...defaultToken,
-            address: currencyParam,
+            address: currencyParam || "",
             chainId: Number(chainIdParam),
         };
     }

package/dist/cjs/global-account/react/hooks/useUnifiedChainSwitchAndExecute.js

@@ -23,7 +23,6 @@ const partnerId = String(process.env.PUBLIC_THIRDWEB_PARTNER_ID ||
     process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID);
 (0, invariant_1.default)(partnerId, "Partner ID is required");
 function useUnifiedChainSwitchAndExecute() {
-    const { data: walletClient } = (0, wagmi_1.useWalletClient)();
     const { switchChainAsync } = (0, wagmi_1.useSwitchChain)();
     const [isSwitchingOrExecuting, setIsSwitchingOrExecuting] = (0, react_1.useState)(false);
     const activeWallet = (0, react_2.useActiveWallet)();
@@ -104,7 +103,7 @@ function useUnifiedChainSwitchAndExecute() {
         finally {
             setIsSwitchingOrExecuting(false);
         }
-    }, [walletClient, switchChainAsync]);
+    }, [connectedEOAWallet, activeWallet, switchChainAsync]);
     // Handle AA wallet transaction (no chain switch needed for AA)
     const handleAASendTransaction = (0, react_1.useCallback)(async (targetChainId, params) => {
         if (!aaAccount) {

package/dist/cjs/shared/utils/fetchBalances.d.ts

@@ -13,4 +13,4 @@ export interface AssetBalance {
     totalBalance: string;
     chainBalances: ChainBalance[];
 }
-export declare const fetchBalances: (address: string, testnet?: boolean) => Promise<AssetBalance[]>;
+export declare const fetchBalances: (address: string | undefined, testnet?: boolean) => Promise<AssetBalance[]>;

package/dist/esm/anyspend/react/components/AnySpend.d.ts

@@ -31,4 +31,5 @@ export declare function AnySpend(props: {
     onTokenSelect?: (token: components["schemas"]["Token"], event: {
         preventDefault: () => void;
     }) => void;
+    onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpend.js

@@ -42,7 +42,7 @@ export function AnySpend(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendInner, { ...props }) }));
 }
-function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, }) {
+function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -321,8 +321,9 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
             srcTokenAddress: selectedSrcToken.address,
             dstTokenAddress: isBuyMode ? destinationTokenAddress : selectedDstToken.address,
             type: "swap",
-            tradeType: isSrcInputDirty ? "EXACT_INPUT" : "EXPECTED_OUTPUT",
+            tradeType: isSrcInputDirty ? "EXACT_INPUT" : "EXACT_OUTPUT",
             amount: activeInputAmountInWei,
+            recipientAddress,
         }
         : {
             srcChain: base.id,
@@ -332,6 +333,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
             type: "swap",
             tradeType: "EXACT_INPUT",
             amount: srcAmountOnrampInWei,
+            recipientAddress,
             onrampVendor: getOnrampVendor(selectedFiatPaymentMethod),
         });
     // Load custom recipients from local storage on mount
@@ -384,6 +386,13 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
             }
         }
     }, [anyspendQuote, isSrcInputDirty]);
+    useEffect(() => {
+        if (oat?.data?.order.status === "executed") {
+            console.log("Calling onSuccess");
+            const txHash = oat?.data?.executeTx?.txHash;
+            onSuccess?.(txHash);
+        }
+    }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
     const { createOrder, isCreatingOrder } = useAnyspendCreateOrder({
         onSuccess: data => {
             const orderId = data.data.id;

package/dist/esm/anyspend/react/components/AnySpendBondKit.js

@@ -199,7 +199,6 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
         args: [recipientAddress, parseEther(b3Amount), BigInt(minTokensOut)],
     });
     return (_jsx(AnySpendCustom, { mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: baseMainnet.id, dstToken: dstToken, dstAmount: parseEther(b3Amount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
-            type: "custom",
             action: "BondKit Buy",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/esm/anyspend/react/components/AnySpendBuySpin.js

@@ -390,7 +390,6 @@ export function AnySpendBuySpin({ loadOrder, mode = "modal", spinwheelContractAd
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
     return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: chainId, dstToken: B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
-            type: "custom",
             action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`,
         }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));
 }

package/dist/esm/anyspend/react/components/AnySpendCustom.d.ts

@@ -20,4 +20,5 @@ export declare function AnySpendCustom(props: {
     }) => React.JSX.Element;
     onSuccess?: (txHash?: string) => void;
     showRecipient?: boolean;
+    onShowPointsDetail?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendCustom.js

@@ -13,12 +13,15 @@ import { motion } from "motion/react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { base } from "viem/chains";
+import { useFeatureFlags } from "../contexts/FeatureFlagsContext.js";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
 import { OrderDetails } from "./common/OrderDetails.js";
 import { OrderHistory } from "./common/OrderHistory.js";
 import { OrderToken } from "./common/OrderToken.js";
+import { PointsBadge } from "./common/PointsBadge.js";
+import { PointsDetailPanel } from "./common/PointsDetailPanel.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
 var PanelView;
 (function (PanelView) {
@@ -29,8 +32,9 @@ var PanelView;
     PanelView[PanelView["RECIPIENT_SELECTION"] = 4] = "RECIPIENT_SELECTION";
     PanelView[PanelView["CRYPTO_PAYMENT_METHOD"] = 5] = "CRYPTO_PAYMENT_METHOD";
     PanelView[PanelView["FIAT_PAYMENT_METHOD"] = 6] = "FIAT_PAYMENT_METHOD";
+    PanelView[PanelView["POINTS_DETAIL"] = 7] = "POINTS_DETAIL";
 })(PanelView || (PanelView = {}));
-function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress, }) {
+function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, recipientAddress, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress, }) {
     switch (orderType) {
         case "mint_nft": {
             invariant(contractType, "Contract type is required");
@@ -40,6 +44,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 price: dstAmount,
                 contractAddress: contractAddress,
                 tokenId: tokenId,
@@ -53,6 +58,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 price: dstAmount,
                 contractAddress: contractAddress,
             };
@@ -64,6 +70,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 fundAmount: dstAmount,
                 contractAddress: contractAddress,
             };
@@ -75,6 +82,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 payload: {
                     amount: dstAmount,
                     data: encodedData,
@@ -92,8 +100,9 @@ export function AnySpendCustom(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendCustomInner, { ...props }) }));
 }
-function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
+function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, onShowPointsDetail, }) {
     const hasMounted = useHasMounted();
+    const featureFlags = useFeatureFlags();
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     const [activePanel, setActivePanel] = useState(loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER);
@@ -168,10 +177,11 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
             srcToken: activeTab === "fiat" ? USDC_BASE : srcToken,
             dstChainId: dstChainId,
             dstToken: dstToken,
+            recipientAddress,
             dstAmount: dstAmount,
             contractAddress: contractAddress,
-            tokenId: metadata.type === "mint_nft" ? metadata.nftContract.tokenId : undefined,
-            contractType: metadata.type === "mint_nft" ? metadata.nftContract.type : undefined,
+            tokenId: orderType === "mint_nft" ? metadata?.nftContract?.tokenId : undefined,
+            contractType: orderType === "mint_nft" ? metadata?.nftContract?.type : undefined,
             encodedData: encodedData,
             spenderAddress: spenderAddress,
         });
@@ -184,8 +194,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
         encodedData,
         metadata?.nftContract?.tokenId,
         metadata?.nftContract?.type,
-        metadata?.type,
         orderType,
+        recipientAddress,
         spenderAddress,
         srcChainId,
         srcToken,
@@ -261,7 +271,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 srcAmount: srcAmount.toString(),
                 recipientAddress,
                 creatorAddress: currentWallet?.wallet?.address,
-                nft: metadata.type === "mint_nft"
+                nft: orderType === "mint_nft"
                     ? metadata.nftContract.type === "erc1155"
                         ? {
                             type: "erc1155",
@@ -282,7 +292,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                             imageUrl: metadata.nftContract.imageUrl,
                         }
                     : undefined,
-                tournament: metadata.type === "join_tournament" || metadata.type === "fund_tournament"
+                tournament: orderType === "join_tournament" || orderType === "fund_tournament"
                     ? {
                         ...metadata.tournament,
                         contractAddress: contractAddress,
@@ -290,13 +300,12 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                     }
                     : undefined,
                 // only populate payload for custom tx
-                payload: metadata.type === "custom"
+                payload: orderType === "custom"
                     ? {
                         amount: dstAmount,
                         data: encodedData,
                         spenderAddress: spenderAddress,
                         to: contractAddress,
-                        action: metadata.action,
                     }
                     : undefined,
             };
@@ -421,6 +430,16 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                     router.push(`${window.location.pathname}?${params.toString()}`);
                 } })), mode === "page" && _jsx("div", { className: "h-12" })] }));
     const loadingView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background"), children: [_jsxs(Badge, { variant: "default", className: "bg-b3-react-muted/30 border-b3-react-border hover:bg-b3-react-muted/50 flex items-center gap-3 px-4 py-1 text-base transition-all", children: [_jsx(Loader2, { className: "text-b3-react-foreground size-4 animate-spin" }), _jsx(TextShimmer, { duration: 1, className: "font-sf-rounded text-base font-semibold", children: "Loading..." })] }), _jsxs("div", { className: "flex w-full flex-1 flex-col", children: [_jsxs("div", { className: "mb-4 flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-8 w-48" }), _jsx(Skeleton, { className: "ml-4 h-8 w-32" })] }), _jsx(Skeleton, { className: "mt-4 h-8 w-24" })] }), _jsx(Skeleton, { className: "mb-4 h-12 w-full" }), _jsxs("div", { className: "flex w-full items-center justify-between gap-4", children: [_jsxs(Skeleton, { className: "rounded-lg bg-white/5 p-6 pb-3", children: [_jsx("div", { className: "size-[200px]" }), _jsx("div", { className: "mt-3 flex items-center justify-center gap-2", children: _jsx("div", { className: "size-5 rounded-full" }) })] }), _jsx("div", { className: "flex flex-1 flex-col gap-2", children: [1, 2, 3].map(i => (_jsx(Skeleton, { className: "h-10 w-full" }, i))) })] })] }), _jsxs("div", { className: "bg-b3-react-muted/30 mt-8 w-full rounded-lg p-4", children: [_jsx(Skeleton, { className: "mb-3 h-4 w-48" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-10 flex-1" }), _jsx(Skeleton, { className: "h-10 flex-1" })] })] }), _jsx("div", { className: "flex w-full flex-col gap-3", children: [1, 2, 3, 4, 5].map(i => (_jsxs("div", { className: "flex w-full justify-between", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-4 w-32" })] }, i))) }), _jsx(Skeleton, { className: "h-10 w-full" }), mode === "page" && _jsx("div", { className: "h-12" })] }));
+    // Render points badge if conditions are met
+    const renderPointsBadge = () => {
+        if (featureFlags.showPoints && anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0) {
+            return (_jsx(PointsBadge, { pointsAmount: anyspendQuote.data.pointsAmount, pointsMultiplier: anyspendQuote.data.pointsMultiplier, onClick: () => {
+                    onShowPointsDetail?.();
+                    setActivePanel(PanelView.POINTS_DETAIL);
+                } }));
+        }
+        return null;
+    };
     // Confirm order view.
     const confirmOrderView = (_jsxs("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), _jsxs(Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [_jsx("div", { className: "w-full", children: _jsxs("div", { className: "bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl", children: [_jsx("div", { className: cn("bg-as-brand absolute bottom-0 left-0 top-0 z-0 rounded-xl transition-transform duration-100", "h-full w-1/2", activeTab === "fiat" ? "translate-x-full" : "translate-x-0"), style: { willChange: "transform" } }), _jsx("button", { className: cn("relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100", activeTab === "crypto" ? "text-white" : "text-as-primary/70 hover:bg-as-on-surface-2 bg-transparent"), onClick: () => {
                                         setActiveTab("crypto");
@@ -445,7 +464,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                                                         opacity: hasMounted ? 1 : 0,
                                                         y: hasMounted ? 0 : 20,
                                                         filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                                    }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [_jsxs("span", { className: "text-as-tertiarry text-sm", children: ["Total ", _jsx("span", { className: "text-as-tertiarry", children: "(with fee)" })] }), _jsxs("span", { className: "text-as-primary font-semibold", children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] })] }), _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
+                                                    }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-as-tertiarry text-sm", children: ["Total ", _jsx("span", { className: "text-as-tertiarry", children: "(with fee)" })] }), renderPointsBadge()] }), _jsxs("span", { className: "text-as-primary font-semibold", children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] })] }), _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -457,7 +476,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                                                 opacity: hasMounted ? 1 : 0,
                                                 y: hasMounted ? 0 : 20,
                                                 filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                            }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [_jsxs("span", { className: "text-as-tertiarry text-sm", children: ["Total ", _jsx("span", { className: "text-as-tertiarry", children: "(USD)" })] }), _jsxs("span", { className: "text-as-primary text-xl font-semibold", children: ["$", srcFiatAmount || "0.00"] })] })] }), _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
+                                            }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-as-tertiarry text-sm", children: ["Total ", _jsx("span", { className: "text-as-tertiarry", children: "(USD)" })] }), renderPointsBadge()] }), _jsxs("span", { className: "text-as-primary text-xl font-semibold", children: ["$", srcFiatAmount || "0.00"] })] })] }), _jsx("div", { className: cn("flex w-full flex-col items-center justify-between gap-2"), children: _jsx(motion.div, { initial: false, animate: {
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -484,6 +503,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 setSelectedFiatPaymentMethod(method);
                 setActivePanel(PanelView.CONFIRM_ORDER);
             }, srcAmountOnRamp: srcFiatAmount }) }));
+    // Points detail view
+    const pointsDetailView = (_jsx("div", { className: cn("bg-as-surface-primary mx-auto w-[460px] max-w-full rounded-xl p-4"), children: _jsx(PointsDetailPanel, { pointsAmount: anyspendQuote?.data?.pointsAmount || 0, onBack: () => setActivePanel(PanelView.CONFIRM_ORDER) }) }));
     // Return the TransitionPanel with all views
     return (_jsx(StyleRoot, { children: _jsx(TransitionPanel, { activeIndex: orderId
                 ? oat
@@ -503,5 +524,6 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 _jsx("div", { className: "w-full", children: recipientSelectionView }, "recipient-selection-view"),
                 _jsx("div", { className: "w-full", children: cryptoPaymentMethodView }, "crypto-payment-method-view"),
                 _jsx("div", { className: "w-full", children: fiatPaymentMethodView }, "fiat-payment-method-view"),
+                _jsx("div", { className: "w-full", children: pointsDetailView }, "points-detail-view"),
             ] }) }));
 }

package/dist/esm/anyspend/react/components/AnySpendNFT.d.ts

@@ -1,8 +1,9 @@
 import { components } from "../../../anyspend/types/api";
-export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, }: {
+export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, onShowPointsDetail, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress?: string;
     nftContract: components["schemas"]["NftContract"];
     onSuccess?: (txHash?: string) => void;
+    onShowPointsDetail?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendNFT.js

@@ -26,7 +26,7 @@ const CONTRACT_URI_ABI = [
         type: "function",
     },
 ];
-export function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, }) {
+export function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, onShowPointsDetail, }) {
     const [imageUrlWithFallback, setFallbackImageUrl] = useState(nftContract.imageUrl);
     const [isLoadingFallback, setIsLoadingFallback] = useState(false);
     // Fetch contract metadata when imageUrl is empty
@@ -86,7 +86,7 @@ export function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftCo
     return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: "fiat", recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
             type: "mint_nft",
             nftContract: nftContract,
-        }, header: header, onSuccess: onSuccess }));
+        }, header: header, onSuccess: onSuccess, onShowPointsDetail: onShowPointsDetail }));
 }
 function DropdownMenu({ nftContract }) {
     const [open, setOpen] = useState(false);

package/dist/esm/anyspend/react/components/AnySpendStakeB3.js

@@ -258,7 +258,6 @@ export function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, s
     }
     const encodedData = generateEncodedDataForStakingB3(userStakeAmount, recipientAddress);
     return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: base.id, dstToken: B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
-            type: "custom",
             action: "stake B3",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/esm/anyspend/react/components/AnyspendSignatureMint.js

@@ -66,8 +66,7 @@ export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData
     }
     const encodedData = generateEncodedDataForSignatureMint(signatureData);
     const price = parseEther(signatureData.payload.price?.toString() || "0");
-    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address, encodedData: encodedData, metadata: {
-            type: "custom",
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address || "", encodedData: encodedData, metadata: {
             action: "Signature Mint",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/esm/anyspend/react/components/common/CryptoPaySection.js

@@ -15,7 +15,7 @@ export function CryptoPaySection({ selectedSrcChainId, setSelectedSrcChainId, se
     // Determine which address to use based on payment method
     const walletAddress = selectedCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET
         ? connectedSmartWallet?.getAccount()?.address
-        : connectedEOAWallet?.getAccount()?.address || connectedSmartWallet?.getAccount()?.address;
+        : connectedEOAWallet?.getAccount()?.address;
     const { data: profileData } = useProfile({ address: walletAddress });
     const connectedName = profileData?.displayName;
     // Add ref to track if we've applied metadata

package/dist/esm/anyspend/react/components/common/CryptoReceiveSection.js

@@ -7,6 +7,7 @@ import { ChevronRight } from "lucide-react";
 import { motion } from "motion/react";
 import { useFeatureFlags } from "../../contexts/FeatureFlagsContext.js";
 import { OrderTokenAmount } from "./OrderTokenAmount.js";
+import { PointsBadge } from "./PointsBadge.js";
 export function CryptoReceiveSection({ isDepositMode = false, isBuyMode = false, selectedRecipientAddress, recipientName, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, onChangeDstAmount, anyspendQuote, dstTokenSymbol, dstTokenLogoURI, onShowPointsDetail, }) {
     const featureFlags = useFeatureFlags();
     return (_jsxs(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "receive-section bg-as-surface-secondary border-as-border-secondary relative flex w-full flex-col gap-2 rounded-2xl border p-4 sm:p-6", children: [_jsxs("div", { className: "flex w-full items-center justify-between", children: [_jsx("div", { className: "text-as-primary/50 flex h-7 items-center text-sm", children: isDepositMode ? "Deposit" : "Receive" }), selectedRecipientAddress ? (_jsx("button", { className: cn("text-as-tertiarry flex h-7 items-center gap-2 rounded-lg"), onClick: onSelectRecipient, children: _jsxs(_Fragment, { children: [_jsx("span", { className: "text-as-tertiarry flex items-center gap-1 text-sm", children: recipientName ? formatUsername(recipientName) : shortenAddress(selectedRecipientAddress || "") }), _jsx(ChevronRight, { className: "h-4 w-4" })] }) })) : (_jsx("button", { className: "text-as-primary/70 flex items-center gap-1 rounded-lg", onClick: onSelectRecipient, children: _jsx("div", { className: "text-sm font-medium", children: "Select recipient" }) }))] }), isBuyMode || isDepositMode ? (
@@ -48,5 +49,5 @@ export function CryptoReceiveSection({ isDepositMode = false, isBuyMode = false,
                                     }
                                     // Using inline style to ensure color displays
                                     return (_jsxs("span", { className: "ml-2", style: { color: percentageNum >= 10 ? "red" : "#FFD700" }, children: ["(", isNegative ? "-" : "", percentage, "%)"] }));
-                                })()] }), featureFlags.showPoints && anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0 && (_jsxs("button", { className: "bg-as-brand hover:scale-102 active:scale-98 active:scale-98 relative flex cursor-pointer items-center gap-1 rounded-lg px-2 py-1 transition-all", onClick: () => onShowPointsDetail?.(), children: [_jsx("div", { className: "pointer-events-none absolute inset-0 h-full w-full rounded-lg border border-white/10 border-t-white/20 bg-gradient-to-b from-white/10 to-white/0" }), _jsxs("span", { className: "text-xs text-white", children: ["+", anyspendQuote.data.pointsAmount.toLocaleString(), " pts"] })] }, `points-${anyspendQuote.data.pointsAmount}`))] })] }));
+                                })()] }), featureFlags.showPoints && anyspendQuote?.data?.pointsAmount > 0 && (_jsx(PointsBadge, { pointsAmount: anyspendQuote.data.pointsAmount, pointsMultiplier: anyspendQuote.data.pointsMultiplier, onClick: () => onShowPointsDetail?.() }))] })] }));
 }