@b3dotfun/sdk 0.0.33-alpha.6 → 0.0.33-alpha.8

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

@@ -417,18 +417,23 @@ export interface paths {
                                  *       }
                                  *     ]
                                  */
-                                depositTxs: components["schemas"]["DepositTx"][] | null;
-                                /** @example {
-                                 *       "orderId": "5392f7a7-d472-4d6b-9848-bd07117fb82d",
-                                 *       "chain": 8453,
-                                 *       "txHash": "0x9df917e14bb089f74763d1d2662761d75c97a5a068b8a9e411c3d384c9c40d19",
-                                 *       "status": "success",
-                                 *       "createdAt": 1752505817654
-                                 *     } */
-                                relayTx: components["schemas"]["RelayTx"] | null;
+                                depositTxs: components["schemas"]["DepositTx"][];
+                                /**
+                                 * @description Cross-chain relay transactions
+                                 * @example [
+                                 *       {
+                                 *         "orderId": "5392f7a7-d472-4d6b-9848-bd07117fb82d",
+                                 *         "chain": 8453,
+                                 *         "txHash": "0x9df917e14bb089f74763d1d2662761d75c97a5a068b8a9e411c3d384c9c40d19",
+                                 *         "status": "success",
+                                 *         "createdAt": 1752505817654
+                                 *       }
+                                 *     ]
+                                 */
+                                relayTxs: components["schemas"]["RelayTx"][];
                                 executeTx: components["schemas"]["ExecuteTx"] | null;
                                 /** @description Refund transactions if order failed */
-                                refundTxs: components["schemas"]["RefundTx"][] | null;
+                                refundTxs: components["schemas"]["RefundTx"][];
                             };
                             /** @example 200 */
                             statusCode: number;
