@b3dotfun/sdk 0.0.28 → 0.0.29-alpha.1

package/dist/esm/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -0,0 +1,165 @@
+import { components } from "../../types/api";
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod";
+import { FiatPaymentMethod } from "../components/common/FiatPaymentMethod";
+export declare enum PanelView {
+    MAIN = 0,
+    CRYPTO_PAYMENT_METHOD = 1,
+    FIAT_PAYMENT_METHOD = 2,
+    RECIPIENT_SELECTION = 3,
+    ORDER_DETAILS = 4,
+    LOADING = 5
+}
+interface UseAnyspendFlowProps {
+    paymentType?: "crypto" | "fiat";
+    recipientAddress?: string;
+    loadOrder?: string;
+    isDepositMode?: boolean;
+    onOrderSuccess?: (orderId: string) => void;
+    onTransactionSuccess?: () => void;
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
+}
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, }: UseAnyspendFlowProps): {
+    activePanel: PanelView;
+    setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
+    orderId: string | undefined;
+    setOrderId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    oat: {
+        success: boolean;
+        message: string;
+        data: {
+            order: components["schemas"]["Order"];
+            depositTxs: components["schemas"]["DepositTx"][] | null;
+            relayTx: components["schemas"]["RelayTx"] | null;
+            executeTx: components["schemas"]["ExecuteTx"] | null;
+            refundTxs: components["schemas"]["RefundTx"][] | null;
+        };
+        statusCode: number;
+    } | undefined;
+    selectedSrcChainId: number;
+    setSelectedSrcChainId: import("react").Dispatch<import("react").SetStateAction<number>>;
+    selectedDstChainId: number;
+    setSelectedDstChainId: import("react").Dispatch<import("react").SetStateAction<number>>;
+    selectedSrcToken: {
+        chainId: number;
+        address: string;
+        symbol: string;
+        name: string;
+        decimals: number;
+        metadata: {
+            logoURI?: string;
+        };
+    };
+    setSelectedSrcToken: import("react").Dispatch<import("react").SetStateAction<{
+        chainId: number;
+        address: string;
+        symbol: string;
+        name: string;
+        decimals: number;
+        metadata: {
+            logoURI?: string;
+        };
+    }>>;
+    srcAmount: string;
+    setSrcAmount: import("react").Dispatch<import("react").SetStateAction<string>>;
+    dstAmount: string;
+    setDstAmount: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isSrcInputDirty: boolean;
+    setIsSrcInputDirty: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    selectedCryptoPaymentMethod: CryptoPaymentMethodType;
+    setSelectedCryptoPaymentMethod: import("react").Dispatch<import("react").SetStateAction<CryptoPaymentMethodType>>;
+    selectedFiatPaymentMethod: FiatPaymentMethod;
+    setSelectedFiatPaymentMethod: import("react").Dispatch<import("react").SetStateAction<FiatPaymentMethod>>;
+    selectedRecipientAddress: string | undefined;
+    setSelectedRecipientAddress: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    recipientName: string | null | undefined;
+    globalAddress: string | undefined;
+    anyspendQuote: {
+        success: boolean;
+        message: string;
+        data: {
+            operation?: string;
+            sender?: string;
+            recipient?: string;
+            currencyIn?: {
+                currency?: {
+                    chainId?: number;
+                    address?: string;
+                    symbol?: string;
+                    name?: string;
+                    decimals?: number;
+                    metadata?: {
+                        logoURI?: string;
+                    };
+                };
+                amount?: string;
+                amountFormatted?: string;
+                amountUsd?: string;
+                minimumAmount?: string;
+            };
+            currencyOut?: {
+                currency?: {
+                    chainId?: number;
+                    address?: string;
+                    symbol?: string;
+                    name?: string;
+                    decimals?: number;
+                    metadata?: {
+                        logoURI?: string;
+                    };
+                };
+                amount?: string;
+                amountFormatted?: string;
+                amountUsd?: string;
+                minimumAmount?: string;
+            };
+            totalImpact?: {
+                usd?: string;
+                percent?: string;
+            };
+            swapImpact?: {
+                usd?: string;
+                percent?: string;
+            };
+            rate?: string;
+            slippageTolerance?: {
+                origin?: {
+                    usd?: string;
+                    value?: string;
+                    percent?: string;
+                };
+                destination?: {
+                    usd?: string;
+                    value?: string;
+                    percent?: string;
+                };
+            };
+            timeEstimate?: number;
+            userBalance?: string;
+        };
+        statusCode: number;
+    } | undefined;
+    isLoadingAnyspendQuote: boolean;
+    getAnyspendQuoteError: Error | null;
+    activeInputAmountInWei: string;
+    geoData: import("../../../anyspend/react").GeoData | undefined;
+    coinbaseAvailablePaymentMethods: {
+        id?: string;
+        min?: string;
+        max?: string;
+    }[];
+    stripeWeb2Support: {
+        isSupport: false;
+    } | {
+        isSupport: true;
+        formattedTotalUsd: string;
+        formattedOnrampUsd: string;
+        formattedFeeUsd: string;
+    };
+    getOnrampVendor: (paymentMethod: FiatPaymentMethod) => "coinbase" | "stripe" | "stripe-web2" | undefined;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("../../../anyspend/react").CreateOrderParams, unknown>;
+    isCreatingOrder: boolean;
+    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("../../../anyspend/react").CreateOnrampOrderParams, unknown>;
+    isCreatingOnrampOrder: boolean;
+};
+export {};

