@b3dotfun/sdk 0.0.28-alpha.0 → 0.0.28-alpha.1

package/dist/types/anyspend/react/components/AnyspendDepositHype.d.ts

@@ -0,0 +1,10 @@
+export declare function AnySpendDepositHype(props: {
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    recipientAddress: string;
+    paymentType?: "crypto" | "fiat";
+    sourceTokenAddress?: string;
+    sourceTokenChainId?: number;
+    onSuccess?: () => void;
+    depositContractAddress?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/CryptoReceiveSection.d.ts

@@ -0,0 +1,17 @@
+import { components } from "../../../types/api";
+interface CryptoReceiveSectionProps {
+    isDepositMode?: boolean;
+    isBuyMode?: boolean;
+    selectedRecipientAddress?: string;
+    recipientName?: string;
+    onSelectRecipient: () => void;
+    dstAmount: string;
+    dstToken: components["schemas"]["Token"];
+    selectedDstChainId?: number;
+    setSelectedDstChainId?: (chainId: number) => void;
+    setSelectedDstToken?: (token: components["schemas"]["Token"]) => void;
+    onChangeDstAmount?: (value: string) => void;
+    anyspendQuote?: any;
+}
+export declare function CryptoReceiveSection({ isDepositMode, isBuyMode, selectedRecipientAddress, recipientName, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, onChangeDstAmount, anyspendQuote, }: CryptoReceiveSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/common/ErrorSection.d.ts

@@ -0,0 +1,6 @@
+interface ErrorSectionProps {
+    error?: Error | null;
+    message?: string;
+}
+export declare function ErrorSection({ error, message }: ErrorSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/anyspend/react/components/common/PanelOnramp.d.ts

@@ -1,6 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { FiatPaymentMethod } from "./FiatPaymentMethod";
-export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, }: {
+export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, fiatPaymentMethodIndex, }: {
     srcAmountOnRamp: string;
     setSrcAmountOnRamp: (amount: string) => void;
     selectedPaymentMethod?: FiatPaymentMethod;
@@ -11,4 +11,5 @@ export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selec
     destinationAmount?: string;
     onDestinationTokenChange?: (token: components["schemas"]["Token"]) => void;
     onDestinationChainChange?: (chainId: number) => void;
+    fiatPaymentMethodIndex: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/PaySection.d.ts

@@ -0,0 +1,20 @@
+import { components } from "../../../types/api";
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
+import { FiatPaymentMethod } from "./FiatPaymentMethod";
+interface PaySectionProps {
+    paymentType: "crypto" | "fiat";
+    selectedSrcChainId: number;
+    setSelectedSrcChainId: (chainId: number) => void;
+    selectedSrcToken: components["schemas"]["Token"];
+    setSelectedSrcToken: (token: components["schemas"]["Token"]) => void;
+    srcAmount: string;
+    setSrcAmount: (amount: string) => void;
+    setIsSrcInputDirty: (dirty: boolean) => void;
+    selectedCryptoPaymentMethod: CryptoPaymentMethodType;
+    selectedFiatPaymentMethod: FiatPaymentMethod;
+    onSelectCryptoPaymentMethod: () => void;
+    onSelectFiatPaymentMethod: () => void;
+    anyspendQuote?: any;
+}
+export declare function PaySection({ paymentType, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, setIsSrcInputDirty, selectedCryptoPaymentMethod, selectedFiatPaymentMethod, onSelectCryptoPaymentMethod, onSelectFiatPaymentMethod, anyspendQuote, }: PaySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/common/TabSection.d.ts

@@ -0,0 +1,10 @@
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
+import { FiatPaymentMethod } from "./FiatPaymentMethod";
+interface TabSectionProps {
+    activeTab: "crypto" | "fiat";
+    setActiveTab: (tab: "crypto" | "fiat") => void;
+    setSelectedCryptoPaymentMethod: (method: CryptoPaymentMethodType) => void;
+    setSelectedFiatPaymentMethod: (method: FiatPaymentMethod) => void;
+}
+export declare function TabSection({ activeTab, setActiveTab, setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod, }: TabSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/index.d.ts

@@ -9,6 +9,7 @@ export { AnySpendStakeB3 } from "./AnySpendStakeB3";
 export { AnySpendTournament } from "./AnySpendTournament";
 export { AnySpendNFTButton } from "./common/AnySpendNFTButton";
 export { ChainTokenIcon } from "./common/ChainTokenIcon";
+export { CryptoReceiveSection } from "./common/CryptoReceiveSection";
 export { OrderDetails } from "./common/OrderDetails";
 export { OrderDetailsCollapsible } from "./common/OrderDetailsCollapsible";
 export { OrderHistory } from "./common/OrderHistory";
@@ -16,6 +17,7 @@ export { OrderHistoryItem } from "./common/OrderHistoryItem";
 export { OrderStatus } from "./common/OrderStatus";
 export { OrderToken } from "./common/OrderToken";
 export { OrderTokenAmount } from "./common/OrderTokenAmount";
+export { PaySection } from "./common/PaySection";
 export { RecipientSelection } from "./common/RecipientSelection";
 export { StepProgress } from "./common/StepProgress";
 export { TokenBalance } from "./common/TokenBalance";

package/dist/types/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("@b3dotfun/sdk/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("@b3dotfun/sdk/anyspend/react").CreateOrderParams, unknown>;
+    isCreatingOrder: boolean;
+    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("@b3dotfun/sdk/anyspend/react").CreateOnrampOrderParams, unknown>;
+    isCreatingOnrampOrder: boolean;
+};
+export {};

package/dist/types/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/types/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/types/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/types/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/types/global-account/react/stores/useModalStore.d.ts

@@ -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/types/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/types/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;

package/package.json

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