@b3dotfun/sdk 0.1.64 → 0.1.65-alpha.1

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

@@ -25,6 +25,7 @@ const useAutoSelectCryptoPaymentMethod_1 = require("../hooks/useAutoSelectCrypto
 const useConnectedWalletDisplay_1 = require("../hooks/useConnectedWalletDisplay");
 const useCryptoPaymentMethodState_1 = require("../hooks/useCryptoPaymentMethodState");
 const useDirectTransfer_1 = require("../hooks/useDirectTransfer");
+const useOnOrderSuccess_1 = require("../hooks/useOnOrderSuccess");
 const useRecipientAddressState_1 = require("../hooks/useRecipientAddressState");
 const AnySpendFingerprintWrapper_1 = require("./AnySpendFingerprintWrapper");
 const CryptoPaymentMethod_1 = require("./common/CryptoPaymentMethod");
@@ -72,8 +73,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // 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);
     // Track animation direction for TransitionPanel
     const animationDirection = (0, react_4.useRef)(null);
     // Track previous panel for proper back navigation
@@ -493,18 +492,8 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             }
         }
     }, [anyspendQuote, isSrcInputDirty, destinationTokenAmount]);
-    (0, react_4.useEffect)(() => {
-        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?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
-    // Reset flag when orderId changes
-    (0, react_4.useEffect)(() => {
-        onSuccessCalled.current = false;
-    }, [orderId]);
+    // Call onSuccess when order is executed
+    (0, useOnOrderSuccess_1.useOnOrderSuccess)({ orderData: oat, orderId, onSuccess });
     const { createOrder, isCreatingOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
             const orderId = data.data.id;

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

@@ -1,37 +1,4 @@
 "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 };
 };
@@ -50,9 +17,10 @@ const simplehash_1 = require("../../../shared/utils/simplehash");
 const invariant_1 = __importDefault(require("invariant"));
 const lucide_react_1 = require("lucide-react");
 const react_4 = require("motion/react");
-const react_5 = __importStar(require("react"));
+const react_5 = require("react");
 const chains_1 = require("viem/chains");
 const useCryptoPaymentMethodState_1 = require("../hooks/useCryptoPaymentMethodState");
+const useOnOrderSuccess_1 = require("../hooks/useOnOrderSuccess");
 const useRecipientAddressState_1 = require("../hooks/useRecipientAddressState");
 const AnySpendFingerprintWrapper_1 = require("./AnySpendFingerprintWrapper");
 const CryptoPaymentMethod_1 = require("./common/CryptoPaymentMethod");
@@ -165,8 +133,6 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
         globalAddress: currentWallet.address,
     });
     const [orderId, setOrderId] = (0, react_5.useState)(loadOrder);
-    // Track if onSuccess has been called for the current order
-    const onSuccessCalled = react_5.default.useRef(false);
     const [srcChainId, setSrcChainId] = (0, react_5.useState)(chains_1.base.id);
     // Get token list for token balance check
     const chainName = (0, react_5.useMemo)(() => (0, simplehash_1.simpleHashChainToChainName)(srcChainId), [srcChainId]);
@@ -304,20 +270,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     }, [activeTab, srcFiatAmountForGeoCheck]);
     // Get geo data and onramp options (use srcFiatAmountForGeoCheck to check availability regardless of activeTab)
     const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeOnrampSupport, stripeWeb2Support } = (0, react_1.useGeoOnrampOptions)(srcFiatAmountForGeoCheck);
