@b3dotfun/sdk 0.0.42-alpha.0 → 0.0.42-alpha.2

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

@@ -30,6 +30,7 @@ export function PanelOnramp({
   hideDstToken = false,
   anyspendQuote,
   onShowPointsDetail,
+  customUsdInputValues = ["5", "10", "20", "25"],
 }: {
   srcAmountOnRamp: string;
   setSrcAmountOnRamp: (amount: string) => void;
@@ -47,6 +48,7 @@ export function PanelOnramp({
   hideDstToken?: boolean;
   anyspendQuote?: GetQuoteResponse;
   onShowPointsDetail?: () => void;
+  customUsdInputValues?: string[];
 }) {
   const featureFlags = useFeatureFlags();
   // Get geo-based onramp options to access fee information
@@ -166,7 +168,7 @@ export function PanelOnramp({
               value={srcAmountOnRamp}
               onChange={handleAmountChange}
               placeholder="5"
-              className="text-as-primary placeholder:text-as-primary/50 h-auto min-w-[70px] border-0 bg-transparent p-0 px-3 pt-1 text-4xl font-bold focus-visible:ring-0 focus-visible:ring-offset-0"
+              className="text-as-primary placeholder:text-as-primary/50 h-auto min-w-[70px] border-0 bg-transparent p-0 px-1 pt-1 text-4xl font-bold focus-visible:ring-0 focus-visible:ring-offset-0"
               style={{
                 width: `${Math.max(50, srcAmountOnRamp.length * 34)}px`,
               }}
@@ -175,20 +177,22 @@ export function PanelOnramp({
         </div>
 
         {/* Quick Amount Buttons */}
-        <div className={cn("mx-auto mb-6 inline-grid grid-cols-4 gap-2", hideDstToken && "mb-0")}>
-          {["5", "10", "20", "25"].map(value => (
-            <button
-              key={value}
-              onClick={() => handleQuickAmount(value)}
-              className={`bg-as-surface-secondary border-as-border-secondary hover:border-as-border-secondary h-7 w-14 rounded-lg border text-sm font-medium transition-all duration-200 ${
-                srcAmountOnRamp === value
-                  ? "border-as-border-secondary bg-as-surface-secondary"
-                  : "bg-as-surface-secondary hover:bg-as-surface-secondary"
-              }`}
-            >
-              ${value}
-            </button>
-          ))}
+        <div className={cn("mx-auto mb-6 flex justify-center gap-2", hideDstToken && "mb-0")}>
+          {customUsdInputValues
+            .filter(v => !isNaN(Number(v)))
+            .map(value => (
+              <button
+                key={value}
+                onClick={() => handleQuickAmount(value)}
+                className={`bg-as-surface-secondary border-as-border-secondary hover:border-as-border-secondary h-7 w-14 rounded-lg border text-sm font-medium transition-all duration-200 ${
+                  srcAmountOnRamp === value
+                    ? "border-as-border-secondary bg-as-surface-secondary"
+                    : "bg-as-surface-secondary hover:bg-as-surface-secondary"
+                }`}
+              >
+                ${value}
+              </button>
+            ))}
         </div>
 
         {/* Token Display */}

package/src/global-account/react/components/SignInWithB3/SignIn.tsx

@@ -159,13 +159,8 @@ export function SignIn(props: SignInWithB3Props) {
 
                   <button className="mb-2 w-full space-y-1" onClick={onDisconnect}>
                     <div className="hover:bg-b3-react-background group flex h-12 items-center rounded-xl px-4 transition-colors">
-                      <Icon
-                        className="fill-b3-react-background group-hover:fill-b3-react-primary mr-4 shrink-0 transition-colors"
-                        name="logout"
-                      />
-                      <div className="text-b3-react-background group-hover:text-b3-react-primary mr-auto transition-colors">
-                        Disconnect
-                      </div>
+                      <Icon className="fill-b3-react-primary mr-4 shrink-0 transition-colors" name="logout" />
+                      <div className="text-b3-react-primary mr-auto transition-colors">Disconnect</div>
                     </div>
                   </button>
                 </div>

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

@@ -123,11 +123,13 @@ export interface AnySpendModalProps extends BaseModalProps {
   /** Whether to hide the transaction history button */
   hideTransactionHistoryButton?: boolean;
   /** Callback function called when the transaction is successful */
-  onSuccess?: () => void;
+  onSuccess?: (txHash?: string) => void;
   /** Token address of the destination token to buy (enables buy mode) */
   destinationTokenAddress?: string;
   /** Chain ID where the destination token exists (enables buy mode) */
   destinationTokenChainId?: number;
+  /** Custom USD input values for quick amount buttons in fiat onramp */
+  customUsdInputValues?: string[];
 }
 
 /**
@@ -307,6 +309,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
   mainFooter?: React.ReactNode;
   /** Callback function called when the deposit is successful */
   onSuccess?: (amount?: string) => void;
+  /** Custom USD input values for quick amount buttons in fiat onramp */
+  customUsdInputValues?: string[];
 }
 
 export interface AvatarEditorModalProps extends BaseModalProps {