@b3dotfun/sdk 0.0.46 → 0.0.47-alpha.0

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

@@ -4,6 +4,12 @@
  */
 export interface paths {
     "/chains/{chainId}/tokens": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
         /**
          * Get tokens for a chain
          * @description Retrieves available tokens for a specific blockchain
@@ -19,6 +25,7 @@ export interface paths {
                     /** @description Maximum number of tokens to return */
                     limit?: number;
                 };
+                header?: never;
                 path: {
                     /**
                      * @description Blockchain chain ID
@@ -26,10 +33,15 @@ export interface paths {
                      */
                     chainId: number;
                 };
+                cookie?: never;
             };
+            requestBody?: never;
             responses: {
                 /** @description Tokens retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -60,6 +72,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -73,8 +88,21 @@ export interface paths {
                 };
             };
         };
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
     "/onramp/coinbase/options": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
         /**
          * Get Coinbase onramp options
          * @description Retrieves available Coinbase onramp configuration options.
@@ -107,10 +135,17 @@ export interface paths {
                      */
                     chainIds?: string[];
                 };
+                header?: never;
+                path?: never;
+                cookie?: never;
             };
+            requestBody?: never;
             responses: {
                 /** @description Coinbase options retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -213,6 +248,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -226,8 +264,21 @@ export interface paths {
                 };
             };
         };
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
     "/onramp/stripe/supported": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
         /**
          * Check Stripe support
          * @description Checks if Stripe onramp and Stripe Web2 are supported based on IP address location and optional transaction amount
@@ -241,10 +292,17 @@ export interface paths {
                      */
                     usdAmount?: string;
                 };
+                header?: never;
+                path?: never;
+                cookie?: never;
             };
+            requestBody?: never;
             responses: {
                 /** @description Stripe support status retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -267,6 +325,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -280,8 +341,21 @@ export interface paths {
                 };
             };
         };
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
     "/orders": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
         /**
          * Get orders by creator
          * @description Retrieves all orders created by a specific address
@@ -305,10 +379,17 @@ export interface paths {
                      */
                     offset?: string;
                 };
+                header?: never;
+                path?: never;
+                cookie?: never;
             };
