@b3dotfun/sdk 0.0.33 → 0.0.34-alpha.0

package/src/anyspend/types/api.ts

@@ -418,18 +418,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;
@@ -468,7 +473,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: {
@@ -597,6 +602,43 @@ 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";
               };
         };
       };
@@ -1043,6 +1085,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: {
       /**
@@ -1121,6 +1176,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"];
@@ -1197,6 +1257,7 @@ export interface components {
         | "expired"
         | "sending_token_from_vault"
         | "relay"
+        | "executing"
         | "executed"
         | "refunding"
         | "refunded"
@@ -1239,6 +1300,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
@@ -1277,6 +1347,7 @@ export interface components {
     };
     Order:
       | components["schemas"]["SwapOrder"]
+      | components["schemas"]["HypeDuelOrder"]
       | components["schemas"]["CustomOrder"]
       | components["schemas"]["MintNftOrder"]
       | components["schemas"]["JoinTournamentOrder"]
@@ -1329,6 +1400,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: {
       /**
@@ -1523,6 +1642,7 @@ export interface components {
     };
     OrderRequest:
       | components["schemas"]["SwapOrderRequest"]
+      | components["schemas"]["HypeDuelOrderRequest"]
       | components["schemas"]["CustomOrderRequest"]
       | components["schemas"]["MintNftOrderRequest"]
       | components["schemas"]["JoinTournamentOrderRequest"]

package/src/anyspend/utils/chain.ts

@@ -64,7 +64,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     name: "Arbitrum",
     type: ChainType.EVM,
     logoUrl: "https://assets.relay.link/icons/square/42161/light.png",
-    nativeRequired: parseEther("0.0001"),
+    nativeRequired: parseEther("0.0003"),
     canDepositNative: true,
     defaultToken: getEthToken(arbitrum.id),
     nativeToken: getEthToken(arbitrum.id),

package/src/anyspend/utils/format.ts

@@ -27,6 +27,7 @@ export const getStatusDisplay = (
       return { text: "Sending Token", status: "processing" };
 
     case "relay":
+    case "executing":
       return {
         text: "Executing Order",
         status: "processing",

package/src/anyspend/utils/orderPayload.ts

@@ -48,6 +48,11 @@ export const buildPayload = (orderType: components["schemas"]["Order"]["type"],
       };
     case "custom":
       return { ...payload };
+    case "hype_duel":
+      return {
+        expectedDstAmount,
+        actualDstAmount: null,
+      };
     default:
       throw new Error(`Invalid order type: ${orderType}`);
   }
@@ -69,6 +74,8 @@ export const buildMetadata = (orderType: components["schemas"]["Order"]["type"],
       return { ...baseMetadata, tournament };
     case "custom":
       return { ...baseMetadata, action: payload.action };
+    case "hype_duel":
+      return { ...baseMetadata };
     default:
       throw new Error(`Invalid order type: ${orderType}`);
   }

package/src/global-account/react/components/B3DynamicModal.tsx

@@ -17,7 +17,6 @@ import { LinkAccount } from "./LinkAccount/LinkAccount";
 import { ManageAccount } from "./ManageAccount/ManageAccount";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
-import { TransakModal } from "./Transak/TransakModal";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer";
 
@@ -66,7 +65,6 @@ export function B3DynamicModal() {
     isFreestyleType && "b3-modal-freestyle",
     contentType?.type === "signInWithB3" && "p-0",
     contentType?.type === "anySpend" && "md:px-6",
-    contentType?.type === "transak" && "transak-modal",
   );
 
   debug("contentType", contentType);
@@ -90,8 +88,6 @@ export function B3DynamicModal() {
         return <AnySpendTournament {...contentType} mode="modal" action="join" />;
       case "anySpendFundTournament":
         return <AnySpendTournament {...contentType} mode="modal" action="fund" />;
-      case "transak":
-        return <TransakModal />;
       case "anySpendOrderHistory":
         return <OrderHistory onBack={() => {}} mode="modal" />;
       case "anySpendStakeB3":

package/src/global-account/react/components/LinkAccount/LinkAccount.tsx

@@ -9,6 +9,7 @@ import { LinkAccountModalProps, useModalStore } from "../../stores/useModalStore
 import { getProfileDisplayInfo } from "../../utils/profileDisplay";
 import { useB3 } from "../B3Provider/useB3";
 import { Button } from "../ui/button";
+import app from "@b3dotfun/sdk/global-account/app";
 type OTPStrategy = "email" | "phone";
 type SocialStrategy = "google" | "x" | "discord" | "apple" | "farcaster";
 type Strategy = OTPStrategy | SocialStrategy;
@@ -86,6 +87,15 @@ export function LinkAccount({
       setLinkingState(false);
       onError?.(error);
     },
+    onSuccess: async (data: any) => {
+      console.log("Raw Link Account Data:", data);
+      try {
+        console.log("Sync user data...");
+        await app.service("users").syncTwProfiles({});
+      } catch (refreshError) {
+        console.warn("⚠️ Could not sync user data:", refreshError);
+      }
+    },
   };
 
   const validateInput = () => {

package/src/global-account/react/components/ManageAccount/BalanceContent.tsx

@@ -96,8 +96,8 @@ export function BalanceContent({ onLogout, partnerId }: BalanceContentProps) {
     <div className="flex flex-col gap-6">
       {/* Profile Section */}
       <div className="flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <div className="relative">
