@b3dotfun/sdk 0.0.19-alpha.2 → 0.0.19

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

@@ -725,6 +725,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
                     vendor: vendor,
                     paymentMethod: paymentMethodString,
                     country: geoData?.country || "US",
+                    ipAddress: geoData?.ip,
                     redirectUrl: window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin,
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",

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

@@ -306,6 +306,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
                         vendor: onramp.vendor,
                         paymentMethod: onramp.paymentMethod,
                         country: geoData?.country || "US",
+                        ipAddress: geoData?.ip,
                         redirectUrl: window.location.origin === "https://basement.fun"
                             ? "https://basement.fun/deposit"
                             : window.location.origin,

package/dist/cjs/anyspend/react/components/common/PanelOnrampPayment.js

@@ -79,6 +79,7 @@ function PanelOnrampPaymentInner(props) {
                     vendor: vendor,
                     paymentMethod: paymentMethod || "",
                     country: geoData?.country || "US",
+                    ipAddress: geoData?.ip,
                     redirectUrl: window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin,
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",

package/dist/cjs/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -134,6 +134,7 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
                             vendor: "stripe-web2",
                             paymentMethod: "",
                             country: geoData.country || "US",
+                            ipAddress: geoData.ip,
                             redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`,
                         },
                         expectedDstAmount: anyspendQuote.data?.currencyOut?.amount?.toString() || "0",

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOnrampOrder.d.ts

@@ -5,6 +5,7 @@ export type OnrampOptions = {
     paymentMethod: string;
     country: string;
     redirectUrl: string;
+    ipAddress?: string;
 };
 export type CreateOnrampOrderParams = Omit<CreateOrderParams, "srcChain" | "srcToken" | "srcAmount"> & {
     srcFiatAmount: string;

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -24,6 +24,10 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
         mutationFn: async (params) => {
             const { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
             try {
+                // Validate Stripe onramp options
+                if (onramp.vendor === "stripe" && !onramp.ipAddress) {
+                    throw new Error("IP address is required for Stripe onramp");
+                }
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
                     throw new Error("Missing required onramp fields: vendor, country");

package/dist/cjs/anyspend/react/hooks/useGeoOnrampOptions.js

@@ -16,7 +16,7 @@ function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
     // Use existing hooks
     const { geoData, loading: isLoadingGeo, error: geoError } = (0, useGetGeo_1.useGetGeo)();
     const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = (0, useCoinbaseOnrampOptions_1.useCoinbaseOnrampOptions)(isMainnet, geoData?.country, visitorData);
-    const { isStripeOnrampSupported, stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = (0, useStripeSupport_1.useStripeSupport)(isMainnet, srcFiatAmount, visitorData);
+    const { isStripeOnrampSupported, stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = (0, useStripeSupport_1.useStripeSupport)(isMainnet, geoData?.ip || "", srcFiatAmount, visitorData);
     // Calculate available payment methods based on the amount
     const coinbaseAvailablePaymentMethods = (0, react_1.useMemo)(() => {
         if (!coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits || !srcFiatAmount)

package/dist/cjs/anyspend/react/hooks/useStripeSupport.d.ts

@@ -1,5 +1,5 @@
 import { VisitorData } from "../../../anyspend/types/fingerprint";
-export declare function useStripeSupport(isMainnet: boolean, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
+export declare function useStripeSupport(isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     isStripeOnrampSupported: boolean;
     stripeWeb2Support: {
         isSupport: false;

package/dist/cjs/anyspend/react/hooks/useStripeSupport.js

@@ -4,11 +4,11 @@ exports.useStripeSupport = useStripeSupport;
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-function useStripeSupport(isMainnet, usdAmount, visitorData, isLoadingVisitorData) {
+function useStripeSupport(isMainnet, ipAddress, usdAmount, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = (0, react_query_1.useQuery)({
-        queryKey: ["useStripeSupport", isMainnet, usdAmount, visitorData?.requestId, visitorData?.visitorId],
-        queryFn: () => anyspend_1.anyspendService.checkStripeSupport(isMainnet, usdAmount, visitorData),
-        enabled: !isLoadingVisitorData,
+        queryKey: ["useStripeSupport", isMainnet, ipAddress, usdAmount, visitorData?.requestId, visitorData?.visitorId],
+        queryFn: () => anyspend_1.anyspendService.checkStripeSupport(isMainnet, ipAddress, usdAmount, visitorData),
+        enabled: !!ipAddress && !isLoadingVisitorData,
     });
     return (0, react_1.useMemo)(() => ({
         isStripeOnrampSupported: data?.stripeOnramp || false,

package/dist/cjs/anyspend/services/anyspend.d.ts

@@ -30,7 +30,7 @@ export declare const anyspendService: {
     getOrderAndTransactions: (isMainnet: boolean, orderId: string | undefined) => Promise<GetOrderAndTxsResponse>;
     getOrderHistory: (isMainnet: boolean, creatorAddress: string | undefined, limit?: number, offset?: number) => Promise<GetOrderHistoryResponse>;
     getCoinbaseOnrampOptions: (isMainnet: boolean, country: string, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
-    checkStripeSupport: (isMainnet: boolean, usdAmount?: string, visitorData?: VisitorData) => Promise<{
+    checkStripeSupport: (isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData) => Promise<{
         stripeOnramp: boolean;
         stripeWeb2: components["schemas"]["StripeWeb2Support"];
     }>;

package/dist/cjs/anyspend/services/anyspend.js

@@ -96,8 +96,9 @@ exports.anyspendService = {
         const data = await response.json();
         return data;
     },
-    checkStripeSupport: async (isMainnet, usdAmount, visitorData) => {
+    checkStripeSupport: async (isMainnet, ipAddress, usdAmount, visitorData) => {
         const params = new URLSearchParams({
+            ipAddress,
             usdAmount: usdAmount || "",
         });
         const response = await fetch(`${isMainnet ? constants_1.ANYSPEND_MAINNET_BASE_URL : constants_1.ANYSPEND_TESTNET_BASE_URL}/onramp/stripe/supported?${params.toString()}`, {

package/dist/cjs/anyspend/types/api.d.ts

@@ -238,7 +238,12 @@ export interface paths {
          */
         get: {
             parameters: {
-                query?: {
+                query: {
+                    /**
+                     * @description IP address to check location-based support
+                     * @example 192.168.1.1
+                     */
+                    ipAddress: string;
                     /**
                      * @description Optional USD amount for transaction limit checks
                      * @example 100.00
@@ -898,6 +903,11 @@ export interface components {
              * @example
              */
             paymentMethod?: string;
+            /**
+             * @description User's IP address
+             * @example 96.225.86.216
+             */
+            ipAddress?: string;
             /**
              * @description Redirect URL after payment
              * @example https://www.anyspend.com
@@ -926,6 +936,11 @@ export interface components {
              * @example SG
              */
             country?: string;
+            /**
+             * @description User's IP address
+             * @example 149.88.23.87
+             */
+            ipAddress?: string;
             /**
              * @description URL to redirect after payment
              * @example https://www.anyspend.com

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

@@ -9,7 +9,7 @@ const Loading_1 = require("../ui/Loading");
 function SignInWithB3(props) {
     const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_1.useModalStore)();
     const { account } = (0, react_1.useB3)();
-    const { isAuthenticating, isConnected } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
+    const { isAuthenticating, isAuthenticated } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
     const isMobile = (0, react_1.useIsMobile)();
     (0, react_2.useEffect)(() => {
         if (account) {
@@ -24,7 +24,7 @@ function SignInWithB3(props) {
         });
         setB3ModalOpen(true);
     };
-    if (isConnected) {
+    if (isAuthenticated) {
         return (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props });
     }
     if (isAuthenticating) {

package/dist/cjs/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -19,12 +19,9 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     const { setUser, automaticallySetFirstEoa } = (0, react_1.useB3)();
     const [step, setStep] = (0, react_2.useState)(source === "requestPermissions" ? null : "login");
     const [sessionKeyAdded, setSessionKeyAdded] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
-    const { setB3ModalContentType, setB3ModalOpen, isOpen } = (0, react_1.useModalStore)();
+    const { setB3ModalContentType, setB3ModalOpen } = (0, react_1.useModalStore)();
     const account = (0, react_3.useActiveAccount)();
-    const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
-    const isAuthenticating = (0, react_1.useAuthStore)(state => state.isAuthenticating);
-    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
-    const setIsConnected = (0, react_1.useAuthStore)(state => state.setIsConnected);
+    const [loginComplete, setLoginComplete] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
     const [refetchCount, setRefetchCount] = (0, react_2.useState)(0);
     const [refetchError, setRefetchError] = (0, react_2.useState)(null);
     const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = (0, react_1.useGetAllTWSigners)({
@@ -35,6 +32,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         },
     });
     const { authenticate } = (0, react_1.useSiwe)();
+    const [authenticatingWithB3, setAuthenticatingWithB3] = (0, react_2.useState)(false);
     const [refetchQueued, setRefetchQueued] = (0, react_2.useState)(false);
     // Enhanced refetchSigners function that tracks number of attempts
     const handleRefetchSigners = (0, react_2.useCallback)(() => {
@@ -60,14 +58,11 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     // Handle post-login flow after signers are loaded
     (0, react_2.useEffect)(() => {
         debug("@@SignInWithB3Flow:useEffect", {
-            isConnected,
-            isAuthenticating,
+            loginComplete,
             isFetchingSigners,
-            closeAfterLogin,
-            isOpen,
             source,
         });
-        if (isConnected) {
+        if (loginComplete && !isFetchingSigners) {
             // Check if we already have a signer for this partner
             const hasExistingSigner = signers?.some(signer => signer.partner.id === partnerId);
             if (hasExistingSigner) {
@@ -107,6 +102,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         signers,
         isFetchingSigners,
         partnerId,
+        loginComplete,
         handleRefetchSigners,
         source,
         closeAfterLogin,
@@ -115,9 +111,6 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         onSessionKeySuccess,
         setB3ModalOpen,
         signersEnabled,
-        isConnected,
-        isAuthenticating,
-        isOpen,
     ]);
     debug("render", {
         step,
@@ -162,16 +155,16 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     ]);
     const handleLoginSuccess = (0, react_2.useCallback)(async (account) => {
         debug("Authenticating with B3 via SIWE");
-        setIsConnected(true);
         if (loginWithSiwe) {
-            setIsAuthenticating(true);
+            setAuthenticatingWithB3(true);
             const userAuth = await authenticate(account, partnerId);
             setUser(userAuth.user);
         }
         debug("handleLoginSuccess:account", account);
         onLoginSuccess?.(account);
-        setIsAuthenticating(false);
-    }, [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected]);
+        setLoginComplete(true);
+        setAuthenticatingWithB3(false);
+    }, [authenticate, loginWithSiwe, onLoginSuccess, setUser, partnerId]);
     (0, react_2.useEffect)(() => {
         if (step === "permissions") {
             setB3ModalContentType({
@@ -187,7 +180,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     if (refetchError) {
         return ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)("div", { className: "p-4 text-center text-red-500", children: refetchError }) }));
     }
-    if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+    if (authenticatingWithB3 || (isFetchingSigners && step === "login") || source === "requestPermissions") {
         return ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)("div", { className: "mt-8 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(react_1.Loading, { variant: "white", size: "lg" }) }) }));
     }
     if (step === "login") {

package/dist/cjs/global-account/react/components/custom/ManageAccountButton.js

@@ -6,7 +6,7 @@ const react_1 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 function ManageAccountButton(props) {
     const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
-    const { isConnected } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
+    const { isAuthenticated } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,
@@ -14,7 +14,7 @@ function ManageAccountButton(props) {
         });
         setB3ModalOpen(true);
     };
-    if (!isConnected)
+    if (!isAuthenticated)
         return null;
     return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)(react_1.Button, { onClick: handleClickManageAccount, style: { backgroundColor: "#3368ef" }, className: (0, utils_1.cn)("b3-manage-account-button flex items-center gap-2 text-white", props.className), children: [props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loggedInButtonText || "Manage Account"] }) }));
 }

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

@@ -4,8 +4,6 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     isAuthenticating: boolean;
     isAuthenticated: boolean;
     isReady: boolean;
-    isConnecting: boolean;
-    isConnected: boolean;
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
     connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;

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

@@ -27,10 +27,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
     const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
-    const setIsConnecting = (0, react_1.useAuthStore)(state => state.setIsConnecting);
-    const setIsConnected = (0, react_1.useAuthStore)(state => state.setIsConnected);
-    const isConnecting = (0, react_1.useAuthStore)(state => state.isConnecting);
-    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
     const { connect } = (0, useConnect_1.useConnect)(partnerId, supported_1.b3MainnetThirdWeb);
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {
         partnerId: partnerId,
@@ -40,7 +36,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
         wallets: [wallet],
         onConnect: async (wallet) => {
             try {
-                setIsConnected(true);
                 if (!loginWithSiwe) {
                     debug("Skipping SIWE login", { loginWithSiwe });
                     setIsAuthenticated(true);
@@ -78,22 +73,19 @@ function useAuthentication(partnerId, loginWithSiwe) {
     (0, react_2.useEffect)(() => {
         if (useAutoConnectLoading) {
             setIsAuthenticating(true);
-            setIsConnecting(true);
         }
         else if (!isAuthenticated) {
             // Only set isAuthenticating to false if we're not authenticated
             // This prevents the flicker state where both isAuthenticating and isAuthenticated are false
             const timeout = setTimeout(() => {
                 setIsAuthenticating(false);
-                setIsConnecting(false);
             }, 100); // Add a small delay to prevent quick flickers
             return () => clearTimeout(timeout);
         }
         else {
             setIsAuthenticating(false);
-            setIsConnecting(false);
         }
-    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating, setIsConnecting, setIsConnected]);
+    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating]);
     const logout = async (callback) => {
         if (activeWallet) {
             debug("@@logout:activeWallet", activeWallet);
@@ -116,7 +108,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
         app_1.default.logout();
         debug("@@logout:loggedOut");
         setIsAuthenticated(false);
-        setIsConnected(false);
         setUser();
         callback?.();
     };
@@ -126,8 +117,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
         isAuthenticating: useAutoConnectLoading || isAuthenticating,
         isAuthenticated,
         isReady,
-        isConnecting,
-        isConnected,
         wallet,
         preAuthenticate: in_app_1.preAuthenticate,
         connect,

package/dist/cjs/global-account/react/stores/useAuthStore.d.ts

@@ -7,14 +7,10 @@ interface AuthState {
     chain?: Chain;
     isAuthenticating: boolean;
     isAuthenticated: boolean;
-    isConnecting: boolean;
-    isConnected: boolean;
     onSuccess?: (account: any) => void;
     onError?: (error: Error) => void;
     setB3ModalOpen: (isOpen: boolean) => void;
     setStep: (step: "login" | "permissions") => void;
-    setIsConnecting: (isConnecting: boolean) => void;
-    setIsConnected: (isConnected: boolean) => void;
     setIsAuthenticating: (isAuthenticating: boolean) => void;
     setIsAuthenticated: (isAuthenticated: boolean) => void;
     startAuth: (params: {

package/dist/cjs/global-account/react/stores/useAuthStore.js

@@ -10,14 +10,10 @@ exports.useAuthStore = (0, zustand_1.create)(set => ({
     chain: undefined,
     isAuthenticating: false,
     isAuthenticated: false,
-    isConnecting: false,
-    isConnected: false,
     onSuccess: undefined,
     onError: undefined,
     setB3ModalOpen: isOpen => set({ isOpen }),
     setStep: step => set({ step }),
-    setIsConnecting: isConnecting => set({ isConnecting }),
-    setIsConnected: isConnected => set({ isConnected }),
     setIsAuthenticating: isAuthenticating => set({ isAuthenticating }),
     setIsAuthenticated: isAuthenticated => set({ isAuthenticated }),
     startAuth: params => set({

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

@@ -718,6 +718,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
                     vendor: vendor,
                     paymentMethod: paymentMethodString,
                     country: geoData?.country || "US",
+                    ipAddress: geoData?.ip,
                     redirectUrl: window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin,
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",

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

@@ -300,6 +300,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                         vendor: onramp.vendor,
                         paymentMethod: onramp.paymentMethod,
                         country: geoData?.country || "US",
+                        ipAddress: geoData?.ip,
                         redirectUrl: window.location.origin === "https://basement.fun"
                             ? "https://basement.fun/deposit"
                             : window.location.origin,

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

@@ -73,6 +73,7 @@ function PanelOnrampPaymentInner(props) {
                     vendor: vendor,
                     paymentMethod: paymentMethod || "",
                     country: geoData?.country || "US",
+                    ipAddress: geoData?.ip,
                     redirectUrl: window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin,
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",

package/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -128,6 +128,7 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
                             vendor: "stripe-web2",
                             paymentMethod: "",
                             country: geoData.country || "US",
+                            ipAddress: geoData.ip,
                             redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`,
                         },
                         expectedDstAmount: anyspendQuote.data?.currencyOut?.amount?.toString() || "0",

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

