@b3dotfun/sdk 0.0.23 → 0.0.24

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

@@ -0,0 +1,56 @@
+"use client";
+
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import * as React from "react";
+
+import { cn } from "@b3dotfun/sdk/shared/utils";
+
+const Accordion = AccordionPrimitive.Root;
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => <AccordionPrimitive.Item ref={ref} className={cn("", className)} {...props} />);
+AccordionItem.displayName = "AccordionItem";
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "border-as-border-secondary bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border px-4 py-3 text-left transition-colors hover:bg-gray-100/50 data-[state=open]:rounded-b-none dark:border-gray-700 dark:bg-gray-800/50 dark:hover:bg-gray-700/50",
+      className,
+    )}
+    {...props}
+  >
+    <span className="text-sm font-medium text-gray-700 dark:text-gray-300">{children}</span>
+    <ChevronDown className="h-4 w-4 text-gray-500 transition-transform duration-200 data-[state=open]:rotate-180 dark:text-gray-400" />
+  </AccordionPrimitive.Trigger>
+));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden"
+    {...props}
+  >
+    <div
+      className={cn(
+        "border-as-border-secondary bg-as-surface-secondary w-full rounded-b-xl border-x border-b py-2 pr-4",
+        className,
+      )}
+    >
+      {children}
+    </div>
+  </AccordionPrimitive.Content>
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

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

@@ -6,9 +6,7 @@ import { ShinyButton, useProfile } from "@b3dotfun/sdk/global-account/react";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { motion } from "framer-motion";
 import { ChevronRight, Loader2 } from "lucide-react";
-import { useMemo } from "react";
 import { OrderDetailsCollapsible } from "./OrderDetailsCollapsible";
-import { Step, StepProgress } from "./StepProgress";
 
 type Tournament = components["schemas"]["Tournament"];
 type NFT = components["schemas"]["NFT"];
@@ -48,35 +46,12 @@ export default function ConnectWalletPayment({
       : order.payload.expectedDstAmount.toString();
   const formattedExpectedDstAmount = formatTokenAmount(BigInt(expectedDstAmount), dstToken.decimals);
 
-  const steps: Step[] = useMemo(
-    () => [
-      {
-        id: 1,
-        title: "Connect Wallet",
-        description: "Connect your wallet to continue",
-      },
-      {
-        id: 2,
-        title: "Awaiting Payment",
-        description: "Send your payment to the address below",
-      },
-      {
-        id: 3,
-        title: "Complete Payment",
-        description: "Finalize your transaction",
-      },
-    ],
-    [],
-  );
-
   if (!srcToken || !dstToken) {
     return <div>Loading...</div>;
   }
 
   return (
     <div className="flex w-full flex-col items-center gap-6">
-      <StepProgress steps={steps} currentStepIndex={1} />
-
       {/* Payment Button */}
       <motion.div
         initial={{ opacity: 0, y: 20 }}

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

@@ -47,7 +47,6 @@ export function FiatPaymentMethodComponent({
   // Load geo-based onramp options like in PanelOnramp
   const {
     coinbaseAvailablePaymentMethods,
-    isStripeOnrampSupported,
     stripeWeb2Support,
     isLoading: isLoadingGeoOnramp,
   } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
@@ -69,7 +68,7 @@ export function FiatPaymentMethodComponent({
   }
 
   // Add Stripe if available
-  if (isStripeOnrampSupported || (stripeWeb2Support && stripeWeb2Support.isSupport)) {
+  if (stripeWeb2Support && stripeWeb2Support.isSupport) {
     const stripeFee = getFeeFromApi(FiatPaymentMethod.STRIPE);
     availablePaymentMethods.push({
       id: FiatPaymentMethod.STRIPE,