+        <div className="global-account-profile flex items-center gap-4">
+          <div className="global-account-profile-avatar relative">
             {profile?.avatar ? (
               <img src={profile?.avatar} alt="Profile" className="size-24 rounded-full" />
             ) : (
@@ -107,11 +107,11 @@ export function BalanceContent({ onLogout, partnerId }: BalanceContentProps) {
               <Pencil size={16} className="text-b3-background" />
             </div>
           </div>
-          <div>
+          <div className="global-account-profile-info">
             <h2 className="text-b3-grey text-xl font-semibold">
               {profile?.displayName || formatUsername(profile?.name || "")}
             </h2>
-            <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">
+            <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">
               <span className="text-b3-foreground-muted font-mono text-xs">
                 {centerTruncate(account?.address || "", 6)}
               </span>
@@ -183,7 +183,7 @@ export function BalanceContent({ onLogout, partnerId }: BalanceContentProps) {
             <AccordionTrigger className="text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline">
               <div className="flex items-center gap-3">
                 <span>Connected {eoaInfo?.data?.name || "Wallet"}</span>
-                <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">
+                <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">
                   <span className="text-b3-foreground-muted font-mono text-xs">{centerTruncate(eoaAddress, 6)}</span>
                   <CopyToClipboard text={eoaAddress} />
                 </div>
@@ -211,7 +211,7 @@ export function BalanceContent({ onLogout, partnerId }: BalanceContentProps) {
 
       {/* Sign Out */}
       <button
-        className="border-b3-line hover:bg-b3-line relative flex w-full items-center justify-center rounded-2xl border p-4 transition-colors"
+        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}
       >
         <span className="font-neue-montreal-semibold text-b3-grey">Sign out</span>

package/src/global-account/react/components/ManageAccount/ManageAccount.tsx

@@ -146,6 +146,22 @@ export function ManageAccount({
       !!user?.userId,
     );
 
+    const mutationOptions = {
+      onError: (error: Error) => {
+        console.error("Error Unlinking account:", error);
+        toast.error(error.message);
+      },
+      onSuccess: async (data: any) => {
+        console.log("Raw Link Account Data:", data);
+        try {
+          console.log("Sync user data...");
+          await app.service("users").syncTwProfiles({});
+        } catch (refreshError) {
+          console.warn("⚠️ Could not sync user data:", refreshError);
+        }
+      },
+    };
+
     // Fetch referred users
     const currentReferralCode = user?.referralCode || user?.userId || "";
 
@@ -189,7 +205,7 @@ export function ManageAccount({
     const handleUnlink = async (profile: any) => {
       setUnlinkingAccountId(profile.title);
       try {
-        unlinkProfile({ client, profileToUnlink: profile.originalProfile });
+        unlinkProfile({ client, profileToUnlink: profile.originalProfile }, mutationOptions);
       } catch (error) {
         console.error("Error unlinking account:", error);
       } finally {

package/src/global-account/react/components/index.ts

@@ -1,18 +1,18 @@
 // Core Components
-export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper";
 export { B3DynamicModal } from "./B3DynamicModal";
 export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
+export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper";
 export { B3Context, type B3ContextType } from "./B3Provider/types";
 export { useB3 } from "./B3Provider/useB3";
 export { StyleRoot } from "./StyleRoot";
 
 // SignInWithB3 Components
-export { AuthButton } from "./SignInWithB3/components/AuthButton";
-export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
-export { WalletRow } from "./SignInWithB3/components/WalletRow";
 export { SignInWithB3 } from "./SignInWithB3/SignInWithB3";
 export { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
 export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
+export { AuthButton } from "./SignInWithB3/components/AuthButton";
+export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
+export { WalletRow } from "./SignInWithB3/components/WalletRow";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
 export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
 
@@ -35,9 +35,6 @@ export { SendETHButton } from "./SendETHButton/SendETHButton";
 // SendERC20Button Components
 export { SendERC20Button } from "./SendERC20Button/SendERC20Button";
 
-// Transak Components
-export { TransakModal } from "./Transak/TransakModal";
-
 // Custom Components
 export { Button as CustomButton, buttonVariants as customButtonVariants } from "./custom/Button";
 export { ClientOnly } from "./custom/ClientOnly";
@@ -46,6 +43,15 @@ export { StaggeredFadeLoader } from "./custom/StaggeredFadeLoader";
 export { WalletConnectorIcon } from "./custom/WalletConnectorIcon";
 
 // UI Components
+export { Loading } from "./ui/Loading";
+export { ShinyButton } from "./ui/ShinyButton";
+export { TabTrigger, Tabs, TabsContent, TabsList, TabsTransitionWrapper } from "./ui/TabSystem";
+export {
+  TabTrigger as TabTriggerPrimitive,
+  TabsContent as TabsContentPrimitive,
+  TabsList as TabsListPrimitive,
+  Tabs as TabsPrimitive,
+} from "./ui/Tabs";
 export { Badge, badgeVariants } from "./ui/badge";
 export { Button, buttonVariants } from "./ui/button";
 export {
@@ -86,18 +92,9 @@ export {
 export { GlareCard } from "./ui/glare-card";
 export { GlareCardRounded } from "./ui/glare-card-rounded";
 export { Input } from "./ui/input";
-export { Loading } from "./ui/Loading";
 export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
-export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export {
-  TabsContent as TabsContentPrimitive,
-  TabsList as TabsListPrimitive,
-  Tabs as TabsPrimitive,
-  TabTrigger as TabTriggerPrimitive,
-} from "./ui/Tabs";
-export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";

package/src/global-account/react/index.native.ts

@@ -6,9 +6,10 @@
 
 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/src/global-account/react/stores/index.ts

@@ -7,12 +7,11 @@ export type {
   AnySpendJoinTournamentProps,
   AnySpendModalProps,
   AnySpendNftProps,
-  AnyspendOrderDetailsProps,
   AnySpendOrderHistoryProps,
   AnySpendStakeB3Props,
+  AnyspendOrderDetailsProps,
   ManageAccountModalProps,
   ModalContentType,
   RequestPermissionsModalProps,
   SignInWithB3ModalProps,
-  TransakProps,
 } from "./useModalStore";

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

@@ -194,25 +194,6 @@ export interface AnyspendOrderDetailsProps extends BaseModalProps {
   showBackButton?: boolean;
 }
 
-/**
- * Props for the Transak modal
- * Handles Transak-specific on-ramping
- */
-export interface TransakProps extends BaseModalProps {
-  /** Modal type identifier */
-  type: "transak";
-  /** Wallet address to receive the purchased crypto */
-  destinationWalletAddress?: string;
-  /** Default amount of crypto to purchase */
-  defaultCryptoAmount?: number;
-  /** Amount of fiat currency to spend */
-  fiatAmount?: number;
-  /** ISO country code for KYC and available payment methods */
-  countryCode?: string;
-  /** Callback function called when the purchase is successful */
-  onSuccess?: () => void;
-}
-
 /**
  * Props for the AnySpend order history modal
  */
@@ -316,12 +297,10 @@ 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 */
-  onSuccess?: () => void;
+  onSuccess?: (amount?: string) => void;
 }
 
 /**
@@ -336,7 +315,6 @@ export type ModalContentType =
   | AnySpendNftProps
   | AnySpendJoinTournamentProps
   | AnySpendFundTournamentProps
-  | TransakProps
   | AnySpendOrderHistoryProps
   | AnySpendStakeB3Props
   | AnySpendBuySpinProps

package/dist/cjs/global-account/react/components/Transak/TransakModal.d.ts

@@ -1 +0,0 @@
-export declare function TransakModal(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/global-account/react/components/Transak/TransakModal.js

@@ -1,110 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransakModal = TransakModal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const debug_1 = __importDefault(require("../../../../shared/utils/debug"));
-const transak_sdk_1 = require("@transak/transak-sdk");
-const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
-const sonner_1 = require("sonner");
-function TransakModal() {
-    const [isLoading, setIsLoading] = (0, react_2.useState)(true);
-    const [_error, setError] = (0, react_2.useState)(null);
-    const account = (0, react_1.useAccountWallet)();
-    const { environment } = (0, react_1.useB3)();
-    console.log(`process.env.NEXT_PUBLIC_TRANSAK_API_KEY`, process.env.NEXT_PUBLIC_TRANSAK_API_KEY); // d1f4e8be-cacb-4cfa-b2cd-c591084b5ef6
-    const transakConfig = (0, react_2.useMemo)(() => {
-        return {
-            apiKey: process.env.NEXT_PUBLIC_TRANSAK_API_KEY || "", // (Required)
-            // Yes, I know it looks weird to use isDevelopment for staging, but this is how this was done on Basement. Leaving till confirming difference
-            environment: environment === "development" ? transak_sdk_1.Transak.ENVIRONMENTS.STAGING : transak_sdk_1.Transak.ENVIRONMENTS.PRODUCTION, // (Required)
-            containerId: "transakMount", // Id of the element where you want to initialize the iframe
-            themeColor: "0c68e9",
-            widgetHeight: "650px",
-            productsAvailed: "BUY",
-            hideMenu: true,
-            colorMode: "DARK",
-            backgroundColors: "000000", // TODO: figure out why this doesn't work
-            exchangeScreenTitle: "Buy ETH on B3",
-            isFeeCalculationHidden: true,
-            cryptoCurrencyCode: "ETH",
-            network: "b3",
-        };
-    }, [environment]);
-    const { ready } = (0, react_1.useB3)();
-    const modalOptions = (0, react_1.useModalStore)(state => state.contentType);
-    const isOnRamp = modalOptions?.type === "transak";
-    const destinationWalletAddress = isOnRamp ? modalOptions?.destinationWalletAddress : undefined;
-    const defaultCryptoAmount = isOnRamp ? modalOptions?.defaultCryptoAmount : undefined;
-    const onSuccess = isOnRamp ? modalOptions?.onSuccess : undefined;
-    const fiatAmount = isOnRamp ? modalOptions?.fiatAmount : undefined;
-    const countryCode = isOnRamp ? modalOptions?.countryCode : undefined;
-    (0, react_2.useEffect)(() => {
-        if (!ready || !isOnRamp)
-            return;
-        const config = {
-            ...transakConfig,
-            walletAddress: destinationWalletAddress || account?.address, // In the future, this should be set to the new global B3 SCW address
-            defaultCryptoAmount,
-            disableWalletAddressForm: !!destinationWalletAddress || !!account?.address, // Only disable the form if we have an address
-            fiatAmount: fiatAmount,
-            countryCode: countryCode,
-        };
-        const transak = new transak_sdk_1.Transak(config);
-        try {
-            transak.init();
-            // Add event listeners
-            transak_sdk_1.Transak.on("*", data => {
-                (0, debug_1.default)("@@transak", data);
-            });
-            transak_sdk_1.Transak.on(transak_sdk_1.Transak.EVENTS.TRANSAK_WIDGET_CLOSE, () => {
-                setIsLoading(false);
-                (0, debug_1.default)("@@transak", "Transak SDK closed!");
-            });
-            transak_sdk_1.Transak.on(transak_sdk_1.Transak.EVENTS.TRANSAK_WIDGET_INITIALISED, () => {
-                (0, debug_1.default)("@@transak", "Transak SDK initialized!");
-                setIsLoading(false);
-            });
-            transak_sdk_1.Transak.on(transak_sdk_1.Transak.EVENTS.TRANSAK_ORDER_FAILED, orderData => {
-                (0, debug_1.default)("@@transak", orderData);
-                sonner_1.toast.error("Oh no! Something went wrong. Please try again.");
-            });
-            transak_sdk_1.Transak.on(transak_sdk_1.Transak.EVENTS.TRANSAK_ORDER_SUCCESSFUL, orderData => {
-                (0, debug_1.default)("@@transak", orderData);
-                sonner_1.toast.success("Successfully purchased ETH with credit card!");
-                onSuccess?.();
-            });
-        }
-        catch (err) {
-            setError(err instanceof Error ? err : new Error("Failed to initialize Transak"));
-            sonner_1.toast.error("Oh no! Something went wrong. Please try again.");
-            setIsLoading(false);
-        }
-        // Cleanup code
-        return () => {
-            transak.close();
-        };
-    }, [
-        ready,
-        account?.address,
-        destinationWalletAddress,
-        defaultCryptoAmount,
-        isOnRamp,
-        onSuccess,
-        fiatAmount,
-        transakConfig,
-        countryCode,
-    ]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isLoading && ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full min-h-[650px] flex-col items-center justify-center gap-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-24 w-24 animate-spin opacity-10" }), (0, jsx_runtime_1.jsx)(react_1.TextShimmer, { children: "Powering up our credit card processor..." })] })), (0, jsx_runtime_1.jsx)("div", { id: "transakMount", style: {
-                    display: isLoading ? "none" : "block",
-                    width: "100%",
-                    height: "650px",
-                    borderRadius: "25px",
-                    overflow: "hidden",
-                } })] }));
-}

package/dist/esm/global-account/react/components/Transak/TransakModal.d.ts

@@ -1 +0,0 @@
-export declare function TransakModal(): import("react/jsx-runtime").JSX.Element;