@@ -467,7 +472,7 @@ export interface paths {
     "/orders/quote": {
         /**
          * Get anyspend quote
-         * @description Retrieves a quote to swap or execute contract
+         * @description Retrieves a quote to swap, execute contract, or participate in HypeDuel
          */
         post: {
             requestBody: {
@@ -591,6 +596,42 @@ export interface paths {
                         onrampVendor?: "coinbase" | "stripe" | "stripe-web2";
                         contractAddress: string;
                         fundAmount: string;
+                    } | {
+                        /**
+                         * @description Order type for HypeDuel
+                         * @enum {string}
+                         */
+                        type: "hype_duel";
+                        /**
+                         * @description Source chain ID
+                         * @example 1
+                         */
+                        srcChain: number;
+                        /**
+                         * @description Destination chain ID
+                         * @example 8453
+                         */
+                        dstChain: number;
+                        /**
+                         * @description Source token contract address
+                         * @example 0x0000000000000000000000000000000000000000
+                         */
+                        srcTokenAddress: string;
+                        /**
+                         * @description Destination token contract address
+                         * @example 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
+                         */
+                        dstTokenAddress: string;
+                        /**
+                         * @description Amount to quote
+                         * @example 1000000000000000000
+                         */
+                        amount: string;
+                        /**
+                         * @description Optional onramp vendor
+                         * @enum {string}
+                         */
+                        onrampVendor?: "coinbase" | "stripe" | "stripe-web2";
                     };
                 };
             };
@@ -1037,6 +1078,19 @@ export interface components {
              */
             actualDstAmount: string | null;
         };
+        /** @description HypeDuel-specific payload */
+        HypeDuelPayload: {
+            /**
+             * @description Expected amount of destination tokens
+             * @example 990000
+             */
+            expectedDstAmount: string;
+            /**
+             * @description Actual received amount (null for new orders)
+             * @example 990000
+             */
+            actualDstAmount: string | null;
+        };
         /** @description Custom execution payload */
         CustomPayload: {
             /**
@@ -1115,6 +1169,11 @@ export interface components {
             srcToken: components["schemas"]["Token"];
             dstToken: components["schemas"]["Token"];
         };
+        /** @description HypeDuel metadata for display purposes */
+        HypeDuelMetadata: {
+            srcToken: components["schemas"]["Token"];
+            dstToken: components["schemas"]["Token"];
+        };
         /** @description Custom metadata for display purposes */
         CustomMetadata: {
             srcToken: components["schemas"]["Token"];
@@ -1185,7 +1244,7 @@ export interface components {
              * @example executed
              * @enum {string}
              */
-            status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executed" | "refunding" | "refunded" | "failure";
+            status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
             /** @description Error details if order failed */
             errorDetails: string | null;
             /**
@@ -1224,6 +1283,15 @@ export interface components {
             payload: components["schemas"]["SwapPayload"];
             metadata: components["schemas"]["SwapMetadata"];
         };
+        HypeDuelOrder: components["schemas"]["BaseOrder"] & {
+            /**
+             * @description Order type
+             * @enum {string}
+             */
+            type: "hype_duel";
+            payload: components["schemas"]["HypeDuelPayload"];
+            metadata: components["schemas"]["HypeDuelMetadata"];
+        };
         CustomOrder: components["schemas"]["BaseOrder"] & {
             /**
              * @description Order type
@@ -1260,7 +1328,7 @@ export interface components {
             payload: components["schemas"]["FundTournamentPayload"];
             metadata: components["schemas"]["TournamentMetadata"];
         };
-        Order: components["schemas"]["SwapOrder"] | components["schemas"]["CustomOrder"] | components["schemas"]["MintNftOrder"] | components["schemas"]["JoinTournamentOrder"] | components["schemas"]["FundTournamentOrder"];
+        Order: components["schemas"]["SwapOrder"] | components["schemas"]["HypeDuelOrder"] | components["schemas"]["CustomOrder"] | components["schemas"]["MintNftOrder"] | components["schemas"]["JoinTournamentOrder"] | components["schemas"]["FundTournamentOrder"];
         /** @description Swap order request */
         SwapOrderRequest: {
             /**
@@ -1309,6 +1377,54 @@ export interface components {
              */
             creatorAddress?: string;
         };
+        /** @description HypeDuel order request */
+        HypeDuelOrderRequest: {
+            /**
+             * @description Order type
+             * @enum {string}
+             */
+            type: "hype_duel";
+            /**
+             * @description Address to receive the destination tokens
+             * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
+             */
+            recipientAddress: string;
+            /**
+             * @description Source chain ID
+             * @example 1
+             */
+            srcChain: number;
+            /**
+             * @description Destination chain ID
+             * @example 8453
+             */
+            dstChain: number;
+            /**
+             * @description Source token contract address
+             * @example 0xA0b86a33E6441E8A91DEF8f5663ACb4C9B4a1234
+             */
+            srcTokenAddress: string;
+            /**
+             * @description Destination token contract address
+             * @example 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
+             */
+            dstTokenAddress: string;
+            /**
+             * @description Amount of source tokens for HypeDuel
+             * @example 1000000
+             */
+            srcAmount: string;
+            payload: components["schemas"]["HypeDuelPayload"];
+            metadata: components["schemas"]["HypeDuelMetadata"];
+            /** @description Optional partner identifier */
+            partnerId?: string;
+            onramp?: components["schemas"]["Onramp"];
+            /**
+             * @description Optional address of the order creator
+             * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
+             */
+            creatorAddress?: string;
+        };
         /** @description Custom order request */
         CustomOrderRequest: {
             /**
@@ -1501,7 +1617,7 @@ export interface components {
              */
             creatorAddress?: string;
         };
-        OrderRequest: components["schemas"]["SwapOrderRequest"] | components["schemas"]["CustomOrderRequest"] | components["schemas"]["MintNftOrderRequest"] | components["schemas"]["JoinTournamentOrderRequest"] | components["schemas"]["FundTournamentOrderRequest"];
+        OrderRequest: components["schemas"]["SwapOrderRequest"] | components["schemas"]["HypeDuelOrderRequest"] | components["schemas"]["CustomOrderRequest"] | components["schemas"]["MintNftOrderRequest"] | components["schemas"]["JoinTournamentOrderRequest"] | components["schemas"]["FundTournamentOrderRequest"];
         /** @description Deposit transaction (payment from user) */
         DepositTx: {
             /**

package/dist/cjs/anyspend/utils/chain.js

@@ -57,7 +57,7 @@ exports.EVM_MAINNET = {
         name: "Arbitrum",
         type: chain_1.ChainType.EVM,
         logoUrl: "https://assets.relay.link/icons/square/42161/light.png",
-        nativeRequired: (0, viem_1.parseEther)("0.0001"),
+        nativeRequired: (0, viem_1.parseEther)("0.0003"),
         canDepositNative: true,
         defaultToken: (0, token_1.getEthToken)(chains_1.arbitrum.id),
         nativeToken: (0, token_1.getEthToken)(chains_1.arbitrum.id),

package/dist/cjs/anyspend/utils/format.js

@@ -23,6 +23,7 @@ const getStatusDisplay = (order) => {
         case "sending_token_from_vault":
             return { text: "Sending Token", status: "processing" };
         case "relay":
+        case "executing":
             return {
                 text: "Executing Order",
                 status: "processing",

package/dist/cjs/anyspend/utils/orderPayload.js

@@ -41,6 +41,11 @@ const buildPayload = (orderType, params) => {
             };
         case "custom":
             return { ...payload };
+        case "hype_duel":
+            return {
+                expectedDstAmount,
+                actualDstAmount: null,
+            };
         default:
             throw new Error(`Invalid order type: ${orderType}`);
     }
@@ -62,6 +67,8 @@ const buildMetadata = (orderType, params) => {
             return { ...baseMetadata, tournament };
         case "custom":
             return { ...baseMetadata, action: payload.action };
+        case "hype_duel":
+            return { ...baseMetadata };
         default:
             throw new Error(`Invalid order type: ${orderType}`);
     }

package/dist/cjs/global-account/react/index.native.d.ts

@@ -1,7 +1,8 @@
 export { B3Provider } from "./components/B3Provider/B3Provider.native";
-export { useB3 } from "./components/B3Provider/useB3";
 export { B3Context, type B3ContextType } from "./components/B3Provider/types";
+export { useB3 } from "./components/B3Provider/useB3";
 export { useAccountWallet } from "./hooks/useAccountWallet";
 export { useAuthentication } from "./hooks/useAuthentication";
+export { useProfile } from "./hooks/useProfile";
 export { useSiwe } from "./hooks/useSiwe";
 export { useAuthStore } from "./stores/useAuthStore";

package/dist/cjs/global-account/react/index.native.js

@@ -3,18 +3,20 @@
 // export * from "./hooks";
 // export * from "./stores";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthStore = exports.useSiwe = exports.useAuthentication = exports.useAccountWallet = exports.B3Context = exports.useB3 = exports.B3Provider = void 0;
+exports.useAuthStore = exports.useSiwe = exports.useProfile = exports.useAuthentication = exports.useAccountWallet = exports.useB3 = exports.B3Context = exports.B3Provider = void 0;
 // We only export the components and hooks that are needed for the native app
 var B3Provider_native_1 = require("./components/B3Provider/B3Provider.native");
 Object.defineProperty(exports, "B3Provider", { enumerable: true, get: function () { return B3Provider_native_1.B3Provider; } });
-var useB3_1 = require("./components/B3Provider/useB3");
-Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return useB3_1.useB3; } });
 var types_1 = require("./components/B3Provider/types");
 Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return types_1.B3Context; } });
+var useB3_1 = require("./components/B3Provider/useB3");
+Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return useB3_1.useB3; } });
 var useAccountWallet_1 = require("./hooks/useAccountWallet");
 Object.defineProperty(exports, "useAccountWallet", { enumerable: true, get: function () { return useAccountWallet_1.useAccountWallet; } });
 var useAuthentication_1 = require("./hooks/useAuthentication");
 Object.defineProperty(exports, "useAuthentication", { enumerable: true, get: function () { return useAuthentication_1.useAuthentication; } });
+var useProfile_1 = require("./hooks/useProfile");
+Object.defineProperty(exports, "useProfile", { enumerable: true, get: function () { return useProfile_1.useProfile; } });
 var useSiwe_1 = require("./hooks/useSiwe");
 Object.defineProperty(exports, "useSiwe", { enumerable: true, get: function () { return useSiwe_1.useSiwe; } });
 var useAuthStore_1 = require("./stores/useAuthStore");

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

@@ -280,8 +280,6 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     sourceTokenChainId?: number;
     /** Payment type - crypto or fiat */
     paymentType?: "crypto" | "fiat";
-    /** Deposit contract address */
-    depositContractAddress: string;
     /** Main footer */
     mainFooter?: React.ReactNode;
     /** Callback function called when the deposit is successful */

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

@@ -650,7 +650,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
         window.scrollTo({ top: 0, behavior: "smooth" });
     }, [activePanel]);
     const historyView = (_jsx("div", { className: "mx-auto flex w-[560px] max-w-full flex-col items-center", children: _jsx(OrderHistory, { mode: mode, onBack: () => setActivePanel(PanelView.MAIN), onSelectOrder: onSelectOrder }) }));
-    const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, onBack: () => {
+    const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(PanelView.MAIN);
                             setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE); // Reset payment method when going back

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

@@ -413,7 +413,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     const historyView = (_jsx("div", { className: cn("mx-auto flex w-full max-w-2xl flex-col items-center p-5", mode === "modal" && "bg-b3-react-background"), children: _jsx(OrderHistory, { mode: mode, onBack: () => {
                 setActivePanel(PanelView.HISTORY);
             }, onSelectOrder: onSelectOrder }) }));
-    const orderDetailsView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4", mode === "modal" && "bg-b3-react-background rounded-xl"), children: [oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatusDisplay, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
+    const orderDetailsView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4", mode === "modal" && "bg-b3-react-background rounded-xl"), children: [oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatusDisplay, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(PanelView.CONFIRM_ORDER);
                             // Remove orderId from URL when canceling

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

@@ -10,7 +10,6 @@ export interface AnySpendDepositHypeProps {
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     onSuccess?: () => void;
-    depositContractAddress?: string;
     mainFooter?: React.ReactNode;
 }
 export declare function AnySpendDepositHype(props: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { B3_TOKEN, DEPOSIT_HYPE_ACTION } from "../../../anyspend/index.js";
+import { B3_TOKEN } from "../../../anyspend/index.js";
 import { Button, ShinyButton, StyleRoot, TransitionPanel } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import invariant from "invariant";
 import { motion } from "motion/react";
 import { useMemo } from "react";
 import { toast } from "sonner";
-import { encodeFunctionData } from "viem";
 import { base } from "viem/chains";
 import { PanelView, useAnyspendFlow } from "../hooks/useAnyspendFlow.js";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
@@ -18,7 +17,6 @@ import { OrderDetails } from "./common/OrderDetails.js";
 import { OrderStatus } from "./common/OrderStatus.js";
 import { PaySection } from "./common/PaySection.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
-import { ESCROW_ABI } from "../../../anyspend/abis/escrow.js";
 import { ArrowDown } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp.js";
 const SLIPPAGE_PERCENT = 3;
@@ -26,20 +24,11 @@ export const HYPE_TOKEN_DETAILS = {
     SYMBOL: "HYPE",
     LOGO_URI: "https://cdn.hypeduel.com/hypes-coin.svg",
 };
-function generateEncodedDataForDepositHype(amount, beneficiary) {
-    invariant(BigInt(amount) > 0, "Amount must be greater than zero");
-    const encodedData = encodeFunctionData({
-        abi: ESCROW_ABI,
-        functionName: "depositFor",
-        args: [beneficiary, B3_TOKEN.address, BigInt(amount)],
-    });
-    return encodedData;
-}
 export function AnySpendDepositHype(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendDepositHypeInner, { ...props }) }));
 }
-function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, depositContractAddress, mainFooter, }) {
+function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, onSuccess, mainFooter, }) {
     // Use shared flow hook
     const { activePanel, setActivePanel, orderId, setOrderId, oat, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, dstAmount, setIsSrcInputDirty, selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod, selectedFiatPaymentMethod, setSelectedFiatPaymentMethod, selectedRecipientAddress, setSelectedRecipientAddress, recipientName, globalAddress, anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError, activeInputAmountInWei, geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support, createOrder, isCreatingOrder, createOnrampOrder, isCreatingOnrampOrder, } = useAnyspendFlow({
         paymentType,
@@ -132,28 +121,17 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         try {
             invariant(anyspendQuote, "Relay price is not found");
             invariant(selectedRecipientAddress, "Recipient address is not found");
-            invariant(depositContractAddress, "Deposit contract address is not found");
             const srcAmountBigInt = BigInt(activeInputAmountInWei);
-            // TODO: temp subtract 3% for slippage
-            const originalDepositAmountWei = anyspendQuote.data?.currencyOut?.amount || "0";
-            const depositAmountWei = ((BigInt(originalDepositAmountWei) * BigInt(100 - SLIPPAGE_PERCENT)) /
-                BigInt(100)).toString();
-            const encodedData = generateEncodedDataForDepositHype(depositAmountWei, selectedRecipientAddress);
             createOrder({
                 recipientAddress: selectedRecipientAddress,
-                orderType: "custom",
+                orderType: "hype_duel",
                 srcChain: selectedSrcChainId,
                 dstChain: base.id,
                 srcToken: selectedSrcToken,
                 dstToken: B3_TOKEN,
                 srcAmount: srcAmountBigInt.toString(),
+                expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
                 creatorAddress: globalAddress,
-                payload: {
-                    amount: depositAmountWei,
-                    data: encodedData,
-                    to: depositContractAddress,
-                    action: DEPOSIT_HYPE_ACTION,
-                },
             });
         }
         catch (err) {
@@ -166,7 +144,6 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         try {
             invariant(anyspendQuote, "Relay price is not found");
             invariant(selectedRecipientAddress, "Recipient address is not found");
-            invariant(depositContractAddress, "Deposit contract address is not found");
             if (!srcAmount || parseFloat(srcAmount) <= 0) {
                 toast.error("Please enter a valid amount");
                 return;
@@ -194,11 +171,9 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
                 toast.error("Please select a payment method");
                 return;
             }
-            const depositAmountWei = anyspendQuote.data?.currencyOut?.amount || "0";
-            const encodedData = generateEncodedDataForDepositHype(depositAmountWei, selectedRecipientAddress);
             createOnrampOrder({
                 recipientAddress: selectedRecipientAddress,
-                orderType: "custom",
+                orderType: "hype_duel",
                 dstChain: base.id,
                 dstToken: B3_TOKEN,
                 srcFiatAmount: srcAmount,
@@ -210,12 +185,6 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
                 creatorAddress: globalAddress,
-                payload: {
-                    amount: depositAmountWei,
-                    data: encodedData,
-                    to: depositContractAddress,
-                    action: DEPOSIT_HYPE_ACTION,
-                },
             });
         }
         catch (err) {
@@ -224,7 +193,7 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         }
     };
     // Order details view
-    const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: paymentType === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
+    const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: paymentType === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(PanelView.MAIN);
                         }, disableUrlParamManagement: true })] })) }) }));

