@b3dotfun/sdk 0.0.7-alpha.2 → 0.0.7-alpha.21

package/src/anyspend/utils/format.ts

@@ -5,12 +5,12 @@ export const getStatusDisplay = (order: Order): { text: string; status: "process
     case OrderStatus.ScanningDepositTransaction:
       return {
         text: order.onrampMetadata ? "Awaiting Payment" : "Awaiting Deposit",
-        status: "processing"
+        status: "processing",
       };
     case OrderStatus.WaitingStripePayment:
       return {
         text: "Awaiting Payment",
-        status: "processing"
+        status: "processing",
       };
 
     case OrderStatus.ObtainToken:

package/src/anyspend/utils/orderPayload.ts

@@ -1,4 +1,4 @@
-import { Nft, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
+import { Nft, NftType, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
 import { normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
 
 export type OrderParams = {
@@ -17,22 +17,34 @@ export const buildPayload = (orderType: OrderType, params: OrderParams) => {
     case OrderType.Swap:
       return {
         expectedDstAmount,
-        actualDstAmount: null
+        actualDstAmount: null,
       };
     case OrderType.MintNFT:
-      return {
-        contractAddress: nft ? normalizeAddress(nft.contractAddress) : "",
-        nftPrice: nft?.price || ""
-      };
+      if (nft?.type === NftType.ERC1155) {
+        return {
+          contractAddress: normalizeAddress(nft.contractAddress),
+          nftPrice: nft?.price || "",
+          tokenId: nft?.tokenId!,
+          contractType: nft?.type,
+        };
+      } else if (nft?.type === NftType.ERC721) {
+        return {
+          contractAddress: normalizeAddress(nft.contractAddress),
+          nftPrice: nft?.price || "",
+          contractType: nft?.type,
+        };
+      } else {
+        throw new Error(`Invalid nft payload: ${JSON.stringify(nft)}`);
+      }
     case OrderType.JoinTournament:
       return {
         contractAddress: tournament?.contractAddress,
-        entryPrice: tournament?.entryPriceOrFundAmount
+        entryPrice: tournament?.entryPriceOrFundAmount,
       };
     case OrderType.FundTournament:
       return {
         contractAddress: tournament?.contractAddress,
-        fundAmount: tournament?.entryPriceOrFundAmount
+        fundAmount: tournament?.entryPriceOrFundAmount,
       };
     case OrderType.Custom:
       return { ...payload };
@@ -45,7 +57,7 @@ export const buildMetadata = (orderType: OrderType, params: OrderParams) => {
   const { srcToken, dstToken, nft, tournament, payload } = params;
   const baseMetadata = {
     srcToken,
-    dstToken
+    dstToken,
   };
   switch (orderType) {
     case OrderType.Swap:

package/src/anyspend/utils/token.ts

@@ -14,8 +14,8 @@ export function getSolanaToken(): Token {
     name: "Solana",
     decimals: 9,
     metadata: {
-      logoURI: "https://assets.relay.link/icons/square/792703809/light.png"
-    }
+      logoURI: "https://assets.relay.link/icons/square/792703809/light.png",
+    },
   };
 }
 
@@ -27,8 +27,8 @@ export function getEthToken(chainId: number): Token {
     name: "Ethereum",
     decimals: 18,
     metadata: {
-      logoURI: "https://assets.relay.link/icons/square/1/light.png"
-    }
+      logoURI: "https://assets.relay.link/icons/square/1/light.png",
+    },
   };
 }
 
@@ -40,8 +40,8 @@ export function getPolToken(): Token {
     name: "Polygon",
     decimals: 18,
     metadata: {
-      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/28321.png"
-    }
+      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/28321.png",
+    },
   };
 }
 
@@ -53,8 +53,8 @@ export function getBnbToken(): Token {
     name: "BNB",
     decimals: 18,
     metadata: {
-      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/1839.png"
-    }
+      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/1839.png",
+    },
   };
 }
 
@@ -66,7 +66,7 @@ export function getAvaxToken(): Token {
     name: "AVAX",
     decimals: 18,
     metadata: {
-      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/5805.png"
-    }
+      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/5805.png",
+    },
   };
 }

package/src/global-account/app.native.ts

@@ -72,9 +72,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       localStorage.deleteItem(key);
-    }
+    },
   },
-  storageKey: B3_AUTH_COOKIE_NAME
+  storageKey: B3_AUTH_COOKIE_NAME,
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -90,11 +90,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "jwt",
-        accessToken: fullToken
+        accessToken: fullToken,
       },
       {
-        query: params || {}
-      }
+        query: params || {},
+      },
     );
     return response;
   } catch (error) {

package/src/global-account/app.ts

@@ -29,9 +29,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       Cookies.remove(key);
-    }
+    },
   },