-    (0, react_5.useEffect)(() => {
-        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
-            console.log("Calling onSuccess");
-            const relayTxs = oat?.data?.relayTxs;
-            const lastRelayTxHash = relayTxs?.[relayTxs.length - 1]?.txHash;
-            const txHash = oat?.data?.executeTx?.txHash || lastRelayTxHash;
-            onSuccess?.(txHash);
-            onSuccessCalled.current = true;
-        }
-    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, oat?.data?.relayTxs, onSuccess]);
-    // Reset flag when orderId changes
-    (0, react_5.useEffect)(() => {
-        onSuccessCalled.current = false;
-    }, [orderId]);
+    // Call onSuccess when order is executed
+    (0, useOnOrderSuccess_1.useOnOrderSuccess)({ orderData: oat, orderId, onSuccess });
     const { createOrder: createRegularOrder, isCreatingOrder: isCreatingRegularOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
             setOrderId(data.data.id);

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

@@ -11,6 +11,7 @@ const qrcode_react_1 = require("qrcode.react");
 const react_2 = require("react");
 const useAnyspendOrderAndTransactions_1 = require("../hooks/useAnyspendOrderAndTransactions");
 const useCreateDepositFirstOrder_1 = require("../hooks/useCreateDepositFirstOrder");
+const useOnOrderSuccess_1 = require("../hooks/useOnOrderSuccess");
 const useWatchTransfer_1 = require("../hooks/useWatchTransfer");
 const ChainTokenIcon_1 = require("./common/ChainTokenIcon");
 const OrderDetails_1 = require("./common/OrderDetails");
@@ -46,7 +47,6 @@ function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourceTokenP
     const [orderId, setOrderId] = (0, react_2.useState)();
     const [globalAddress, setGlobalAddress] = (0, react_2.useState)();
     const orderCreatedRef = (0, react_2.useRef)(false);
-    const onSuccessCalled = (0, react_2.useRef)(false);
     const [transferResult, setTransferResult] = (0, react_2.useState)(null);
     // Source token/chain as state (can be changed by user)
     const [sourceChainId, setSourceChainId] = (0, react_2.useState)(sourceChainIdProp ?? 8453);
@@ -128,17 +128,7 @@ function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourceTokenP
         isPureTransfer,
     ]);
     // Call onSuccess when order is executed
-    (0, react_2.useEffect)(() => {
-        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
-            const txHash = oat?.data?.executeTx?.txHash;
-            onSuccess?.(txHash);
-            onSuccessCalled.current = true;
-        }
-    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
-    // Reset onSuccess flag when orderId changes
-    (0, react_2.useEffect)(() => {
-        onSuccessCalled.current = false;
-    }, [orderId]);
+    (0, useOnOrderSuccess_1.useOnOrderSuccess)({ orderData: oat, orderId, onSuccess });
     // For pure transfers, always use recipient address; for orders, use global address
     const displayAddress = isPureTransfer ? recipientAddress : globalAddress || recipientAddress;
     const handleCopyAddress = async () => {

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

@@ -456,7 +456,7 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
                                                 : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) })] }) }), depositTxs?.length > 0 && !depositEnoughAmount && order.status === "scanning_deposit_transaction" && ((0, jsx_runtime_1.jsx)(InsufficientDepositPayment_1.InsufficientDepositPayment, { order: order, srcToken: srcToken, depositDeficit: depositDeficit, phantomWalletAddress: phantomWalletAddress, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, onPayment: handlePayment })), (0, jsx_runtime_1.jsxs)("button", { className: classes?.backButton ||
                         "text-b3-primary-blue hover:text-b3-primary-blue/50 order-details-cancel-btn flex w-full items-center justify-center gap-2 underline", onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCcw, { className: "ml-2 h-4 w-4" }), " Cancel and start over"] })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderStatus_1.OrderStatus, { order: order, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod }), statusDisplay === "processing" && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: order.onrampMetadata ? ((0, jsx_runtime_1.jsx)(PaymentVendorUI_1.default, { order: order, dstTokenSymbol: dstToken.symbol })) : effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ||
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderStatus_1.OrderStatus, { order: order, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod }), statusDisplay === "processing" && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: order.onrampMetadata && order.onrampMetadata.vendor !== "none" ? ((0, jsx_runtime_1.jsx)(PaymentVendorUI_1.default, { order: order, dstTokenSymbol: dstToken.symbol })) : effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ||
                     effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.GLOBAL_WALLET ? ((0, jsx_runtime_1.jsx)(ConnectWalletPayment_1.default, { order: order, onPayment: handlePayment, onCancel: handleBack, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, phantomWalletAddress: phantomWalletAddress, tournament: tournament, nft: nft, cryptoPaymentMethod: effectiveCryptoPaymentMethod, onPaymentMethodChange: onPaymentMethodChange })) : effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO ? (
                 // Transfer Crypto Payment Method - Show new card-based UI
                 (0, jsx_runtime_1.jsx)(TransferCryptoDetails_1.TransferCryptoDetails, { order: order, recipientName: recipientName, srcToken: srcToken, dstToken: dstToken, tournament: tournament, nft: nft, onBack: handleBack, onPaymentMethodChange: onPaymentMethodChange })) : ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-payment-section relative flex w-full flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "order-details-amount-section flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/50 order-details-amount-label", children: "Please send" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-amount-container flex w-full flex-wrap items-center gap-6 sm:justify-between sm:gap-0", children: [(0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: roundedUpSrcAmount, onCopy: () => {

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