package/dist/esm/anyspend/react/hooks/useAnyspendFlow.js

@@ -0,0 +1,180 @@
+import { B3_TOKEN, getDefaultToken, USDC_BASE } from "../../../anyspend/index.js";
+import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
+import { anyspendService } from "../../../anyspend/services/anyspend.js";
+import { useAccountWallet, useProfile } from "../../../global-account/react/index.js";
+import { formatTokenAmount, formatUnits } from "../../../shared/utils/number.js";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
+import { parseUnits } from "viem";
+import { base, mainnet } from "viem/chains";
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod.js";
+import { FiatPaymentMethod } from "../components/common/FiatPaymentMethod.js";
+export var PanelView;
+(function (PanelView) {
+    PanelView[PanelView["MAIN"] = 0] = "MAIN";
+    PanelView[PanelView["CRYPTO_PAYMENT_METHOD"] = 1] = "CRYPTO_PAYMENT_METHOD";
+    PanelView[PanelView["FIAT_PAYMENT_METHOD"] = 2] = "FIAT_PAYMENT_METHOD";
+    PanelView[PanelView["RECIPIENT_SELECTION"] = 3] = "RECIPIENT_SELECTION";
+    PanelView[PanelView["ORDER_DETAILS"] = 4] = "ORDER_DETAILS";
+    PanelView[PanelView["LOADING"] = 5] = "LOADING";
+})(PanelView || (PanelView = {}));
+export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, }) {
+    // Panel and order state
+    const [activePanel, setActivePanel] = useState(loadOrder ? PanelView.ORDER_DETAILS : PanelView.MAIN);
+    const [orderId, setOrderId] = useState(loadOrder);
+    const { orderAndTransactions: oat } = useAnyspendOrderAndTransactions(orderId);
+    // Token selection state - use provided sourceTokenChainId if available
+    const [selectedSrcChainId, setSelectedSrcChainId] = useState(sourceTokenChainId || (paymentType === "fiat" ? base.id : mainnet.id));
+    const [selectedDstChainId, setSelectedDstChainId] = useState(base.id); // Default to Base for cross-chain swaps
+    const defaultSrcToken = paymentType === "fiat" ? USDC_BASE : getDefaultToken(selectedSrcChainId);
+    const [selectedSrcToken, setSelectedSrcToken] = useState(defaultSrcToken);
+    const [srcAmount, setSrcAmount] = useState(paymentType === "fiat" ? "5" : "0.1");
+    const [dstAmount, setDstAmount] = useState("");
+    const [isSrcInputDirty, setIsSrcInputDirty] = useState(true);
+    // Payment method state
+    const [selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod] = useState(CryptoPaymentMethodType.NONE);
+    const [selectedFiatPaymentMethod, setSelectedFiatPaymentMethod] = useState(FiatPaymentMethod.NONE);
+    // Recipient state
+    const { address: globalAddress } = useAccountWallet();
+    const [selectedRecipientAddress, setSelectedRecipientAddress] = useState(recipientAddress);
+    const recipientProfile = useProfile({ address: selectedRecipientAddress, fresh: true });
+    const recipientName = recipientProfile.data?.name;
+    // Set default recipient address when wallet changes
+    useEffect(() => {
+        if (!selectedRecipientAddress && globalAddress) {
+            setSelectedRecipientAddress(globalAddress);
+        }
+    }, [selectedRecipientAddress, globalAddress]);
+    // Fetch specific token when sourceTokenAddress and sourceTokenChainId are provided
+    useEffect(() => {
+        const fetchSourceToken = async () => {
+            if (sourceTokenAddress && sourceTokenChainId) {
+                try {
+                    const token = await anyspendService.getToken(sourceTokenChainId, sourceTokenAddress);
+                    setSelectedSrcToken(token);
+                }
+                catch (error) {
+                    console.error("Failed to fetch source token:", error);
+                    toast.error(`Failed to load token ${sourceTokenAddress} on chain ${sourceTokenChainId}`);
+                    // Keep the default token on error
+                }
+            }
+        };
+        fetchSourceToken();
+    }, [sourceTokenAddress, sourceTokenChainId]);
+    // Helper function for onramp vendor mapping
+    const getOnrampVendor = (paymentMethod) => {
+        switch (paymentMethod) {
+            case FiatPaymentMethod.COINBASE_PAY:
+                return "coinbase";
+            case FiatPaymentMethod.STRIPE:
+                return "stripe-web2";
+            default:
+                return undefined;
+        }
+    };
+    // Get quote
+    const activeInputAmountInWei = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals).toString();
+    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = useAnyspendQuote({
+        srcChain: paymentType === "fiat" ? base.id : selectedSrcChainId,
+        dstChain: isDepositMode ? base.id : selectedDstChainId, // For deposits, always Base; for swaps, use selected destination
+        srcTokenAddress: paymentType === "fiat" ? USDC_BASE.address : selectedSrcToken.address,
+        dstTokenAddress: isDepositMode ? B3_TOKEN.address : selectedSrcToken.address, // For deposits, always B3
+        type: "swap",
+        tradeType: "EXACT_INPUT",
+        amount: activeInputAmountInWei,
+        onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
+    });
+    // Get geo options for fiat
+    const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(paymentType === "fiat" ? formatUnits(activeInputAmountInWei, USDC_BASE.decimals) : "0");
+    // Update destination amount when quote changes
+    useEffect(() => {
+        if (anyspendQuote?.data?.currencyOut?.amount && anyspendQuote.data.currencyOut.currency?.decimals) {
+            const amount = anyspendQuote.data.currencyOut.amount;
+            const decimals = anyspendQuote.data.currencyOut.currency.decimals;
+            const formattedAmount = formatTokenAmount(BigInt(amount), decimals, 6, false);
+            setDstAmount(formattedAmount);
+        }
+        else {
+            setDstAmount("");
+        }
+    }, [anyspendQuote]);
+    // Order creation hooks
+    const { createOrder, isCreatingOrder } = useAnyspendCreateOrder({
+        onSuccess: data => {
+            const newOrderId = data.data.id;
+            setOrderId(newOrderId);
+            setActivePanel(PanelView.ORDER_DETAILS);
+            onOrderSuccess?.(newOrderId);
+        },
+        onError: error => {
+            console.error(error);
+            toast.error("Failed to create order: " + error.message);
+        },
+    });
+    const { createOrder: createOnrampOrder, isCreatingOrder: isCreatingOnrampOrder } = useAnyspendCreateOnrampOrder({
+        onSuccess: data => {
+            const newOrderId = data.data.id;
+            setOrderId(newOrderId);
+            setActivePanel(PanelView.ORDER_DETAILS);
+            onOrderSuccess?.(newOrderId);
+        },
+        onError: error => {
+            console.error(error);
+            toast.error("Failed to create order: " + error.message);
+        },
+    });
+    // Handle order completion
+    useEffect(() => {
+        if (oat?.data?.order.status === "executed") {
+            console.log("Order executed successfully");
+            onTransactionSuccess?.();
+        }
+    }, [oat?.data?.order.status, onTransactionSuccess]);
+    return {
+        // State
+        activePanel,
+        setActivePanel,
+        orderId,
+        setOrderId,
+        oat,
+        // Token state
+        selectedSrcChainId,
+        setSelectedSrcChainId,
+        selectedDstChainId,
+        setSelectedDstChainId,
+        selectedSrcToken,
+        setSelectedSrcToken,
+        srcAmount,
+        setSrcAmount,
+        dstAmount,
+        setDstAmount,
+        isSrcInputDirty,
+        setIsSrcInputDirty,
+        // Payment methods
+        selectedCryptoPaymentMethod,
+        setSelectedCryptoPaymentMethod,
+        selectedFiatPaymentMethod,
+        setSelectedFiatPaymentMethod,
+        // Recipient
+        selectedRecipientAddress,
+        setSelectedRecipientAddress,
+        recipientName,
+        globalAddress,
+        // Quote data
+        anyspendQuote,
+        isLoadingAnyspendQuote,
+        getAnyspendQuoteError,
+        activeInputAmountInWei,
+        // Geo/onramp data
+        geoData,
+        coinbaseAvailablePaymentMethods,
+        stripeWeb2Support,
+        getOnrampVendor,
+        // Order creation
+        createOrder,
+        isCreatingOrder,
+        createOnrampOrder,
+        isCreatingOnrampOrder,
+    };
+}