-  storageKey: B3_AUTH_COOKIE_NAME
+  storageKey: B3_AUTH_COOKIE_NAME,
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -47,11 +47,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "jwt",
-        accessToken: fullToken
+        accessToken: fullToken,
       },
       {
-        query: params || {}
-      }
+        query: params || {},
+      },
     );
     return response;
   } catch (error) {

package/src/global-account/bsmnt.native.ts

@@ -75,9 +75,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       localStorage.deleteItem(key);
-    }
+    },
   },
-  storageKey: BSMNT_AUTH_COOKIE_NAME
+  storageKey: BSMNT_AUTH_COOKIE_NAME,
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -93,11 +93,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "jwt",
-        accessToken: fullToken
+        accessToken: fullToken,
       },
       {
-        query: params || {}
-      }
+        query: params || {},
+      },
     );
     return response;
   } catch (error) {

package/src/global-account/bsmnt.ts

@@ -34,9 +34,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       Cookies.remove(key);
-    }
+    },
   },
-  storageKey: BSMNT_AUTH_COOKIE_NAME
+  storageKey: BSMNT_AUTH_COOKIE_NAME,
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -52,11 +52,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "b3-jwt",
-        accessToken: fullToken
+        accessToken: fullToken,
       },
       {
-        query: params || {}
-      }
+        query: params || {},
+      },
     );
     return response;
   } catch (error) {

package/src/global-account/react/components/B3DynamicModal.tsx

@@ -4,7 +4,8 @@ import {
   AnySpendNFT,
   AnySpendStakeB3,
   AnySpendTournament,
-  OrderHistory
+  AnyspendSignatureMint,
+  OrderHistory,
 } from "@b3dotfun/sdk/anyspend/react";
 import { useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
@@ -34,16 +35,22 @@ export function B3DynamicModal() {
       "anySpendStakeB3",
       "anySpendBuySpin",
       "anySpendOrderHistory",
-      "signInWithB3"
+      "signInWithB3",
+      "anySpendSignatureMint",
     ].find(type => contentType?.type === type)
   ) {
     contentClass += " max-h-[90dvh] overflow-y-auto no-scrollbar w-full";
   }
 
   if (
-    ["anySpendNft", "anySpendJoinTournament", "anySpendFundTournament", "anySpendStakeB3", "anySpendBuySpin"].find(
-      type => contentType?.type === type
-    )
+    [
+      "anySpendNft",
+      "anySpendJoinTournament",
+      "anySpendFundTournament",
+      "anySpendStakeB3",
+      "anySpendBuySpin",
+      "anySpendSignatureMint",
+    ].find(type => contentType?.type === type)
   ) {
     // Due to the dynamic of (Pay with crypto),(Pay with fiat), we want the height fixed to 90dvh but still scrollable.
     // NOTE: Just leave it here in case we want the fixed height
@@ -85,6 +92,8 @@ export function B3DynamicModal() {
         return <AnySpendStakeB3 {...contentType} mode="modal" />;
       case "anySpendBuySpin":
         return <AnySpendBuySpin {...contentType} mode="modal" />;
+      case "anySpendSignatureMint":
+        return <AnyspendSignatureMint {...contentType} mode="modal" />;
       // Add other modal types here
       default:
         return null;

package/src/global-account/react/components/B3Provider/B3Provider.native.tsx

@@ -15,7 +15,7 @@ const DEFAULT_PERMISSIONS = {
   approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
   nativeTokenLimitPerTransaction: 0.1, // in ETH
   startDate: new Date(),
-  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
+  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 
 // Create queryClient instance
@@ -29,7 +29,7 @@ export function B3Provider({
   theme = "light",
   children,
   accountOverride,
-  environment
+  environment,
 }: {
   isMainnetAnySpend?: boolean;
   theme: "light" | "dark";
@@ -58,7 +58,7 @@ export function InnerProvider({
   accountOverride,
   environment,
   defaultPermissions = DEFAULT_PERMISSIONS,
-  theme = "light"
+  theme = "light",
 }: {
   children: React.ReactNode;
   accountOverride?: Account;
@@ -91,7 +91,7 @@ export function InnerProvider({
         ready: !!effectiveAccount,
         environment,
         defaultPermissions,
-        theme
+        theme,
       }}
     >
       {children}

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -9,9 +9,9 @@ import { Account, Wallet } from "thirdweb/wallets";
 import { createConfig, http, WagmiProvider } from "wagmi";
 import { RelayKitProviderWrapper } from "../RelayKitProviderWrapper";
 import { StyleRoot } from "../StyleRoot";
+import { B3Context, B3ContextType } from "./types";
 
 import "@reservoir0x/relay-kit-ui/styles.css";
-import { B3Context, B3ContextType } from "./types";
 
 /**
  * Default permissions configuration for B3 provider
@@ -20,12 +20,12 @@ const DEFAULT_PERMISSIONS = {
   approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
   nativeTokenLimitPerTransaction: 0.1, // in ETH
   startDate: new Date(),
-  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
+  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 
 export const wagmiConfig = createConfig({
   chains: [supportedChains[0], ...supportedChains.slice(1)],
-  transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any
+  transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any,
 });
 
 // Create queryClient instance
@@ -40,7 +40,7 @@ export function B3Provider({
   children,
   accountOverride,
   environment,
-  automaticallySetFirstEoa
+  automaticallySetFirstEoa,
 }: {
   isMainnetAnySpend?: boolean;
   theme: "light" | "dark";
@@ -61,9 +61,8 @@ export function B3Provider({
           >
             <RelayKitProviderWrapper isMainnet={isMainnetAnySpend}>
               {children}
-              {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
+              {/* For the modal https://github.com/b3-fun/b3/blob/main/packages/sdk/src/global-account/react/components/ui/dialog.tsx#L46 */}
               <StyleRoot id="b3-root" />
-              {/* For the modal https://github.com/b3-fun/b3-mono/blob/main/packages/react/src/components/ui/dialog.tsx#L46 */}
               <Toaster theme={theme} />
             </RelayKitProviderWrapper>
           </InnerProvider>
@@ -82,7 +81,7 @@ export function InnerProvider({
   environment,
   defaultPermissions = DEFAULT_PERMISSIONS,
   automaticallySetFirstEoa,
-  theme = "light"
+  theme = "light",
 }: {
   children: React.ReactNode;
   accountOverride?: Account;
@@ -143,7 +142,7 @@ export function InnerProvider({
         automaticallySetFirstEoa,
         environment,
         defaultPermissions,
-        theme
+        theme,
       }}
     >
       {children}

package/src/global-account/react/components/B3Provider/types.ts

@@ -36,5 +36,5 @@ export const B3Context = createContext<B3ContextType>({
   initialized: false,
   ready: false,
   environment: "development",
-  theme: "light"
+  theme: "light",
 });

package/src/global-account/react/components/ManageAccount/ManageAccount.tsx

@@ -12,7 +12,7 @@ import {
   TabsPrimitive,
   TabsContentPrimitive,
   TabsListPrimitive,
-  TabTriggerPrimitive
+  TabTriggerPrimitive,
 } from "@b3dotfun/sdk/global-account/react";
 import { formatAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
 import { formatNumber } from "@b3dotfun/sdk/shared/utils/formatNumber";
@@ -42,7 +42,7 @@ export function ManageAccount({
   onSwap: _onSwap,
   onDeposit: _onDeposit,
   chain,
-  partnerId
+  partnerId,
 }: ManageAccountProps) {
   const [activeTab, setActiveTab] = useState("balance");
   const [revokingSignerId, setRevokingSignerId] = useState<string | null>(null);
@@ -52,7 +52,7 @@ export function ManageAccount({
   const { data: nativeBalance } = useNativeBalance(account?.address);
   const { data: signers, refetch: refetchSigners } = useGetAllTWSigners({
     chain,
-    accountAddress: account?.address
+    accountAddress: account?.address,
   });
   const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
   const { logout } = useAuthentication(partnerId);
@@ -70,7 +70,7 @@ export function ManageAccount({
       console.error("Error revoking access:", error);
       setRevokingSignerId(null);
     },
-    refetchSigners: () => refetchSigners()
+    refetchSigners: () => refetchSigners(),
   });
 
   const handleRevoke = async (signer: TWSignerWithMetadata) => {
@@ -126,7 +126,7 @@ export function ManageAccount({
             setB3ModalContentType({
               type: "anySpend",
               defaultActiveTab: "fiat",
-              showBackButton: true
+              showBackButton: true,
             });
           }}
         >
@@ -139,7 +139,7 @@ export function ManageAccount({
             setB3ModalOpen(true);
             setB3ModalContentType({
               type: "anySpend",
-              showBackButton: true
+              showBackButton: true,
             });
           }}
         >

package/src/global-account/react/components/MintButton/MintButton.tsx

@@ -28,7 +28,7 @@ export function MintButton({
   className,
   children = "Mint",
   onSuccess,
-  onError
+  onError,
 }: MintButtonProps) {
   const ecoSystemWallet = useActiveAccount();
   console.log("@@ecoSystemWallet", ecoSystemWallet);
@@ -38,7 +38,7 @@ export function MintButton({
     quantity,
     chain,
     to,
-    tokenId
+    tokenId,
   });
 
   const smartAccountWithSignerOverride = ecoSystemWallet?.address !== to;
@@ -50,13 +50,13 @@ export function MintButton({
           chain,
           sponsorGas: true,
           overrides: {
-            accountAddress: ecoSystemWallet?.address
-          }
+            accountAddress: ecoSystemWallet?.address,
+          },
         });
 
         const smartAccountWithSigner = await wallet.connect({
           client,
-          personalAccount: account
+          personalAccount: account,
         });
 
         const tx = await claim(smartAccountWithSigner);

package/src/global-account/react/components/RelayKitProviderWrapper.tsx

@@ -20,12 +20,12 @@ export function RelayKitProviderWrapper({ isMainnet, children }: { isMainnet: bo
         source: "anyspend",
         duneConfig: {
           apiKey: "OkvN2bWlBPwXkvtmnTeYMQR1hYZBGDJt",
-          apiBaseUrl: "https://api.dune.com"
+          apiBaseUrl: "https://api.dune.com",
         },
         chains: relayChains,
         privateChainIds: undefined,
         appName: "AnySpend",
-        useGasFeeEstimations: true
+        useGasFeeEstimations: true,
       }}
     >
       <>{children}</>

package/src/global-account/react/components/RequestPermissions/RequestPermissions.tsx

@@ -3,7 +3,7 @@ import {
   useB3,
   useAddTWSessionKey,
   useGetAllTWSigners,
-  RequestPermissionsModalProps
+  RequestPermissionsModalProps,
 } from "@b3dotfun/sdk/global-account/react";
 import { PermissionItem } from "@b3dotfun/sdk/global-account/react";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
@@ -26,19 +26,19 @@ export function RequestPermissions({
   onError,
   chain,
   sessionKeyAddress,
-  permissions
+  permissions,
 }: RequestPermissionsModalProps) {
   const [isApproving, setIsApproving] = useState(false);
   const account = useActiveAccount();
   const { defaultPermissions } = useB3();
   const DEFAULT_PERMISSIONS = useMemo(
     () => permissions ?? (defaultPermissions as PermissionsConfig),
-    [defaultPermissions, permissions]
+    [defaultPermissions, permissions],
   );
 
   const { refetch: refetchSigners } = useGetAllTWSigners({
     chain,
-    accountAddress: account?.address
+    accountAddress: account?.address,
   });
   const { newSessionKey } = useAddTWSessionKey({
     onSuccess: transactionResult => {
@@ -52,7 +52,7 @@ export function RequestPermissions({
     refetchSigners: () => {
       return refetchSigners();
     },
-    chain
+    chain,
   });
 
   const handleApprove = useCallback(async () => {
@@ -68,7 +68,7 @@ export function RequestPermissions({
         approvedTargets: DEFAULT_PERMISSIONS.approvedTargets as Address[],
         nativeTokenLimitPerTransaction: DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction,
         permissionStartTimestamp: DEFAULT_PERMISSIONS.startDate,
-        permissionEndTimestamp: DEFAULT_PERMISSIONS.endDate
+        permissionEndTimestamp: DEFAULT_PERMISSIONS.endDate,
       });
     } catch (error) {
       console.error("@@error:", error);
@@ -81,7 +81,7 @@ export function RequestPermissions({
   const formatDate = (date: Date) => {
     return new Intl.DateTimeFormat("en-US", {
       dateStyle: "medium",
-      timeStyle: "short"
+      timeStyle: "short",
     }).format(date);
   };
   return (

package/src/global-account/react/components/RequestPermissions/RequestPermissionsButton.tsx

@@ -16,7 +16,7 @@ export function RequestPermissionsButton({
   onSuccess,
   onError,
   permissions,
-  closeOnSuccess = true
+  closeOnSuccess = true,
 }: RequestPermissionsButtonProps) {
   const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
 
@@ -32,7 +32,7 @@ export function RequestPermissionsButton({
         }
       },
       onError,
-      permissions
+      permissions,
     });
     setB3ModalOpen(true);
   };