@@ -12,6 +12,7 @@ export * from "./useGasPrice";
 export * from "./useGeoOnrampOptions";
 export * from "./useGetGeo";
 export * from "./useHyperliquidTransfer";
+export * from "./useOnOrderSuccess";
 export * from "./useRecipientAddressState";
 export * from "./useSigMint";
 export * from "./useStripeClientSecret";

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

@@ -28,6 +28,7 @@ __exportStar(require("./useGasPrice"), exports);
 __exportStar(require("./useGeoOnrampOptions"), exports);
 __exportStar(require("./useGetGeo"), exports);
 __exportStar(require("./useHyperliquidTransfer"), exports);
+__exportStar(require("./useOnOrderSuccess"), exports);
 __exportStar(require("./useRecipientAddressState"), exports);
 __exportStar(require("./useSigMint"), exports);
 __exportStar(require("./useStripeClientSecret"), exports);

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

@@ -0,0 +1,10 @@
+import { GetOrderAndTxsResponse } from "../../types/api_req_res";
+/**
+ * Hook to call onSuccess callback when an order is executed.
+ * Handles fallback to relayTxs when executeTx is null.
+ */
+export declare function useOnOrderSuccess({ orderData, orderId, onSuccess, }: {
+    orderData: GetOrderAndTxsResponse | undefined;
+    orderId: string | undefined;
+    onSuccess?: (txHash?: string) => void;
+}): void;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnOrderSuccess = useOnOrderSuccess;
+const react_1 = require("react");
+/**
+ * Hook to call onSuccess callback when an order is executed.
+ * Handles fallback to relayTxs when executeTx is null.
+ */
+function useOnOrderSuccess({ orderData, orderId, onSuccess, }) {
+    const onSuccessCalled = (0, react_1.useRef)(false);
+    const prevOrderId = (0, react_1.useRef)(orderId);
+    (0, react_1.useEffect)(() => {
+        // Reset flag when orderId changes
+        if (prevOrderId.current !== orderId) {
+            onSuccessCalled.current = false;
+            prevOrderId.current = orderId;
+        }
+        // Call onSuccess when order is executed
+        if (orderData?.data?.order.status === "executed" && !onSuccessCalled.current) {
+            const relayTxs = orderData?.data?.relayTxs;
+            const lastSuccessfulRelayTx = relayTxs?.filter(tx => tx.status === "success").pop();
+            const txHash = orderData?.data?.executeTx?.txHash || lastSuccessfulRelayTx?.txHash;
+            onSuccess?.(txHash);
+            onSuccessCalled.current = true;
+        }
+    }, [orderData, orderId, onSuccess]);
+}