package/dist/esm/anyspend/react/hooks/useSigMint.d.ts

@@ -28,10 +28,10 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
                     description?: string | undefined;
                     properties?: any;
                     image?: string | undefined;
+                    backgroundColor?: string | undefined;
                     externalLink?: string | undefined;
                     appUri?: string | undefined;
                     attributes?: any;
-                    backgroundColor?: string | undefined;
                     promptImageUrl?: string | undefined;
                 };
             } | undefined;
@@ -48,8 +48,8 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
             creatorMap?: {} | undefined;
             chainId: number;
             address: string;
-            title: string;
             _id: string | {};
+            title: string;
         };
     } | null;
     error: Error | null;

package/dist/esm/bondkit/abis/BondkitTokenABI.d.ts

@@ -627,7 +627,7 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "buy";
     readonly outputs: readonly [];
-    readonly stateMutability: "payable";
+    readonly stateMutability: "nonpayable";
     readonly type: "function";
 }, {
     readonly inputs: readonly [{
@@ -645,7 +645,7 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "buyFor";
     readonly outputs: readonly [];
-    readonly stateMutability: "payable";
+    readonly stateMutability: "nonpayable";
     readonly type: "function";
 }, {
     readonly inputs: readonly [];
@@ -1242,7 +1242,4 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly stateMutability: "view";
     readonly type: "function";
-}, {
-    readonly stateMutability: "payable";
-    readonly type: "receive";
 }];

package/dist/esm/bondkit/abis/BondkitTokenABI.js

@@ -323,7 +323,7 @@ export const BondkitTokenABI = [
         ],
         name: "buy",
         outputs: [],
-        stateMutability: "payable",
+        stateMutability: "nonpayable",
         type: "function",
     },
     {
@@ -334,7 +334,7 @@ export const BondkitTokenABI = [
         ],
         name: "buyFor",
         outputs: [],
-        stateMutability: "payable",
+        stateMutability: "nonpayable",
         type: "function",
     },
     {
@@ -701,5 +701,4 @@ export const BondkitTokenABI = [
         stateMutability: "view",
         type: "function",
     },
-    { stateMutability: "payable", type: "receive" },
 ];

