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

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

@@ -57,6 +57,8 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // Add refs to track URL state
     const initialUrlProcessed = (0, react_4.useRef)(false);
     const lastUrlUpdate = (0, react_4.useRef)(null);
+    // Track if onSuccess has been called for the current order
+    const onSuccessCalled = (0, react_4.useRef)(false);
     const [activeTab, setActiveTab] = (0, react_4.useState)(defaultActiveTab);
     const [orderId, setOrderId] = (0, react_4.useState)(loadOrder);
     const { orderAndTransactions: oat, getOrderAndTransactionsError } = (0, react_1.useAnyspendOrderAndTransactions)(orderId);
@@ -394,12 +396,17 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
         }
     }, [anyspendQuote, isSrcInputDirty]);
     (0, react_4.useEffect)(() => {
-        if (oat?.data?.order.status === "executed") {
+        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
             console.log("Calling onSuccess");
             const txHash = oat?.data?.executeTx?.txHash;
             onSuccess?.(txHash);
+            onSuccessCalled.current = true;
         }
-    }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
+    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
+    // Reset flag when orderId changes
+    (0, react_4.useEffect)(() => {
+        onSuccessCalled.current = false;
+    }, [orderId]);
     const { createOrder, isCreatingOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
             const orderId = data.data.id;

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

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -16,7 +49,7 @@ const simplehash_1 = require("../../../shared/utils/simplehash");
 const invariant_1 = __importDefault(require("invariant"));
 const lucide_react_1 = require("lucide-react");
 const react_3 = require("motion/react");
-const react_4 = require("react");
+const react_4 = __importStar(require("react"));
 const sonner_1 = require("sonner");
 const chains_1 = require("viem/chains");
 const FeatureFlagsContext_1 = require("../contexts/FeatureFlagsContext");
@@ -123,6 +156,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     // Update recipient logic to use custom recipient
     const recipientAddress = customRecipientAddress || currentWallet.address;
     const [orderId, setOrderId] = (0, react_4.useState)(loadOrder);
+    // Track if onSuccess has been called for the current order
+    const onSuccessCalled = react_4.default.useRef(false);
     const [srcChainId, setSrcChainId] = (0, react_4.useState)(chains_1.base.id);
     // Get token list for token balance check
     const chainName = (0, react_4.useMemo)(() => (0, simplehash_1.simpleHashChainToChainName)(srcChainId), [srcChainId]);
@@ -236,12 +271,17 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     // Get geo data and onramp options (after quote is available)
     const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeWeb2Support } = (0, react_1.useGeoOnrampOptions)(srcFiatAmount);
     (0, react_4.useEffect)(() => {
-        if (oat?.data?.order.status === "executed") {
+        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
             console.log("Calling onSuccess");
             const txHash = oat?.data?.executeTx?.txHash;
             onSuccess?.(txHash);
+            onSuccessCalled.current = true;
         }
-    }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
+    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
+    // Reset flag when orderId changes
+    (0, react_4.useEffect)(() => {
+        onSuccessCalled.current = false;
+    }, [orderId]);
     const { createOrder: createRegularOrder, isCreatingOrder: isCreatingRegularOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
             setOrderId(data.data.id);

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

@@ -117,7 +117,7 @@ export interface AnySpendModalProps extends BaseModalProps {
     /** Whether to hide the transaction history button */
     hideTransactionHistoryButton?: boolean;
     /** Callback function called when the transaction is successful */
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
     /** Token address of the destination token to buy (enables buy mode) */
     destinationTokenAddress?: string;
     /** Chain ID where the destination token exists (enables buy mode) */

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

@@ -50,6 +50,8 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     // Add refs to track URL state
     const initialUrlProcessed = useRef(false);
     const lastUrlUpdate = useRef(null);
+    // Track if onSuccess has been called for the current order
+    const onSuccessCalled = useRef(false);
     const [activeTab, setActiveTab] = useState(defaultActiveTab);
     const [orderId, setOrderId] = useState(loadOrder);
     const { orderAndTransactions: oat, getOrderAndTransactionsError } = useAnyspendOrderAndTransactions(orderId);
@@ -387,12 +389,17 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
         }
     }, [anyspendQuote, isSrcInputDirty]);
     useEffect(() => {
-        if (oat?.data?.order.status === "executed") {
+        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
             console.log("Calling onSuccess");
             const txHash = oat?.data?.executeTx?.txHash;
             onSuccess?.(txHash);
+            onSuccessCalled.current = true;
         }
-    }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
+    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
+    // Reset flag when orderId changes
+    useEffect(() => {
+        onSuccessCalled.current = false;
+    }, [orderId]);
     const { createOrder, isCreatingOrder } = useAnyspendCreateOrder({
         onSuccess: data => {
             const orderId = data.data.id;

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

@@ -10,7 +10,7 @@ import { simpleHashChainToChainName } from "../../../shared/utils/simplehash.js"
 import invariant from "invariant";
 import { ChevronRight, ChevronRightCircle, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { base } from "viem/chains";
 import { useFeatureFlags } from "../contexts/FeatureFlagsContext.js";
@@ -117,6 +117,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     // Update recipient logic to use custom recipient
     const recipientAddress = customRecipientAddress || currentWallet.address;
     const [orderId, setOrderId] = useState(loadOrder);
+    // Track if onSuccess has been called for the current order
+    const onSuccessCalled = React.useRef(false);
     const [srcChainId, setSrcChainId] = useState(base.id);
     // Get token list for token balance check
     const chainName = useMemo(() => simpleHashChainToChainName(srcChainId), [srcChainId]);
@@ -230,12 +232,17 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     // Get geo data and onramp options (after quote is available)
     const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(srcFiatAmount);
     useEffect(() => {
-        if (oat?.data?.order.status === "executed") {
+        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
             console.log("Calling onSuccess");
             const txHash = oat?.data?.executeTx?.txHash;
             onSuccess?.(txHash);
+            onSuccessCalled.current = true;
         }
-    }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
+    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
+    // Reset flag when orderId changes
+    useEffect(() => {
+        onSuccessCalled.current = false;
+    }, [orderId]);
     const { createOrder: createRegularOrder, isCreatingOrder: isCreatingRegularOrder } = useAnyspendCreateOrder({
         onSuccess: data => {
             setOrderId(data.data.id);

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

@@ -117,7 +117,7 @@ export interface AnySpendModalProps extends BaseModalProps {
     /** Whether to hide the transaction history button */
     hideTransactionHistoryButton?: boolean;
     /** Callback function called when the transaction is successful */
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
     /** Token address of the destination token to buy (enables buy mode) */
     destinationTokenAddress?: string;
     /** Chain ID where the destination token exists (enables buy mode) */

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

@@ -117,7 +117,7 @@ export interface AnySpendModalProps extends BaseModalProps {
     /** Whether to hide the transaction history button */
     hideTransactionHistoryButton?: boolean;
     /** Callback function called when the transaction is successful */
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
     /** Token address of the destination token to buy (enables buy mode) */
     destinationTokenAddress?: string;
     /** Chain ID where the destination token exists (enables buy mode) */

package/package.json

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

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

@@ -134,6 +134,9 @@ function AnySpendInner({
     toAmount?: string;
   } | null>(null);
 
+  // Track if onSuccess has been called for the current order
+  const onSuccessCalled = useRef(false);
+
   const [activeTab, setActiveTab] = useState<"crypto" | "fiat">(defaultActiveTab);
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);
@@ -520,12 +523,18 @@ function AnySpendInner({
   }, [anyspendQuote, isSrcInputDirty]);
 
   useEffect(() => {
-    if (oat?.data?.order.status === "executed") {
+    if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
       console.log("Calling onSuccess");
       const txHash = oat?.data?.executeTx?.txHash;
       onSuccess?.(txHash);
+      onSuccessCalled.current = true;
     }
-  }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
+  }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
+
+  // Reset flag when orderId changes
+  useEffect(() => {
+    onSuccessCalled.current = false;
+  }, [orderId]);
 
   const { createOrder, isCreatingOrder } = useAnyspendCreateOrder({
     onSuccess: data => {

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

@@ -255,6 +255,9 @@ function AnySpendCustomInner({
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);
 
+  // Track if onSuccess has been called for the current order
+  const onSuccessCalled = React.useRef(false);
+
   const [srcChainId, setSrcChainId] = useState<number>(base.id);
 
   // Get token list for token balance check
@@ -390,12 +393,18 @@ function AnySpendCustomInner({
     useGeoOnrampOptions(srcFiatAmount);
 
   useEffect(() => {
-    if (oat?.data?.order.status === "executed") {
+    if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
       console.log("Calling onSuccess");
       const txHash = oat?.data?.executeTx?.txHash;
       onSuccess?.(txHash);
+      onSuccessCalled.current = true;
     }
-  }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
+  }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
+
+  // Reset flag when orderId changes
+  useEffect(() => {
+    onSuccessCalled.current = false;
+  }, [orderId]);
 
   const { createOrder: createRegularOrder, isCreatingOrder: isCreatingRegularOrder } = useAnyspendCreateOrder({
     onSuccess: data => {

package/src/global-account/react/stores/useModalStore.ts

@@ -123,7 +123,7 @@ export interface AnySpendModalProps extends BaseModalProps {
   /** Whether to hide the transaction history button */
   hideTransactionHistoryButton?: boolean;
   /** Callback function called when the transaction is successful */
-  onSuccess?: () => void;
+  onSuccess?: (txHash?: string) => void;
   /** Token address of the destination token to buy (enables buy mode) */
   destinationTokenAddress?: string;
   /** Chain ID where the destination token exists (enables buy mode) */