@b3dotfun/sdk 0.0.33 → 0.0.34-alpha.0

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

@@ -15,7 +15,7 @@ interface UseAnyspendFlowProps {
     loadOrder?: string;
     isDepositMode?: boolean;
     onOrderSuccess?: (orderId: string) => void;
-    onTransactionSuccess?: () => void;
+    onTransactionSuccess?: (amount?: string) => void;
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     slippage?: number;
@@ -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/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -190,9 +190,11 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     (0, react_3.useEffect)(() => {
         if (oat?.data?.order.status === "executed") {
             console.log("Order executed successfully");
-            onTransactionSuccess?.();
+            // just get the payload.amount if available from custompayload
+            const amount = oat.data.order.payload?.amount;
+            onTransactionSuccess?.(amount);
         }
-    }, [oat?.data?.order.status, onTransactionSuccess]);
+    }, [oat?.data?.order.status, oat?.data?.order.payload, onTransactionSuccess]);
     return {
         // State
         activePanel,

package/dist/cjs/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>>;

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

@@ -8,7 +8,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -30,7 +30,29 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
+        errorDetails: string | null;
+        createdAt: number;
+        expiredAt: number;
+        creatorAddress: string | null;
+        partnerId: string | null;
+        onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
+        oneClickBuyUrl: string | null;
+        stripePaymentIntentId: string | null;
+    } & {
+        type: "hype_duel";
+        payload: import("../..").components["schemas"]["HypeDuelPayload"];
+        metadata: import("../..").components["schemas"]["HypeDuelMetadata"];
+    }) | ({
+        id: string;
+        recipientAddress: string;
+        globalAddress: string;
+        srcChain: number;
+        dstChain: number;
+        srcTokenAddress: string;
+        dstTokenAddress: string;
+        srcAmount: string;
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -52,7 +74,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -74,7 +96,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -96,7 +118,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -121,7 +143,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -143,7 +165,29 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
+        errorDetails: string | null;
+        createdAt: number;
+        expiredAt: number;
+        creatorAddress: string | null;
+        partnerId: string | null;
+        onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
+        oneClickBuyUrl: string | null;
+        stripePaymentIntentId: string | null;
+    } & {
+        type: "hype_duel";
+        payload: import("../..").components["schemas"]["HypeDuelPayload"];
+        metadata: import("../..").components["schemas"]["HypeDuelMetadata"];
+    }) | ({
+        id: string;
+        recipientAddress: string;
+        globalAddress: string;
+        srcChain: number;
+        dstChain: number;
+        srcTokenAddress: string;
+        dstTokenAddress: string;
+        srcAmount: string;
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -165,7 +209,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -187,7 +231,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -209,7 +253,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: 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";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;

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

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

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/components/B3DynamicModal.js

@@ -12,7 +12,6 @@ const LinkAccount_1 = require("./LinkAccount/LinkAccount");
 const ManageAccount_1 = require("./ManageAccount/ManageAccount");
 const RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
 const SignInWithB3Flow_1 = require("./SignInWithB3/SignInWithB3Flow");
-const TransakModal_1 = require("./Transak/TransakModal");
 const dialog_1 = require("./ui/dialog");
 const drawer_1 = require("./ui/drawer");
 const debug = (0, debug_1.debugB3React)("B3DynamicModal");
@@ -48,7 +47,7 @@ function B3DynamicModal() {
     const hideCloseButton = isFreestyleType;
     // Build content class using cn utility
     // eslint-disable-next-line tailwindcss/no-custom-classname
-    const contentClass = (0, cn_1.cn)("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:px-6", contentType?.type === "transak" && "transak-modal");
+    const contentClass = (0, cn_1.cn)("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:px-6");
     debug("contentType", contentType);
     const renderContent = () => {
         if (!contentType)
@@ -70,8 +69,6 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendTournament, { ...contentType, mode: "modal", action: "join" });
             case "anySpendFundTournament":
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendTournament, { ...contentType, mode: "modal", action: "fund" });
-            case "transak":
-                return (0, jsx_runtime_1.jsx)(TransakModal_1.TransakModal, {});
             case "anySpendOrderHistory":
                 return (0, jsx_runtime_1.jsx)(react_1.OrderHistory, { onBack: () => { }, mode: "modal" });
             case "anySpendStakeB3":

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

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkAccount = LinkAccount;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -13,6 +16,7 @@ const useModalStore_1 = require("../../stores/useModalStore");
 const profileDisplay_1 = require("../../utils/profileDisplay");
 const useB3_1 = require("../B3Provider/useB3");
 const button_1 = require("../ui/button");
+const app_1 = __importDefault(require("../../../../global-account/app"));
 const AUTH_METHODS = [
     { id: "email", label: "Email", enabled: true },
     { id: "phone", label: "Phone", enabled: true },
@@ -63,6 +67,16 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
             setLinkingState(false);
             onError?.(error);
         },
+        onSuccess: async (data) => {
+            console.log("Raw Link Account Data:", data);
+            try {
+                console.log("Sync user data...");
+                await app_1.default.service("users").syncTwProfiles({});
+            }
+            catch (refreshError) {
+                console.warn("⚠️ Could not sync user data:", refreshError);
+            }
+        },
     };
     const validateInput = () => {
         if (selectedMethod === "email") {

package/dist/cjs/global-account/react/components/ManageAccount/BalanceContent.js

@@ -74,7 +74,7 @@ function BalanceContent({ onLogout, partnerId }) {
         setB3ModalOpen(false);
         setLogoutLoading(false);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [profile?.avatar ? ((0, jsx_runtime_1.jsx)("img", { src: profile?.avatar, alt: "Profile", className: "size-24 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash size-24 rounded-full" })), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-grey border-b3-background absolute -bottom-1 -right-1 flex size-8 items-center justify-center rounded-full border-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 16, className: "text-b3-background" }) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-b3-grey text-xl font-semibold", children: profile?.displayName || (0, utils_1.formatUsername)(profile?.name || "") }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(account?.address || "", 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: account?.address || "" })] })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [(0, jsx_runtime_1.jsxs)(react_1.Button, { className: "manage-account-deposit bg-b3-primary-wash hover:bg-b3-primary-wash/70 h-[84px] w-full flex-col items-start gap-2 rounded-2xl", onClick: () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-avatar relative", children: [profile?.avatar ? ((0, jsx_runtime_1.jsx)("img", { src: profile?.avatar, alt: "Profile", className: "size-24 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash size-24 rounded-full" })), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-grey border-b3-background absolute -bottom-1 -right-1 flex size-8 items-center justify-center rounded-full border-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 16, className: "text-b3-background" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-info", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-b3-grey text-xl font-semibold", children: profile?.displayName || (0, utils_1.formatUsername)(profile?.name || "") }), (0, jsx_runtime_1.jsxs)("div", { className: "address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(account?.address || "", 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: account?.address || "" })] })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [(0, jsx_runtime_1.jsxs)(react_1.Button, { className: "manage-account-deposit bg-b3-primary-wash hover:bg-b3-primary-wash/70 h-[84px] w-full flex-col items-start gap-2 rounded-2xl", onClick: () => {
                             setB3ModalOpen(true);
                             setB3ModalContentType({
                                 type: "anySpend",
@@ -87,5 +87,5 @@ function BalanceContent({ onLogout, partnerId }) {
                                 type: "anySpend",
                                 showBackButton: true,
                             });
-                        }, children: [(0, jsx_runtime_1.jsx)(SwapIcon_1.SwapIcon, { size: 24, className: "text-b3-primary-blue" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] })] }), (0, jsx_runtime_1.jsxs)(accordion_1.Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "global-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsx)("span", { children: "Balance" }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && ((0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "eoa-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["Connected ", eoaInfo?.data?.name || "Wallet"] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(eoaAddress, 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: eoaAddress })] })] }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${eoaB3Balance?.formattedTotal || "0.00"} B3`, usdValue: eoaB3Balance?.balanceUsdFormatted || "0.00", priceChange: eoaB3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${eoaNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: eoaNativeBalance?.formattedTotalUsd || "0.00", priceChange: eoaNativeBalance?.priceChange24h })] })] }))] }), (0, jsx_runtime_1.jsxs)("button", { className: "border-b3-line hover:bg-b3-line relative flex w-full items-center justify-center rounded-2xl border p-4 transition-colors", onClick: onLogoutEnhanced, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-b3-grey", children: "Sign out" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-4", children: logoutLoading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" })) })] })] }));
+                        }, children: [(0, jsx_runtime_1.jsx)(SwapIcon_1.SwapIcon, { size: 24, className: "text-b3-primary-blue" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] })] }), (0, jsx_runtime_1.jsxs)(accordion_1.Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "global-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsx)("span", { children: "Balance" }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && ((0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "eoa-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["Connected ", eoaInfo?.data?.name || "Wallet"] }), (0, jsx_runtime_1.jsxs)("div", { className: "address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(eoaAddress, 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: eoaAddress })] })] }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${eoaB3Balance?.formattedTotal || "0.00"} B3`, usdValue: eoaB3Balance?.balanceUsdFormatted || "0.00", priceChange: eoaB3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${eoaNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: eoaNativeBalance?.formattedTotalUsd || "0.00", priceChange: eoaNativeBalance?.priceChange24h })] })] }))] }), (0, jsx_runtime_1.jsxs)("button", { className: "logout-button border-b3-line hover:bg-b3-line relative flex w-full items-center justify-center rounded-2xl border p-4 transition-colors", onClick: onLogoutEnhanced, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-b3-grey", children: "Sign out" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-4", children: logoutLoading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" })) })] })] }));
 }

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

@@ -66,6 +66,22 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         const [isEditingCode, setIsEditingCode] = (0, react_2.useState)(false);
         const referallCodeRef = (0, react_2.useRef)(null);
         const { data: referrals, isLoading: isLoadingReferrals } = (0, react_1.useQueryB3)("referrals", "find", { query: { referrerId: user?.userId } }, !!user?.userId);
+        const mutationOptions = {
+            onError: (error) => {
+                console.error("Error Unlinking account:", error);
+                sonner_1.toast.error(error.message);
+            },
+            onSuccess: async (data) => {
+                console.log("Raw Link Account Data:", data);
+                try {
+                    console.log("Sync user data...");
+                    await app_1.default.service("users").syncTwProfiles({});
+                }
+                catch (refreshError) {
+                    console.warn("⚠️ Could not sync user data:", refreshError);
+                }
+            },
+        };
         // Fetch referred users
         const currentReferralCode = user?.referralCode || user?.userId || "";
         const handleCopyCode = async () => {
@@ -108,7 +124,7 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         const handleUnlink = async (profile) => {
             setUnlinkingAccountId(profile.title);
             try {
-                unlinkProfile({ client: thirdweb_1.client, profileToUnlink: profile.originalProfile });
+                unlinkProfile({ client: thirdweb_1.client, profileToUnlink: profile.originalProfile }, mutationOptions);
             }
             catch (error) {
                 console.error("Error unlinking account:", error);