+            requestBody?: never;
             responses: {
                 /** @description Orders retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -324,6 +405,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -337,11 +421,18 @@ export interface paths {
                 };
             };
         };
+        put?: never;
         /**
          * Create a new order
          * @description Creates a new order for token transactions across chains
          */
         post: {
+            parameters: {
+                query?: never;
+                header?: never;
+                path?: never;
+                cookie?: never;
+            };
             requestBody: {
                 content: {
                     "application/json": components["schemas"]["OrderRequest"];
@@ -350,6 +441,9 @@ export interface paths {
             responses: {
                 /** @description Order created successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -364,6 +458,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -377,14 +474,27 @@ export interface paths {
                 };
             };
         };
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
     "/orders/{orderId}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
         /**
          * Get order and transactions
          * @description Retrieves order details along with associated transactions
          */
         get: {
             parameters: {
+                query?: never;
+                header?: never;
                 path: {
                     /**
                      * @description Unique order identifier
@@ -392,10 +502,15 @@ export interface paths {
                      */
                     orderId: string;
                 };
+                cookie?: never;
             };
+            requestBody?: never;
             responses: {
                 /** @description Order and transactions retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -447,6 +562,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -460,6 +578,9 @@ export interface paths {
                 };
                 /** @description Order not found */
                 404: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -473,13 +594,34 @@ export interface paths {
                 };
             };
         };
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
     "/orders/quote": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
         /**
          * Get anyspend quote
          * @description Retrieves a quote to swap, execute contract, or participate in HypeDuel
          */
         post: {
+            parameters: {
+                query?: never;
+                header?: never;
+                path?: never;
+                cookie?: never;
+            };
             requestBody: {
                 content: {
                     "application/json": {
@@ -673,6 +815,9 @@ export interface paths {
             responses: {
                 /** @description Quote retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -851,6 +996,9 @@ export interface paths {
                 };
                 /** @description Bad request */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -864,8 +1012,19 @@ export interface paths {
                 };
             };
         };
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
     "/stripe/clientSecret": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
         /**
          * Get Stripe client secret
          * @description Retrieves a Stripe client secret for payment processing using a payment intent ID
@@ -879,10 +1038,17 @@ export interface paths {
                      */
                     paymentIntentId: string;
                 };
+                header?: never;
+                path?: never;
+                cookie?: never;
             };
+            requestBody?: never;
             responses: {
                 /** @description Client secret retrieved successfully */
                 200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example true */
@@ -901,6 +1067,9 @@ export interface paths {
                 };
                 /** @description Bad request - PaymentIntentId is required or invalid */
                 400: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
                     content: {
                         "application/json": {
                             /** @example false */
@@ -914,6 +1083,13 @@ export interface paths {
                 };
             };
         };
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
     };
 }
 export type webhooks = Record<string, never>;

package/dist/types/shared/react/hooks/__tests__/useCurrencyConversion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/shared/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./auth-token";
 export * from "./cn";
 export * from "./formatNumber";
 export * from "./formatUsername";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.46",
+  "version": "0.0.47-alpha.0",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -170,26 +170,6 @@
       "import": "./dist/esm/global-account/server.js",
       "require": "./dist/cjs/global-account/server.js"
     },
-    "./notifications": {
-      "types": "./dist/types/notifications/index.d.ts",
-      "import": "./dist/esm/notifications/index.js",
-      "require": "./dist/cjs/notifications/index.js"
-    },
-    "./notifications/react": {
-      "types": "./dist/types/notifications/react/index.d.ts",
-      "import": "./dist/esm/notifications/react/index.js",
-      "require": "./dist/cjs/notifications/react/index.js"
-    },
-    "./notifications/services": {
-      "types": "./dist/types/notifications/services/index.d.ts",
-      "import": "./dist/esm/notifications/services/index.js",
-      "require": "./dist/cjs/notifications/services/index.js"
-    },
-    "./notifications/types": {
-      "types": "./dist/types/notifications/types/index.d.ts",
-      "import": "./dist/esm/notifications/types/index.js",
-      "require": "./dist/cjs/notifications/types/index.js"
-    },
     "./shared/utils": {
       "types": "./dist/types/shared/utils/index.d.ts",
       "import": "./dist/esm/shared/utils/index.js",
@@ -410,6 +390,7 @@
     "release:alpha": "pnpm version prerelease --preid alpha && git push --follow-tags && pnpm publish --tag alpha --no-git-checks",
     "typecheck": "tsc --noEmit",
     "generate:thirdweb": "npx @hey-api/openapi-ts --file src/thirdweb/openapi-ts.config.ts --input src/thirdweb/insight-service.json",
+    "generate:anyspend": "npx openapi-typescript https://mainnet.anyspend.com/openapi.json -o src/anyspend/types/api.ts",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
     "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
     "test": "vitest run",

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

@@ -23,7 +23,7 @@ import {
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import invariant from "invariant";
-import { ArrowDown, HistoryIcon } from "lucide-react";
+import { ArrowDown, HistoryIcon, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
@@ -34,7 +34,6 @@ import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFing
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod";
 import { CryptoPaySection } from "./common/CryptoPaySection";
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection";
-import { ErrorSection } from "./common/ErrorSection";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
 import { OrderDetails, OrderDetailsLoadingView } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
@@ -469,7 +468,7 @@ function AnySpendInner({
     ? parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals).toString()
     : parseUnits(dstAmount.replace(/,/g, ""), selectedDstToken.decimals).toString();
   const srcAmountOnrampInWei = parseUnits(srcAmountOnRamp.replace(/,/g, ""), USDC_BASE.decimals).toString();
-  const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = useAnyspendQuote(
+  const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(
     activeTab === "crypto"
       ? {
           srcChain: selectedSrcChainId,
@@ -609,40 +608,42 @@ function AnySpendInner({
   });
 
   // Determine button state and text
-  const btnInfo: { text: string; disable: boolean; error: boolean } = useMemo(() => {
-    if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false };
-    if (isLoadingAnyspendQuote) return { text: "Loading...", disable: true, error: false };
-    if (!recipientAddress) return { text: "Select recipient", disable: false, error: false };
-    if (isCreatingOrder || isCreatingOnrampOrder) return { text: "Creating order...", disable: true, error: false };
-    if (!anyspendQuote || !anyspendQuote.success) return { text: "Get rate error", disable: true, error: true };
+  const btnInfo: { text: string; disable: boolean; error: boolean; loading: boolean } = useMemo(() => {
+    if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false, loading: false };
+    if (isLoadingAnyspendQuote) return { text: "Loading quote...", disable: true, error: false, loading: true };
+    if (!recipientAddress) return { text: "Select recipient", disable: false, error: false, loading: false };
+    if (isCreatingOrder || isCreatingOnrampOrder)
+      return { text: "Creating order...", disable: true, error: false, loading: true };
+    if (!anyspendQuote || !anyspendQuote.success)
+      return { text: "No quote found", disable: true, error: false, loading: false };
 
     if (activeTab === "crypto") {
       // If no payment method selected, show "Choose payment method"
       if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
-        return { text: "Choose payment method", disable: false, error: false };
+        return { text: "Choose payment method", disable: false, error: false, loading: false };
       }
       // If payment method selected, show appropriate action
       if (
         selectedCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
         selectedCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET
       ) {
-        return { text: "Swap", disable: false, error: false };
+        return { text: "Swap", disable: false, error: false, loading: false };
       }
       if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO) {
-        return { text: "Continue to payment", disable: false, error: false };
+        return { text: "Continue to payment", disable: false, error: false, loading: false };
       }
     }
 
     if (activeTab === "fiat") {
       // If no fiat payment method selected, show "Select payment method"
       if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
-        return { text: "Select payment method", disable: false, error: false };
+        return { text: "Select payment method", disable: false, error: false, loading: false };
       }
       // If payment method is selected, show "Buy"
-      return { text: "Buy", disable: false, error: false };
+      return { text: "Buy", disable: false, error: false, loading: false };
     }
 
-    return { text: "Buy", disable: false, error: false };
+    return { text: "Buy", disable: false, error: false, loading: false };
   }, [
     activeInputAmountInWei,
     isLoadingAnyspendQuote,
@@ -1052,15 +1053,13 @@ function AnySpendInner({
           />
         )}
       </div>
-      {/* Error message section */}
-      <ErrorSection error={getAnyspendQuoteError} />
 
       {/* Main button section */}
       <motion.div
         initial={{ opacity: 0, y: 20, filter: "blur(10px)" }}
         animate={{ opacity: 1, y: 0, filter: "blur(0px)" }}
         transition={{ duration: 0.3, delay: 0.2, ease: "easeInOut" }}
-        className={cn("mt-4 flex w-full max-w-[460px] flex-col gap-2", getAnyspendQuoteError && "mt-0")}
+        className={cn("mt-4 flex w-full max-w-[460px] flex-col gap-2")}
       >
         <ShinyButton
           accentColor={"hsl(var(--as-brand))"}
@@ -1072,7 +1071,10 @@ function AnySpendInner({
           )}
           textClassName={cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white")}
         >
-          {btnInfo.text}
+          <div className="flex items-center justify-center gap-2">
+            {btnInfo.loading && <Loader2 className="h-4 w-4 animate-spin" />}
+            {btnInfo.text}
+          </div>
         </ShinyButton>
 
         {!hideTransactionHistoryButton && (globalAddress || recipientAddress) ? (

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

@@ -12,13 +12,12 @@ import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFing
 import { CryptoPaySection } from "./common/CryptoPaySection";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod";
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection";
-import { ErrorSection } from "./common/ErrorSection";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
 import { OrderDetails } from "./common/OrderDetails";
 import { PointsDetailPanel } from "./common/PointsDetailPanel";
 import { RecipientSelection } from "./common/RecipientSelection";
 
-import { ArrowDown } from "lucide-react";
+import { ArrowDown, Loader2 } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp";
 
 const SLIPPAGE_PERCENT = 3;
@@ -92,7 +91,6 @@ function AnySpendDepositHypeInner({
     globalAddress,
     anyspendQuote,
     isLoadingAnyspendQuote,
-    getAnyspendQuoteError,
     activeInputAmountInWei,
     geoData,
     coinbaseAvailablePaymentMethods,
@@ -114,13 +112,15 @@ function AnySpendDepositHypeInner({
   });
 
   // Button state logic
-  const btnInfo: { text: string; disable: boolean; error: boolean } = useMemo(() => {
-    if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false };
-    if (isLoadingAnyspendQuote) return { text: "Loading quote...", disable: true, error: false };
-    if (isCreatingOrder || isCreatingOnrampOrder) return { text: "Creating order...", disable: true, error: false };
-    if (!selectedRecipientAddress) return { text: "Select recipient", disable: false, error: false };
-    if (!anyspendQuote || !anyspendQuote.success) return { text: "Get quote error", disable: true, error: true };
-    if (!dstAmount) return { text: "No quote available", disable: true, error: true };
+  const btnInfo: { text: string; disable: boolean; error: boolean; loading: boolean } = useMemo(() => {
+    if (activeInputAmountInWei === "0") return { text: "Enter an amount", disable: true, error: false, loading: false };
+    if (isLoadingAnyspendQuote) return { text: "Loading quote...", disable: true, error: false, loading: true };
+    if (isCreatingOrder || isCreatingOnrampOrder)
+      return { text: "Creating order...", disable: true, error: false, loading: true };
+    if (!selectedRecipientAddress) return { text: "Select recipient", disable: false, error: false, loading: false };
+    if (!anyspendQuote || !anyspendQuote.success)
+      return { text: "Get quote error", disable: true, error: true, loading: false };
+    if (!dstAmount) return { text: "No quote available", disable: true, error: true, loading: false };
 
     // Check minimum deposit amount (10 HYPE)
     // Use the raw amount from the quote instead of the formatted display string
@@ -130,25 +130,25 @@ function AnySpendDepositHypeInner({
       const actualAmount = parseFloat(rawAmountInWei) / Math.pow(10, decimals);
 
       if (actualAmount < 10) {
-        return { text: "Minimum 10 HYPE deposit", disable: true, error: true };
+        return { text: "Minimum 10 HYPE deposit", disable: true, error: true, loading: false };
       }
     }
 
     if (paymentType === "crypto") {
       if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
-        return { text: "Choose payment method", disable: false, error: false };
+        return { text: "Choose payment method", disable: false, error: false, loading: false };
       }
-      return { text: "Continue to deposit", disable: false, error: false };
+      return { text: "Continue to deposit", disable: false, error: false, loading: false };
     }
 
     if (paymentType === "fiat") {
       if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
-        return { text: "Select payment method", disable: false, error: false };
+        return { text: "Select payment method", disable: false, error: false, loading: false };
       }
-      return { text: "Buy", disable: false, error: false };
+      return { text: "Buy", disable: false, error: false, loading: false };
     }
 
-    return { text: "Continue to deposit", disable: false, error: false };
+    return { text: "Continue to deposit", disable: false, error: false, loading: false };
   }, [
     activeInputAmountInWei,
     isLoadingAnyspendQuote,
@@ -283,15 +283,12 @@ function AnySpendDepositHypeInner({
         </div>
       </div>
 
-      {/* Error message section */}
-      <ErrorSection error={getAnyspendQuoteError} />
-
       {/* Main button section */}
       <motion.div
         initial={{ opacity: 0, y: 20, filter: "blur(10px)" }}
         animate={{ opacity: 1, y: 0, filter: "blur(0px)" }}
         transition={{ duration: 0.3, delay: 0.2, ease: "easeInOut" }}
-        className={cn("mt-4 flex w-full max-w-[460px] flex-col gap-2", getAnyspendQuoteError && "mt-0")}
+        className={cn("mt-4 flex w-full max-w-[460px] flex-col gap-2")}
       >
         <ShinyButton
           accentColor={"hsl(var(--as-brand))"}
@@ -303,7 +300,10 @@ function AnySpendDepositHypeInner({
           )}
           textClassName={cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white")}
         >
-          {btnInfo.text}
+          <div className="flex items-center justify-center gap-2">
+            {btnInfo.loading && <Loader2 className="h-4 w-4 animate-spin" />}
+            {btnInfo.text}
+          </div>
         </ShinyButton>
       </motion.div>