package/dist/esm/global-account/react/components/B3DynamicModal.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnySpend, AnySpendBondKit, AnySpendBuySpin, AnySpendNFT, AnyspendSignatureMint, AnySpendStakeB3, AnySpendTournament, OrderHistory, } from "../../../anyspend/react/index.js";
+import { AnySpendDepositHype } from "../../../anyspend/react/components/AnyspendDepositHype.js";
 import { useIsMobile, useModalStore } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
@@ -83,6 +84,8 @@ export function B3DynamicModal() {
                 return _jsx(AnySpendBondKit, { ...contentType });
             case "linkAccount":
                 return _jsx(LinkAccount, { ...contentType });
+            case "anySpendDepositHype":
+                return _jsx(AnySpendDepositHype, { ...contentType, mode: "modal" });
             // Add other modal types here
             default:
                 return null;

package/dist/esm/global-account/react/components/custom/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "b3" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "default" | "outline";

package/dist/esm/global-account/react/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/esm/global-account/react/components/ui/command.d.ts

@@ -23,7 +23,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -67,7 +67,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/esm/global-account/react/hooks/useSiwe.native.d.ts

@@ -0,0 +1,4 @@
+import { Account } from "thirdweb/wallets";
+export declare function useSiwe(): {
+    authenticate: (account: Account, partnerId: string) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
+};

package/dist/esm/global-account/react/hooks/useSiwe.native.js

@@ -0,0 +1,34 @@
+import app from "../../../global-account/app.js";
+import debug from "../../../shared/utils/debug.js";
+import { useCallback } from "react";
+export function useSiwe() {
+    const authenticate = useCallback(async (account, partnerId) => {
+        if (!account || !account.signMessage)
+            throw new Error("Account not found");
+        // generate challenge
+        const challenge = await app.service("global-accounts-challenge").create({
+            address: account.address,
+        });
+        debug("@@useAuthenticate:challenge", challenge);
+        // sign challenge
+        const signature = await account.signMessage({
+            message: challenge.message,
+        });
+        debug("@@useAuthenticate:signature", signature);
+        // authenticate
+        const response = await app.authenticate({
+            strategy: "smart-account-siwe",
+            message: challenge.message,
+            signature,
+            serverSignature: challenge.serverSignature,
+            nonce: challenge.nonce,
+            // http://localhost:5173/?referrerId=cd8fda06-3840-43d3-8f35-ae9472a13759
+            partnerId: partnerId,
+        });
+        debug("@@useAuthenticate:response", response);
+        return response;
+    }, []);
+    return {
+        authenticate,
+    };
+}

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -273,8 +273,8 @@ export interface AnySpendBondKitProps extends BaseModalProps {
     imageUrl?: string;
     /** Token name to display */
     tokenName?: string;
-    /** Optional pre-filled ETH amount */
-    ethAmount?: string;
+    /** Optional pre-filled B3 amount */
+    b3Amount?: string;
     /** Callback function called when purchase is successful */
     onSuccess?: (txHash?: string) => void;
 }
@@ -287,10 +287,26 @@ export interface LinkAccountModalProps extends BaseModalProps {
     partnerId: string;
     chain: Chain;
 }
+export interface AnySpendDepositHypeProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendDepositHype";
+    /** Recipient address to receive the tokens */
+    recipientAddress: string;
+    /** Destination token address */
+    sourceTokenAddress?: string;
+    /** Source token chain ID */
+    sourceTokenChainId?: number;
+    /** Payment type - crypto or fiat */
+    paymentType?: "crypto" | "fiat";
+    /** Deposit contract address */
+    depositContractAddress: string;
+    /** Callback function called when the deposit is successful */
+    onSuccess?: () => void;
+}
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | TransakProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | TransakProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps;
 /**
  * State interface for the modal store
  */

package/dist/esm/shared/constants/chains/b3Chain.d.ts

@@ -89,8 +89,8 @@ export declare const getViemChainConfig: (config: ChainNetworks) => {
     readonly icon: {
         format: string;
         url: string;
-        height: number;
         width: number;
+        height: number;
     };
 };
 export declare const thirdwebB3Testnet: ThirdwebChain;

package/dist/esm/shared/constants/chains/supported.d.ts

@@ -10,9 +10,9 @@ export declare const supportedChainNetworks: {
     testnet?: boolean | undefined;
     fees?: Record<string, any> | undefined;
     formatters?: Record<string, any> | undefined;
-    color?: string | undefined;
     testnetConfigID?: number | undefined;
     badge?: string | undefined;
+    color?: string | undefined;
     enabledFeatures?: string[] | undefined;
     blockExplorers: {
         default: string;
@@ -35,13 +35,13 @@ export declare const supportedChainNetworks: {
             uri: string;
         }[];
     };
+    _id: string | {};
     icon: {
         format: string;
         url: string;
-        height: number;
         width: number;
+        height: number;
     };
-    _id: string | {};
 }[];
 export declare const coingeckoChains: Record<number, {
     coingecko_id: string;