@b3dotfun/sdk 0.0.40-test.2 → 0.0.40

package/dist/esm/global-account/react/components/B3Provider/B3Provider.js

@@ -1,12 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "../../../../global-account/react/index.js";
 import { loadGA4Script } from "../../../../global-account/utils/analytics.js";
-import { ecosystemWalletId } from "../../../../shared/constants/index.js";
 import { supportedChains } from "../../../../shared/constants/chains/supported.js";
-import { client } from "../../../../shared/utils/thirdweb.js";
-import "@reservoir0x/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
 import { useCallback, useEffect, useState } from "react";
 import { Toaster } from "sonner";
 import { getLastAuthProvider, ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet, } from "thirdweb/react";
@@ -14,6 +10,7 @@ import { createConfig, http, WagmiProvider } from "wagmi";
 import { setClientType } from "../../../client-manager.js";
 import { StyleRoot } from "../StyleRoot.js";
 import { B3Context } from "./types.js";
+import "@reservoir0x/relay-kit-ui/styles.css";
 /**
  * Default permissions configuration for B3 provider
  */
@@ -26,14 +23,6 @@ const DEFAULT_PERMISSIONS = {
 export const wagmiConfig = createConfig({
     chains: [supportedChains[0], ...supportedChains.slice(1)],
     transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])),
-    connectors: [
-        inAppWalletConnector({
-            ecosystemId: ecosystemWalletId,
-            client,
-        }),
-        // injected(),
-        // coinbaseWallet({ appName: "HypeDuel" }),
-    ],
 });
 // Create queryClient instance
 const queryClient = new QueryClient();

package/dist/types/anyspend/constants/index.d.ts

@@ -37,4 +37,3 @@ export declare const VENDOR_DISPLAY_NAMES: {
     readonly stripe: "Stripe";
     readonly unknown: "Unknown Vendor";
 };
-export declare const DEPOSIT_HYPE_ACTION = "deposit_hype";

package/dist/types/anyspend/react/components/common/ConnectWalletPayment.d.ts

@@ -12,6 +12,7 @@ interface ConnectWalletPaymentProps {
     tournament?: Tournament;
     nft?: NFT;
     cryptoPaymentMethod: CryptoPaymentMethodType;
+    onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void;
 }