@@ -5,6 +5,7 @@ export type OnrampOptions = {
     paymentMethod: string;
     country: string;
     redirectUrl: string;
+    ipAddress?: string;
 };
 export type CreateOnrampOrderParams = Omit<CreateOrderParams, "srcChain" | "srcToken" | "srcAmount"> & {
     srcFiatAmount: string;

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

@@ -21,6 +21,10 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
         mutationFn: async (params) => {
             const { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
             try {
+                // Validate Stripe onramp options
+                if (onramp.vendor === "stripe" && !onramp.ipAddress) {
+                    throw new Error("IP address is required for Stripe onramp");
+                }
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
                     throw new Error("Missing required onramp fields: vendor, country");

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

@@ -13,7 +13,7 @@ export function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
     // Use existing hooks
     const { geoData, loading: isLoadingGeo, error: geoError } = useGetGeo();
     const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = useCoinbaseOnrampOptions(isMainnet, geoData?.country, visitorData);
-    const { isStripeOnrampSupported, stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(isMainnet, srcFiatAmount, visitorData);
+    const { isStripeOnrampSupported, stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(isMainnet, geoData?.ip || "", srcFiatAmount, visitorData);
     // Calculate available payment methods based on the amount
     const coinbaseAvailablePaymentMethods = useMemo(() => {
         if (!coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits || !srcFiatAmount)

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

@@ -1,5 +1,5 @@
 import { VisitorData } from "../../../anyspend/types/fingerprint";
-export declare function useStripeSupport(isMainnet: boolean, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
+export declare function useStripeSupport(isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     isStripeOnrampSupported: boolean;
     stripeWeb2Support: {
         isSupport: false;

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

@@ -1,11 +1,11 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useStripeSupport(isMainnet, usdAmount, visitorData, isLoadingVisitorData) {
+export function useStripeSupport(isMainnet, ipAddress, usdAmount, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["useStripeSupport", isMainnet, usdAmount, visitorData?.requestId, visitorData?.visitorId],
-        queryFn: () => anyspendService.checkStripeSupport(isMainnet, usdAmount, visitorData),
-        enabled: !isLoadingVisitorData,
+        queryKey: ["useStripeSupport", isMainnet, ipAddress, usdAmount, visitorData?.requestId, visitorData?.visitorId],
+        queryFn: () => anyspendService.checkStripeSupport(isMainnet, ipAddress, usdAmount, visitorData),
+        enabled: !!ipAddress && !isLoadingVisitorData,
     });
     return useMemo(() => ({
         isStripeOnrampSupported: data?.stripeOnramp || false,

package/dist/esm/anyspend/services/anyspend.d.ts

@@ -30,7 +30,7 @@ export declare const anyspendService: {
     getOrderAndTransactions: (isMainnet: boolean, orderId: string | undefined) => Promise<GetOrderAndTxsResponse>;
     getOrderHistory: (isMainnet: boolean, creatorAddress: string | undefined, limit?: number, offset?: number) => Promise<GetOrderHistoryResponse>;
     getCoinbaseOnrampOptions: (isMainnet: boolean, country: string, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
-    checkStripeSupport: (isMainnet: boolean, usdAmount?: string, visitorData?: VisitorData) => Promise<{
+    checkStripeSupport: (isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData) => Promise<{
         stripeOnramp: boolean;
         stripeWeb2: components["schemas"]["StripeWeb2Support"];
     }>;

package/dist/esm/anyspend/services/anyspend.js

@@ -90,8 +90,9 @@ export const anyspendService = {
         const data = await response.json();
         return data;
     },
-    checkStripeSupport: async (isMainnet, usdAmount, visitorData) => {
+    checkStripeSupport: async (isMainnet, ipAddress, usdAmount, visitorData) => {
         const params = new URLSearchParams({
+            ipAddress,
             usdAmount: usdAmount || "",
         });
         const response = await fetch(`${isMainnet ? ANYSPEND_MAINNET_BASE_URL : ANYSPEND_TESTNET_BASE_URL}/onramp/stripe/supported?${params.toString()}`, {

package/dist/esm/anyspend/types/api.d.ts

@@ -238,7 +238,12 @@ export interface paths {
          */
         get: {
             parameters: {
-                query?: {
+                query: {
+                    /**
+                     * @description IP address to check location-based support
+                     * @example 192.168.1.1
+                     */
+                    ipAddress: string;
                     /**
                      * @description Optional USD amount for transaction limit checks
                      * @example 100.00
@@ -898,6 +903,11 @@ export interface components {
              * @example
              */
             paymentMethod?: string;
+            /**
+             * @description User's IP address
+             * @example 96.225.86.216
+             */
+            ipAddress?: string;
             /**
              * @description Redirect URL after payment
              * @example https://www.anyspend.com
@@ -926,6 +936,11 @@ export interface components {
              * @example SG
              */
             country?: string;
+            /**
+             * @description User's IP address
+             * @example 149.88.23.87
+             */
+            ipAddress?: string;
             /**
              * @description URL to redirect after payment
              * @example https://www.anyspend.com

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

@@ -6,7 +6,7 @@ import { Loading } from "../ui/Loading.js";
 export function SignInWithB3(props) {
     const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
     const { account } = useB3();
-    const { isAuthenticating, isConnected } = useAuthentication(props.partnerId, props.loginWithSiwe);
+    const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
     const isMobile = useIsMobile();
     useEffect(() => {
         if (account) {
@@ -21,7 +21,7 @@ export function SignInWithB3(props) {
         });
         setB3ModalOpen(true);
     };
-    if (isConnected) {
+    if (isAuthenticated) {
         return _jsx(ManageAccountButton, { ...props });
     }
     if (isAuthenticating) {