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

package/dist/types/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/types/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/types/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.33-alpha.6",
+  "version": "0.0.33-alpha.8",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -237,7 +237,7 @@
     "constants"
   ],
   "dependencies": {
-    "@b3dotfun/b3-api": "0.0.47",
+    "@b3dotfun/b3-api": "0.0.48",
     "@b3dotfun/basement-api": "0.0.11",
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",

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

@@ -809,7 +809,7 @@ function AnySpendInner({
               mode={mode}
               order={oat.data.order}
               depositTxs={oat.data.depositTxs}
-              relayTx={oat.data.relayTx}
+              relayTxs={oat.data.relayTxs}
               executeTx={oat.data.executeTx}
               refundTxs={oat.data.refundTxs}
               onBack={() => {

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

@@ -654,7 +654,7 @@ function AnySpendCustomInner({
             mode={mode}
             order={oat.data.order}
             depositTxs={oat.data.depositTxs}
-            relayTx={oat.data.relayTx}
+            relayTxs={oat.data.relayTxs}
             executeTx={oat.data.executeTx}
             refundTxs={oat.data.refundTxs}
             cryptoPaymentMethod={activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod}

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

@@ -1,11 +1,10 @@
-import { B3_TOKEN, DEPOSIT_HYPE_ACTION } from "@b3dotfun/sdk/anyspend";
+import { B3_TOKEN } from "@b3dotfun/sdk/anyspend";
 import { Button, ShinyButton, StyleRoot, TransitionPanel } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 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";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper";
@@ -18,7 +17,6 @@ import { OrderStatus } from "./common/OrderStatus";
 import { PaySection } from "./common/PaySection";
 import { RecipientSelection } from "./common/RecipientSelection";
 
-import { ESCROW_ABI } from "@b3dotfun/sdk/anyspend/abis/escrow";
 import { ArrowDown } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp";
 
@@ -29,16 +27,6 @@ export const HYPE_TOKEN_DETAILS = {
   LOGO_URI: "https://cdn.hypeduel.com/hypes-coin.svg",
 };
 
-function generateEncodedDataForDepositHype(amount: string, beneficiary: string): string {
-  invariant(BigInt(amount) > 0, "Amount must be greater than zero");
-  const encodedData = encodeFunctionData({
-    abi: ESCROW_ABI,
-    functionName: "depositFor",
-    args: [beneficiary as `0x${string}`, B3_TOKEN.address as `0x${string}`, BigInt(amount)],
-  });
-  return encodedData;
-}
-
 export interface AnySpendDepositHypeProps {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -47,7 +35,6 @@ export interface AnySpendDepositHypeProps {
   sourceTokenAddress?: string;
   sourceTokenChainId?: number;
   onSuccess?: () => void;
-  depositContractAddress?: string;
   mainFooter?: React.ReactNode;
 }
 
@@ -69,7 +56,6 @@ function AnySpendDepositHypeInner({
   sourceTokenAddress,
   sourceTokenChainId,
   onSuccess,
-  depositContractAddress,
   mainFooter,
 }: AnySpendDepositHypeProps) {
   // Use shared flow hook
@@ -319,32 +305,18 @@ function AnySpendDepositHypeInner({
     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: any) {
       console.error(err);
@@ -357,7 +329,6 @@ function AnySpendDepositHypeInner({
     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");
@@ -387,12 +358,9 @@ function AnySpendDepositHypeInner({
         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,
@@ -404,12 +372,6 @@ function AnySpendDepositHypeInner({
         },
         expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
         creatorAddress: globalAddress,
-        payload: {
-          amount: depositAmountWei,
-          data: encodedData,
-          to: depositContractAddress,
-          action: DEPOSIT_HYPE_ACTION,
-        },
       });
     } catch (err: any) {
       console.error(err);
@@ -428,7 +390,7 @@ function AnySpendDepositHypeInner({
               mode={mode}
               order={oat.data.order}
               depositTxs={oat.data.depositTxs}
-              relayTx={oat.data.relayTx}
+              relayTxs={oat.data.relayTxs}
               executeTx={oat.data.executeTx}
               refundTxs={oat.data.refundTxs}
               cryptoPaymentMethod={paymentType === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod}

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -59,10 +59,10 @@ import { TransferCryptoDetails } from "./TransferCryptoDetails";
 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; // Now optional since we read from URL
   onBack?: () => void;
   disableUrlParamManagement?: boolean; // When true, will not modify URL parameters
@@ -106,6 +106,9 @@ function getOrderSuccessText({
       }
       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");
   }
@@ -200,7 +203,7 @@ export const OrderDetails = memo(function OrderDetails({
   mode = "modal",
   order,
   depositTxs,
-  relayTx,
+  relayTxs,
   executeTx,
   refundTxs,
   cryptoPaymentMethod,
@@ -556,7 +559,7 @@ export const OrderDetails = memo(function OrderDetails({
     }
   };
 
-  if (refundTxs) {
+  if (refundTxs.length > 0) {
     return (
       <>
         <OrderDetailsCollapsible
@@ -672,13 +675,19 @@ export const OrderDetails = memo(function OrderDetails({
                       />
                     ))
                   : null}
-                <TransactionDetails
-                  title="Processed Transaction"
-                  chainId={order.srcChain}
-                  tx={relayTx}
-                  delay={0.5}
-                  isProcessing={false}
-                />
+                {relayTxs
+                  ? relayTxs.map(relayTx => (
+                      <TransactionDetails
+                        key={relayTx.txHash}
+                        title="Processed Transaction"
+                        chainId={relayTx.chain}
+                        tx={relayTx}
+                        delay={0.5}
+                        isProcessing={false}
+                      />
+                    ))
+                  : null}
+
                 <TransactionDetails
                   title={
                     order.type === "swap"
@@ -752,7 +761,7 @@ export const OrderDetails = memo(function OrderDetails({
     );
   }
 
-  if (relayTx && relayTx.status === "success") {
+  if (relayTxs.length > 0 && relayTxs.every(tx => tx.status === "success")) {
     return (
       <>
         <OrderDetailsCollapsible
@@ -791,59 +800,42 @@ export const OrderDetails = memo(function OrderDetails({
                       />
                     ))
                   : null}
-                {/* If the source and destination chains are the same, AnySpend doesn't have executeTransaction */}
-                {order.srcChain === order.dstChain ? (
+                {relayTxs.map(relayTx => (
+                  <TransactionDetails
+                    title="Processed Transaction"
+                    chainId={relayTx.chain}
+                    isProcessing={false}
+                    tx={relayTx}
+                    delay={0.5}
+                  />
+                ))}
+                {order.status === "executing" && (
                   <TransactionDetails
                     title={
                       order.type === "swap"
-                        ? "Processed 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"
+                              ? "Funding Tournament"
+                              : order.type === "hype_duel"
+                                ? "Depositing Hype Duel"
+                                : "Processing Bridge"
                     }
-                    chainId={order.srcChain}
-                    isProcessing={false}
-                    tx={relayTx}
-                    delay={0.5}
+                    chainId={order.dstChain}
+                    isProcessing={true}
+                    tx={null}
+                    delay={1}
                   />
-                ) : (
-                  <>
-                    <TransactionDetails
-                      title="Processed Transaction"
-                      chainId={order.srcChain}
-                      isProcessing={false}
-                      tx={relayTx}
-                      delay={0.5}
-                    />
-                    <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}
-                    />
-                  </>
                 )}
               </div>
             </AccordionContent>
           </AccordionItem>
         </Accordion>
 
-        <div className="flex w-full flex-col gap-8">
+        {/* <div className="flex w-full flex-col gap-8">
           <Button variant="link" asChild>
             <a
               href={getExplorerTxUrl(order.dstChain, relayTx.txHash)}
@@ -862,7 +854,7 @@ export const OrderDetails = memo(function OrderDetails({
               <ExternalLink className="ml-2 h-4 w-4" />
             </a>
           </Button>
-        </div>
+        </div> */}
 
         {order.type === "join_tournament" && order.status === "executed" && (
           <ShinyButton

package/src/anyspend/react/components/common/OrderStatus.tsx

@@ -41,7 +41,7 @@ export const OrderStatus = memo(function OrderStatus({
     }
   }
 
-  if (["relay", "sending_token_from_vault"].includes(order.status)) {
+  if (["relay", "executing", "sending_token_from_vault"].includes(order.status)) {
     return <StepProgress steps={paymentSteps} currentStepIndex={1} />;
   }
 

package/src/anyspend/react/hooks/useAnyspendQuote.ts

@@ -27,7 +27,7 @@ export function useAnyspendQuote(req: GetQuoteRequest): UseAnyspendQuoteResult {
         req.srcTokenAddress &&
         req.dstTokenAddress &&
         BigInt(
-          req.type === "swap"
+          req.type === "swap" || req.type === "hype_duel"
             ? req.amount
             : req.type === "mint_nft"
               ? req.price