-export default function ConnectWalletPayment({ order, onPayment, txLoading, isSwitchingOrExecuting, phantomWalletAddress, tournament, nft, cryptoPaymentMethod, }: ConnectWalletPaymentProps): import("react/jsx-runtime").JSX.Element;
+export default function ConnectWalletPayment({ order, onPayment, txLoading, isSwitchingOrExecuting, phantomWalletAddress, tournament, nft, cryptoPaymentMethod, onPaymentMethodChange, }: ConnectWalletPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,6 +8,8 @@ interface OrderDetailsProps {
     executeTx: components["schemas"]["ExecuteTx"] | null;
     refundTxs: components["schemas"]["RefundTx"][];
     cryptoPaymentMethod?: CryptoPaymentMethodType;
+    selectedCryptoPaymentMethod?: CryptoPaymentMethodType;
+    onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void;
     onBack?: () => void;
     disableUrlParamManagement?: boolean;
 }

package/dist/types/anyspend/react/components/common/PaymentMethodSwitch.d.ts

@@ -0,0 +1,7 @@
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
+interface PaymentMethodSwitchProps {
+    currentMethod: CryptoPaymentMethodType;
+    onMethodChange?: (method: CryptoPaymentMethodType) => void;
+}
+export declare function PaymentMethodSwitch({ currentMethod, onMethodChange }: PaymentMethodSwitchProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/anyspend/react/components/common/TransferCryptoDetails.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 type Order = components["schemas"]["Order"];
 type Token = components["schemas"]["Token"];
 type Tournament = components["schemas"]["Tournament"];
@@ -11,6 +12,7 @@ interface TransferCryptoDetailsProps {
     nft?: NFT;
     onBack: () => void;
     recipientName?: string;
+    onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void;
 }
 export declare const TransferCryptoDetails: import("react").NamedExoticComponent<TransferCryptoDetailsProps>;
 export {};

package/dist/types/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -1,16 +1,9 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly [import("wagmi").CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
-    connect(parameters?: import("@thirdweb-dev/wagmi-adapter/dist/types/connector").ConnectionOptions): Promise<{
-        accounts: readonly `0x${string}`[];
-        chainId: number;
-    }>;
-}, {
-    "thirdweb:lastChainId": number;
-}>]>;
+import "@reservoir0x/relay-kit-ui/styles.css";
+export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly import("wagmi").CreateConnectorFn[]>;
 /**
  * Main B3Provider component
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.40-test.2",
+  "version": "0.0.40",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -241,8 +241,8 @@
     "@b3dotfun/basement-api": "0.0.11",
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",
-    "@feathersjs/rest-client": "5.0.33",
     "@feathersjs/socketio-client": "5.0.33",
+    "@feathersjs/rest-client": "5.0.33",
     "@feathersjs/typebox": "5.0.33",
     "@fingerprintjs/fingerprintjs-pro-react": "^2.7.0",
     "@hey-api/client-fetch": "0.8.3",
@@ -261,7 +261,6 @@
     "@solana/web3.js": "^1.98.2",
     "@stripe/react-stripe-js": "^3.7.0",
     "@stripe/stripe-js": "^7.3.1",
-    "@thirdweb-dev/wagmi-adapter": "^0.2.141",
     "@web3icons/react": "3.16.0",
     "big.js": "^7.0.1",
     "class-variance-authority": "0.7.0",
@@ -332,8 +331,8 @@
     "react-native-mmkv": "^3.2.0",
     "thirdweb": "^5.105.20",
     "three": "^0.175.0",
-    "viem": "^2.28.1",
-    "wagmi": "^2.14.15"
+    "wagmi": "^2.14.15",
+    "viem": "^2.28.1"
   },
   "peerDependenciesMeta": {
     "@react-three/postprocessing": {

package/src/anyspend/constants/index.ts

@@ -96,5 +96,3 @@ export const VENDOR_DISPLAY_NAMES = {
   stripe: "Stripe",
   unknown: "Unknown Vendor",
 } as const;
-
-export const DEPOSIT_HYPE_ACTION = "deposit_hype";

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

@@ -38,7 +38,6 @@ import { ErrorSection } from "./common/ErrorSection";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
 import { OrderDetails, OrderDetailsLoadingView } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
-import { OrderStatus } from "./common/OrderStatus";
 import { PanelOnramp } from "./common/PanelOnramp";
 import { PanelOnrampPayment } from "./common/PanelOnrampPayment";
 import { RecipientSelection } from "./common/RecipientSelection";
@@ -807,22 +806,21 @@ function AnySpendInner({
     <div className={"mx-auto w-[460px] max-w-full"}>
       <div className="relative flex flex-col gap-4">
         {oat && (
-          <>
-            <OrderStatus order={oat.data.order} selectedCryptoPaymentMethod={selectedCryptoPaymentMethod} />
-            <OrderDetails
-              mode={mode}
-              order={oat.data.order}
-              depositTxs={oat.data.depositTxs}
-              relayTxs={oat.data.relayTxs}
-              executeTx={oat.data.executeTx}
-              refundTxs={oat.data.refundTxs}
-              onBack={() => {
-                setOrderId(undefined);
-                setActivePanel(PanelView.MAIN);
-                setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE); // Reset payment method when going back
-              }}
-            />
-          </>
+          <OrderDetails
+            mode={mode}
+            order={oat.data.order}
+            depositTxs={oat.data.depositTxs}
+            relayTxs={oat.data.relayTxs}
+            executeTx={oat.data.executeTx}
+            refundTxs={oat.data.refundTxs}
+            selectedCryptoPaymentMethod={selectedCryptoPaymentMethod}
+            onPaymentMethodChange={setSelectedCryptoPaymentMethod}
+            onBack={() => {
+              setOrderId(undefined);
+              setActivePanel(PanelView.MAIN);
+              setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE); // Reset payment method when going back
+            }}
+          />
         )}
         {/* {mode === "page" && <div className="h-12" />} */}
       </div>

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

@@ -47,7 +47,6 @@ import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPay
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
 import { OrderDetails } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
-import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus";
 import { OrderToken } from "./common/OrderToken";
 import { RecipientSelection } from "./common/RecipientSelection";
 
