@b3dotfun/sdk 0.0.23 → 0.0.24

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

@@ -24,7 +24,7 @@ export const OrderStatus = memo(function OrderStatus({ order }: { order: compone
     },
   ];
 
-  if (["waiting_stripe_payment"].includes(order.status)) {
+  if (["waiting_stripe_payment", "scanning_deposit_transaction"].includes(order.status)) {
     return <StepProgress steps={paymentSteps} currentStepIndex={0} />;
   }
 

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

@@ -2,7 +2,8 @@ import { useCoinbaseOnrampOptions, useGeoOnrampOptions } from "@b3dotfun/sdk/any
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { ALL_CHAINS } from "@b3dotfun/sdk/anyspend/utils/chain";
 import { Input, useGetGeo, useProfile } from "@b3dotfun/sdk/global-account/react";
-import { shortenAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
+import { formatUsername } from "@b3dotfun/sdk/shared/utils";
+import { formatAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
 import { ChevronRight, Wallet } from "lucide-react";
 import { useRef } from "react";
 import { toast } from "sonner";
@@ -77,7 +78,7 @@ export function PanelOnramp({
 
   // Get recipient profile for displaying name
   const recipientProfile = useProfile({ address: _recipientAddress });
-  const recipientName = recipientProfile.data?.name?.replace(/\.b3\.fun/g, "");
+  const recipientName = recipientProfile.data?.name;
 
   const amountInputRef = useRef<HTMLInputElement>(null);
 
@@ -159,7 +160,7 @@ export function PanelOnramp({
 
         {/* Quick Amount Buttons */}
         <div className="mx-auto mb-6 inline-grid grid-cols-4 gap-2">
-          {["5", "10", "25", "100"].map(value => (
+          {["5", "10", "20", "25"].map(value => (
             <button
               key={value}
               onClick={() => handleQuickAmount(value)}
@@ -198,10 +199,9 @@ export function PanelOnramp({
               className="text-as-tertiarry flex h-7 items-center gap-1 text-sm transition-colors hover:text-blue-700"
               onClick={() => setActivePanel(5)} // Recipient selection panel
             >
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-orange-500 text-xs text-white">
-                🦊
-              </div>
-              <span className="text-sm">{recipientName || shortenAddress(_recipientAddress)}</span>
+              <span className="text-sm">
+                {recipientName ? formatUsername(recipientName) : formatAddress(_recipientAddress)}
+              </span>
               <ChevronRight size={16} />
             </button>
           ) : (

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

@@ -67,7 +67,6 @@ function PanelOnrampPaymentInner(props: PanelOnrampPaymentProps) {
     geoData,
     coinbaseOnrampOptions,
     coinbaseAvailablePaymentMethods,
-    isStripeOnrampSupported,
     stripeWeb2Support,
     isLoading: isLoadingGeoOnramp,
   } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
@@ -105,11 +104,6 @@ function PanelOnrampPaymentInner(props: PanelOnrampPaymentProps) {
         return;
       }
 
-      if (vendor === "stripe" && !isStripeOnrampSupported) {
-        toast.error("Stripe onramp not available");
-        return;
-      }
-
       if (vendor === "stripe-web2" && !stripeWeb2Support.isSupport) {
         toast.error("Stripe credit card not available");
         return;

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

@@ -22,9 +22,9 @@ export function StepProgress({ steps, currentStepIndex, className = "" }: StepPr
     <div className={`flex w-full flex-col items-center gap-4 ${className}`}>
       {/* Step Progress Indicator */}
       <div className="flex items-center gap-2">
-        {steps.map((step, index) => (
+        {steps.map((_, index) => (
           <>
-            <div key={step.id} className="flex items-center">
+            <div key={index} className="flex items-center">
               <motion.div
                 initial={{ scale: 0.8, opacity: 0 }}
                 animate={{ scale: 1, opacity: 1 }}

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

@@ -36,7 +36,7 @@ export function TokenBalance({
 
           {!!rawBalance && (
             <>
-              <button
+              {/* <button
                 onClick={() => handlePercentageClick(20)}
                 className="text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex rounded-lg px-2 py-1 text-xs transition-colors sm:hidden"
               >
@@ -47,10 +47,10 @@ export function TokenBalance({
                 className="text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex rounded-lg px-2 py-1 text-xs transition-colors"
               >
                 50%
-              </button>
+              </button> */}
               <button
                 onClick={() => handlePercentageClick(100)}
-                className="text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex rounded-lg px-2 py-1 text-xs transition-colors"
+                className="text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex cursor-pointer rounded-lg px-2 py-1 text-xs transition-colors"
               >
                 MAX
               </button>

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

@@ -20,7 +20,7 @@ export function useGeoOnrampOptions(isMainnet: boolean, srcFiatAmount: string) {
   const { geoData, loading: isLoadingGeo, error: geoError } = useGetGeo();
   const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } =
     useCoinbaseOnrampOptions(isMainnet, geoData?.country, visitorData);
-  const { isStripeOnrampSupported, stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(
+  const { stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(
     isMainnet,
     srcFiatAmount,
     visitorData,
@@ -44,9 +44,8 @@ export function useGeoOnrampOptions(isMainnet: boolean, srcFiatAmount: string) {
       geoData,
       coinbaseOnrampOptions,
       coinbaseAvailablePaymentMethods,
-      isStripeOnrampSupported,
       stripeWeb2Support,
-      isOnrampSupported: coinbaseAvailablePaymentMethods.length > 0 || isStripeOnrampSupported || stripeWeb2Support,
+      isOnrampSupported: coinbaseAvailablePaymentMethods.length > 0 || stripeWeb2Support,
       isLoading: isLoadingGeo || isLoadingCoinbaseOnrampOptions || isLoadingStripeSupport || isLoadingVisitorData,
       isLoadingGeo,
       isLoadingCoinbaseOnrampOptions,
@@ -59,7 +58,6 @@ export function useGeoOnrampOptions(isMainnet: boolean, srcFiatAmount: string) {
       geoData,
       coinbaseOnrampOptions,
       coinbaseAvailablePaymentMethods,
-      isStripeOnrampSupported,
       stripeWeb2Support,
       isLoadingGeo,
       isLoadingCoinbaseOnrampOptions,

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

@@ -17,7 +17,6 @@ export function useStripeSupport(
 
   return useMemo(
     () => ({
-      isStripeOnrampSupported: data?.stripeOnramp || false,
       stripeWeb2Support: data?.stripeWeb2 || { isSupport: false },
       isLoadingStripeSupport: isLoading,
       stripeSupportError: error,

package/src/anyspend/utils/chain.ts

@@ -150,7 +150,7 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     logoUrl: "https://avatars.githubusercontent.com/u/45615063?s=280&v=4",
     type: ChainType.EVM,
     nativeRequired: parseEther("0.00001"),
-    canDepositNative: false,
+    canDepositNative: true,
     defaultToken: getBnbToken(),
     nativeToken: getBnbToken(),
     viem: getCustomEvmChain(bsc, "https://bsc-rpc.publicnode.com"),