@b3dotfun/sdk 0.0.8-alpha.5 → 0.0.8-alpha.7

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

@@ -158,7 +158,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
             }
         }
     }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
-    const { account: isAuthenticated } = (0, react_2.useB3)();
+    // const { account: isAuthenticated } = useB3();
     const getRelayQuoteRequest = (0, react_3.useMemo)(() => {
         return generateGetRelayQuoteRequest({
             orderType: orderType,
@@ -329,22 +329,22 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
         }
     };
     const handleConfirmOrder = async (onramp) => {
-        if (!isAuthenticated) {
-            // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
-            setB3ModalContentType({
-                chain: {
-                    ...chains_1.b3,
-                    rpc: "https://mainnet-rpc.b3.fun",
-                    blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-                    testnet: undefined,
-                },
-                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
-                type: "signInWithB3",
-                showBackButton: false,
-            });
-            setB3ModalOpen(true);
-            return;
-        }
+        // if (!isAuthenticated) {
+        //   // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
+        //   setB3ModalContentType({
+        //     chain: {
+        //       ...b3,
+        //       rpc: "https://mainnet-rpc.b3.fun",
+        //       blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
+        //       testnet: undefined,
+        //     },
+        //     partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
+        //     type: "signInWithB3",
+        //     showBackButton: false,
+        //   });
+        //   setB3ModalOpen(true);
+        //   return;
+        // }
         if (recipientAddress) {
             try {
                 await handleCreateOrder(recipientAddress, onramp);
@@ -355,7 +355,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
             }
         }
     };
-    const recipientSection = showRecipient && isAuthenticated && recipientAddress ? ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
+    const recipientSection = showRecipient && recipientAddress ? ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
             opacity: hasMounted ? 1 : 0,
             y: hasMounted ? 0 : 20,
             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -394,7 +394,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Loading quote..." })] })) : anyspendQuote ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Checkout" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), (0, jsx_runtime_1.jsx)(react_2.TabsContent, { value: "fiat", children: (0, jsx_runtime_1.jsx)("div", { className: "mt-6 flex w-full flex-col gap-6", children: (0, jsx_runtime_1.jsx)(PanelOnrampPayment_1.PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: (0, anyspend_1.isNftMetadata)(metadata)
+                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: isCreatingOrder ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Loading quote..." })] })) : anyspendQuote ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Checkout" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), (0, jsx_runtime_1.jsx)(react_2.TabsContent, { value: "fiat", children: (0, jsx_runtime_1.jsx)("div", { className: "mt-6 flex w-full flex-col gap-6", children: (0, jsx_runtime_1.jsx)(PanelOnrampPayment_1.PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: (0, anyspend_1.isNftMetadata)(metadata)
                                     ? metadata.nftContract.type === anyspend_1.NftType.ERC1155
                                         ? {
                                             type: anyspend_1.NftType.ERC1155,

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, } from "../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
-import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
+import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
@@ -11,7 +11,7 @@ import invariant from "invariant";
 import { ChevronRightCircle, Loader2 } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
-import { b3, base, baseSepolia } from "viem/chains";
+import { base, baseSepolia } from "viem/chains";
 import { OrderDetails } from "./common/OrderDetails.js";
 import { OrderHistory } from "./common/OrderHistory.js";
 import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus.js";
@@ -152,7 +152,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
             }
         }
     }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
-    const { account: isAuthenticated } = useB3();
+    // const { account: isAuthenticated } = useB3();
     const getRelayQuoteRequest = useMemo(() => {
         return generateGetRelayQuoteRequest({
             orderType: orderType,
@@ -323,22 +323,22 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         }
     };
     const handleConfirmOrder = async (onramp) => {
-        if (!isAuthenticated) {
-            // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
-            setB3ModalContentType({
-                chain: {
-                    ...b3,
-                    rpc: "https://mainnet-rpc.b3.fun",
-                    blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-                    testnet: undefined,
-                },
-                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
-                type: "signInWithB3",
-                showBackButton: false,
-            });
-            setB3ModalOpen(true);
-            return;
-        }
+        // if (!isAuthenticated) {
+        //   // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
+        //   setB3ModalContentType({
+        //     chain: {
+        //       ...b3,
+        //       rpc: "https://mainnet-rpc.b3.fun",
+        //       blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
+        //       testnet: undefined,
+        //     },
+        //     partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
+        //     type: "signInWithB3",
+        //     showBackButton: false,
+        //   });
+        //   setB3ModalOpen(true);
+        //   return;
+        // }
         if (recipientAddress) {
             try {
                 await handleCreateOrder(recipientAddress, onramp);
@@ -349,7 +349,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
             }
         }
     };
-    const recipientSection = showRecipient && isAuthenticated && recipientAddress ? (_jsxs(motion.div, { initial: false, animate: {
+    const recipientSection = showRecipient && recipientAddress ? (_jsxs(motion.div, { initial: false, animate: {
             opacity: hasMounted ? 1 : 0,
             y: hasMounted ? 0 : 20,
             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -388,7 +388,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: isNftMetadata(metadata)
+                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: isNftMetadata(metadata)
                                     ? metadata.nftContract.type === NftType.ERC1155
                                         ? {
                                             type: NftType.ERC1155,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.8-alpha.5",
+  "version": "0.0.8-alpha.7",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/README.md

@@ -4,10 +4,11 @@ The fastest way to accept crypto payments and onboard users with zero friction
 
 AnySpend gives you everything you need to add instant crypto onramps and checkout to your product. Let your users onramp from fiat instantly and pay using any token on any chain, all in one seamless experience.
 
-🚀 Instant Onramp: Users can fund their wallet directly from fiat and start spending in your app right away
-💸 Pay Anyway: Accept payments in any token across any chain with no bridges, swapping, or network switching required
-🧩 One SDK, Any Flow: Easily add crypto payments and onramps to any business model or checkout flow
-👛 Unified Wallet View: Users see and spend their balances from all chains in one place
+- 🚀 **Instant Onramp:** Users can fund their wallet directly from fiat and start spending in your app right away  
+- 💸 **Pay Anyway:** Accept payments in any token across any chain with no bridges, swapping, or network switching required  
+- 🧩 **One SDK, Any Flow:** Easily add crypto payments and onramps to any business model or checkout flow  
+- 👛 **Unified Wallet View:** Users see and spend their balances from all chains in one place  
+
 AnySpend makes it simple to reach more users, increase conversions, and future proof your business with modern crypto payments.
 
 See the Quickstart below or visit anyspend.com for a live demo

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -44,7 +44,6 @@ import {
   TooltipTrigger,
   TransitionPanel,
   useAccountWallet,
-  useB3,
   useBsmntProfile,
   useHasMounted,
   useModalStore,
@@ -61,7 +60,7 @@ import invariant from "invariant";
 import { ChevronRightCircle, Loader2 } from "lucide-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
-import { b3, base, baseSepolia } from "viem/chains";
+import { base, baseSepolia } from "viem/chains";
 import { OrderDetails } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
 import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus";
@@ -287,7 +286,7 @@ export function AnySpendCustom({
     }
   }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
 
-  const { account: isAuthenticated } = useB3();
+  // const { account: isAuthenticated } = useB3();
 
   const getRelayQuoteRequest = useMemo(() => {
     return generateGetRelayQuoteRequest({
@@ -479,22 +478,22 @@ export function AnySpendCustom({
   };
 
   const handleConfirmOrder = async (onramp?: { paymentMethod: string; vendor: OnrampVendor }) => {
-    if (!isAuthenticated) {
-      // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
-      setB3ModalContentType({
-        chain: {
-          ...b3,
-          rpc: "https://mainnet-rpc.b3.fun",
-          blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-          testnet: undefined,
-        },
-        partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
-        type: "signInWithB3",
-        showBackButton: false,
-      });
-      setB3ModalOpen(true);
-      return;
-    }
+    // if (!isAuthenticated) {
+    //   // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
+    //   setB3ModalContentType({
+    //     chain: {
+    //       ...b3,
+    //       rpc: "https://mainnet-rpc.b3.fun",
+    //       blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
+    //       testnet: undefined,
+    //     },
+    //     partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
+    //     type: "signInWithB3",
+    //     showBackButton: false,
+    //   });
+    //   setB3ModalOpen(true);
+    //   return;
+    // }
 
     if (recipientAddress) {
       try {
@@ -507,7 +506,7 @@ export function AnySpendCustom({
   };
 
   const recipientSection =
-    showRecipient && isAuthenticated && recipientAddress ? (
+    showRecipient && recipientAddress ? (
       <motion.div
         initial={false}
         animate={{
@@ -792,9 +791,7 @@ export function AnySpendCustom({
                   onClick={() => handleConfirmOrder()}
                   className="relative w-full"
                 >
-                  {!isAuthenticated ? (
-                    "Sign in with B3"
-                  ) : isCreatingOrder ? (
+                  {isCreatingOrder ? (
                     <div className="flex items-center gap-2">
                       <Loader2 className="size-4 animate-spin" />
                       <span>Creating order...</span>