@@ -648,26 +647,25 @@ function AnySpendCustomInner({
       )}
     >
       {oat && (
-        <>
-          <OrderStatusDisplay order={oat.data.order} selectedCryptoPaymentMethod={selectedCryptoPaymentMethod} />
-          <OrderDetails
-            mode={mode}
-            order={oat.data.order}
-            depositTxs={oat.data.depositTxs}
-            relayTxs={oat.data.relayTxs}
-            executeTx={oat.data.executeTx}
-            refundTxs={oat.data.refundTxs}
-            cryptoPaymentMethod={activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod}
-            onBack={() => {
-              setOrderId(undefined);
-              setActivePanel(PanelView.CONFIRM_ORDER);
-              // Remove orderId from URL when canceling
-              const params = new URLSearchParams(searchParams.toString());
-              params.delete("orderId");
-              router.push(`${window.location.pathname}?${params.toString()}`);
-            }}
-          />
-        </>
+        <OrderDetails
+          mode={mode}
+          order={oat.data.order}
+          depositTxs={oat.data.depositTxs}
+          relayTxs={oat.data.relayTxs}
+          executeTx={oat.data.executeTx}
+          refundTxs={oat.data.refundTxs}
+          cryptoPaymentMethod={activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod}
+          selectedCryptoPaymentMethod={selectedCryptoPaymentMethod}
+          onPaymentMethodChange={setSelectedCryptoPaymentMethod}
+          onBack={() => {
+            setOrderId(undefined);
+            setActivePanel(PanelView.CONFIRM_ORDER);
+            // Remove orderId from URL when canceling
+            const params = new URLSearchParams(searchParams.toString());
+            params.delete("orderId");
+            router.push(`${window.location.pathname}?${params.toString()}`);
+          }}
+        />
       )}
       {mode === "page" && <div className="h-12" />}
     </div>

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

@@ -14,7 +14,6 @@ import { CryptoReceiveSection } from "./common/CryptoReceiveSection";
 import { ErrorSection } from "./common/ErrorSection";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
 import { OrderDetails } from "./common/OrderDetails";
-import { OrderStatus } from "./common/OrderStatus";
 import { RecipientSelection } from "./common/RecipientSelection";
 
 import { ArrowDown } from "lucide-react";
@@ -381,23 +380,22 @@ function AnySpendDepositHypeInner({
     <div className={"mx-auto w-[460px] max-w-full"}>
       <div className="relative flex flex-col gap-4">
         {oat && (
-          <>
-            <OrderStatus order={oat.data.order} selectedCryptoPaymentMethod={selectedCryptoPaymentMethod} />
-            <OrderDetails
-              mode={mode}
-              order={oat.data.order}
-              depositTxs={oat.data.depositTxs}
-              relayTxs={oat.data.relayTxs}
-              executeTx={oat.data.executeTx}
-              refundTxs={oat.data.refundTxs}
-              cryptoPaymentMethod={paymentType === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod}
-              onBack={() => {
-                setOrderId(undefined);
-                setActivePanel(PanelView.MAIN);
-              }}
-              disableUrlParamManagement
-            />
-          </>
+          <OrderDetails
+            mode={mode}
+            order={oat.data.order}
+            depositTxs={oat.data.depositTxs}
+            relayTxs={oat.data.relayTxs}
+            executeTx={oat.data.executeTx}
+            refundTxs={oat.data.refundTxs}
+            cryptoPaymentMethod={paymentType === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod}
+            selectedCryptoPaymentMethod={selectedCryptoPaymentMethod}
+            onPaymentMethodChange={setSelectedCryptoPaymentMethod}
+            onBack={() => {
+              setOrderId(undefined);
+              setActivePanel(PanelView.MAIN);
+            }}
+            disableUrlParamManagement
+          />
         )}
       </div>
     </div>

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

@@ -10,6 +10,7 @@ import { ChevronRight, Loader2 } from "lucide-react";
 import { useAccount } from "wagmi";
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 import { OrderDetailsCollapsible } from "./OrderDetailsCollapsible";
+import { PaymentMethodSwitch } from "./PaymentMethodSwitch";
 
 type Tournament = components["schemas"]["Tournament"];
 type NFT = components["schemas"]["NFT"];
@@ -24,6 +25,7 @@ interface ConnectWalletPaymentProps {
   tournament?: Tournament;
   nft?: NFT;
   cryptoPaymentMethod: CryptoPaymentMethodType;
+  onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void;
 }
 
 export default function ConnectWalletPayment({
@@ -35,6 +37,7 @@ export default function ConnectWalletPayment({
   tournament,
   nft,
   cryptoPaymentMethod,
+  onPaymentMethodChange,
 }: ConnectWalletPaymentProps) {
   const profile = useProfile({ address: order.recipientAddress });
   const recipientName = profile.data?.name?.replace(/\.b3\.fun/g, "");
@@ -97,6 +100,8 @@ export default function ConnectWalletPayment({
             : centerTruncate(connectedAddress || "")}
         </span>
 
+        <PaymentMethodSwitch currentMethod={cryptoPaymentMethod} onMethodChange={onPaymentMethodChange} />
+
         <div className="mt-4">
           <OrderDetailsCollapsible
             order={order}