package/dist/esm/anyspend/react/components/common/OrderDetails.d.ts

@@ -3,10 +3,10 @@ import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 interface OrderDetailsProps {
     mode?: "modal" | "page";
     order: components["schemas"]["Order"];
-    depositTxs: components["schemas"]["DepositTx"][] | null;
-    relayTx: components["schemas"]["RelayTx"] | null;
+    depositTxs: components["schemas"]["DepositTx"][];
+    relayTxs: components["schemas"]["RelayTx"][];
     executeTx: components["schemas"]["ExecuteTx"] | null;
-    refundTxs: components["schemas"]["RefundTx"][] | null;
+    refundTxs: components["schemas"]["RefundTx"][];
     cryptoPaymentMethod?: CryptoPaymentMethodType;
     onBack?: () => void;
     disableUrlParamManagement?: boolean;

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

@@ -48,6 +48,9 @@ function getOrderSuccessText({ order, tournament, formattedActualDstAmount, dstT
             }
             actionText = order.metadata.action || `executed contract`;
             return `Successfully ${actionText}`;
+        case "hype_duel":
+            actionText = `deposited ${formattedActualDstAmount || "--"} HYPE`;
+            return `Successfully ${actionText} to ${recipient}`;
         default:
             throw new Error("Invalid order type");
     }
@@ -124,7 +127,7 @@ function roundTokenAmount(amount) {
     const roundedDecimalPart = digits.join("");
     return `${wholePart}.${roundedDecimalPart}`;
 }
-export const OrderDetails = memo(function OrderDetails({ mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, disableUrlParamManagement = false, }) {
+export const OrderDetails = memo(function OrderDetails({ mode = "modal", order, depositTxs, relayTxs, executeTx, refundTxs, cryptoPaymentMethod, onBack, disableUrlParamManagement = false, }) {
     const router = useRouter();
     const searchParams = useSearchParams();
     // Get theme from B3Provider context
@@ -405,7 +408,7 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
             }
         }
     };
-    if (refundTxs) {
+    if (refundTxs.length > 0) {
         return (_jsxs(_Fragment, { children: [_jsx(OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount }), _jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: _jsxs(AccordionItem, { value: "refund-details", children: [_jsx(AccordionTrigger, { children: "Transaction Details" }), _jsx(AccordionContent, { className: "pl-2", children: _jsxs("div", { className: "relative flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "bg-as-border-primary absolute left-[2px] top-0 z-10 w-[3px]", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
                                             ? depositTxs.map(dTx => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                     ? `Received payment`
@@ -419,7 +422,9 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
                                             ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                     ? `Received payment`
                                                     : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))
-                                            : null, _jsx(TransactionDetails, { title: "Processed Transaction", chainId: order.srcChain, tx: relayTx, delay: 0.5, isProcessing: false }), _jsx(TransactionDetails, { title: order.type === "swap"
+                                            : null, relayTxs
+                                            ? relayTxs.map(relayTx => (_jsx(TransactionDetails, { title: "Processed Transaction", chainId: relayTx.chain, tx: relayTx, delay: 0.5, isProcessing: false }, relayTx.txHash)))
+                                            : null, _jsx(TransactionDetails, { title: order.type === "swap"
                                                 ? "Processed Swap"
                                                 : order.type === "mint_nft"
                                                     ? "Minted NFT"
@@ -436,35 +441,22 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
                                     centerTruncate,
                                 }), _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === "join_tournament" && order.status === "executed" && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && (_jsx("button", { className: "order-close-button bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
     }
-    if (relayTx && relayTx.status === "success") {
+    if (relayTxs.length > 0 && relayTxs.every(tx => tx.status === "success")) {
         return (_jsxs(_Fragment, { children: [_jsx(OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount }), _jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: _jsxs(AccordionItem, { value: "more-details", children: [_jsx(AccordionTrigger, { children: "More Details" }), _jsx(AccordionContent, { className: "pl-2", children: _jsxs("div", { className: "relative flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "bg-as-border-primary absolute left-[2px] top-0 z-10 w-[3px]", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
                                             ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                     ? `Received payment`
                                                     : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))
-                                            : null, order.srcChain === order.dstChain ? (_jsx(TransactionDetails, { title: order.type === "swap"
-                                                ? "Processed Swap"
+                                            : null, relayTxs.map(relayTx => (_jsx(TransactionDetails, { title: "Processed Transaction", chainId: relayTx.chain, isProcessing: false, tx: relayTx, delay: 0.5 }))), order.status === "executing" && (_jsx(TransactionDetails, { title: order.type === "swap"
+                                                ? "Processing Swap"
                                                 : order.type === "mint_nft"
-                                                    ? "Minted NFT"
+                                                    ? "Minting NFT"
                                                     : order.type === "join_tournament"
-                                                        ? "Joined Tournament"
+                                                        ? "Joining Tournament"
                                                         : order.type === "fund_tournament"
-                                                            ? "Funded Tournament"
-                                                            : "Processed Transaction", chainId: order.srcChain, isProcessing: false, tx: relayTx, delay: 0.5 })) : (_jsxs(_Fragment, { children: [_jsx(TransactionDetails, { title: "Processed Transaction", chainId: order.srcChain, isProcessing: false, tx: relayTx, delay: 0.5 }), _jsx(TransactionDetails, { title: order.type === "swap"
-                                                        ? "Processing Swap"
-                                                        : order.type === "mint_nft"
-                                                            ? "Minting NFT"
-                                                            : order.type === "join_tournament"
-                                                                ? "Joining Tournament"
-                                                                : order.type === "fund_tournament"
-                                                                    ? "Funding Tournament"
-                                                                    : "Processing Bridge", chainId: order.dstChain, isProcessing: true, tx: executeTx, delay: 1 })] }))] }) })] }) }), _jsx("div", { className: "flex w-full flex-col gap-8", children: _jsx(Button, { variant: "link", asChild: true, children: _jsxs("a", { href: getExplorerTxUrl(order.dstChain, relayTx.txHash), target: "_blank", className: "order-success-text text-as-primary/70 hover:text-as-primary", style: { whiteSpace: "normal" }, children: [getOrderSuccessText({
-                                    order,
-                                    tournament,
-                                    formattedActualDstAmount,
-                                    dstToken,
-                                    recipientName,
-                                    centerTruncate,
-                                }), _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === "join_tournament" && order.status === "executed" && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && (_jsx("button", { className: "order-close-button bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
+                                                            ? "Funding Tournament"
+                                                            : order.type === "hype_duel"
+                                                                ? "Depositing Hype Duel"
+                                                                : "Processing Bridge", chainId: order.dstChain, isProcessing: true, tx: null, delay: 1 }))] }) })] }) }), order.type === "join_tournament" && order.status === "executed" && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && (_jsx("button", { className: "order-close-button bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
     }
     // This boolean indicates that user finish payment, and waiting for the deposit to be confirmed. We get this from query params (waitingForDeposit=true)
     const waitingForDeposit = new URLSearchParams(window.location.search).get("waitingForDeposit") === "true";

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

@@ -29,7 +29,7 @@ export const OrderStatus = memo(function OrderStatus({ order, selectedCryptoPaym
             return _jsx(StepProgress, { steps: paymentSteps, currentStepIndex: 0 });
         }
     }
-    if (["relay", "sending_token_from_vault"].includes(order.status)) {
+    if (["relay", "executing", "sending_token_from_vault"].includes(order.status)) {
         return _jsx(StepProgress, { steps: paymentSteps, currentStepIndex: 1 });
     }
     if (selectedCryptoPaymentMethod === "transfer_crypto" && order.status === "scanning_deposit_transaction") {

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

@@ -31,10 +31,10 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
         message: string;
         data: {
             order: components["schemas"]["Order"];
-            depositTxs: components["schemas"]["DepositTx"][] | null;
-            relayTx: components["schemas"]["RelayTx"] | null;
+            depositTxs: components["schemas"]["DepositTx"][];
+            relayTxs: components["schemas"]["RelayTx"][];
             executeTx: components["schemas"]["ExecuteTx"] | null;
-            refundTxs: components["schemas"]["RefundTx"][] | null;
+            refundTxs: components["schemas"]["RefundTx"][];
         };
         statusCode: number;
     } | undefined;

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

@@ -4,10 +4,10 @@ export declare function useAnyspendOrderAndTransactions(orderId: string | undefi
         message: string;
         data: {
             order: import("../..").components["schemas"]["Order"];
-            depositTxs: import("../..").components["schemas"]["DepositTx"][] | null;
-            relayTx: import("../..").components["schemas"]["RelayTx"] | null;
+            depositTxs: import("../..").components["schemas"]["DepositTx"][];
+            relayTxs: import("../..").components["schemas"]["RelayTx"][];
             executeTx: import("../..").components["schemas"]["ExecuteTx"] | null;
-            refundTxs: import("../..").components["schemas"]["RefundTx"][] | null;
+            refundTxs: import("../..").components["schemas"]["RefundTx"][];
         };
         statusCode: number;
     } | undefined;
@@ -18,10 +18,10 @@ export declare function useAnyspendOrderAndTransactions(orderId: string | undefi
         message: string;
         data: {
             order: import("../..").components["schemas"]["Order"];
-            depositTxs: import("../..").components["schemas"]["DepositTx"][] | null;
-            relayTx: import("../..").components["schemas"]["RelayTx"] | null;
+            depositTxs: import("../..").components["schemas"]["DepositTx"][];
+            relayTxs: import("../..").components["schemas"]["RelayTx"][];
             executeTx: import("../..").components["schemas"]["ExecuteTx"] | null;
-            refundTxs: import("../..").components["schemas"]["RefundTx"][] | null;
+            refundTxs: import("../..").components["schemas"]["RefundTx"][];
         };
         statusCode: number;
     }, Error>>;