feat(arkmarket): handle sepolia starknet provider

apps/arkmarket/src/app/collection/[collectionAddress]/components/collection-items-buy-now.tsx

@@ -89,6 +89,7 @@ export default function CollectionItemsBuyNow({
       tokenId: BigInt(token.token_id),
       orderHash: BigInt(tokenMarketData.listing.order_hash),
       amount: BigInt(tokenMarketData.listing.start_amount),
+      quantity: BigInt(1),
     });
   };
 

apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/accept-offer.tsx

@@ -52,8 +52,7 @@ const AcceptOffer: React.FC<AcceptOfferProps> = ({
   const [isOpen, setIsOpen] = useState(false);
   const { account } = useAccount();
   const { fulfillOfferAsync, status } = useFulfillOffer();
-  const { fulfillAuctionAsync, status: statusAuction } =
-    useFulfillAuction();
+  const { fulfillAuctionAsync, status: statusAuction } = useFulfillAuction();
 
   const { toast } = useToast();
   const formattedAmount = formatEther(BigInt(offerPrice));
@@ -72,7 +71,7 @@ const AcceptOffer: React.FC<AcceptOfferProps> = ({
   const onConfirm = async () => {
     if (!account) {
       toast({
-        variant: "canceled", 
+        variant: "canceled",
         title: "Error",
         description: "Please connect your wallet before accepting an offer",
       });
@@ -87,6 +86,7 @@ const AcceptOffer: React.FC<AcceptOfferProps> = ({
         account: account,
         tokenAddress: collectionAddress,
         tokenId: BigInt(tokenId),
+        quantity: BigInt(1),
       });
     } else {
       await fulfillOfferAsync({
@@ -95,6 +95,7 @@ const AcceptOffer: React.FC<AcceptOfferProps> = ({
         account: account,
         tokenAddress: collectionAddress,
         tokenId: BigInt(tokenId),
+        quantity: BigInt(1),
       });
     }
   };

apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/token-actions-accept-best-offer.tsx

@@ -91,9 +91,9 @@ export default function TokenActionsAcceptBestOffer({
   const onConfirm = async () => {
     if (!account) {
       toast({
-        variant: "canceled", 
+        variant: "canceled",
         title: "Error",
-        description: "Please connect your wallet before accepting an offer"
+        description: "Please connect your wallet before accepting an offer",
       });
       return;
     }
@@ -106,6 +106,7 @@ export default function TokenActionsAcceptBestOffer({
           account: account,
           tokenAddress: token.collection_address,
           tokenId: BigInt(token.token_id),
+          quantity: BigInt(1),
         });
       } else {
         await fulfillOfferAsync({
@@ -114,6 +115,7 @@ export default function TokenActionsAcceptBestOffer({
           account: account,
           tokenAddress: token.collection_address,
           tokenId: BigInt(token.token_id),
+          quantity: BigInt(1),
         });
       }
     } catch (error) {

apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/components/tokens-actions-buy-now.tsx

@@ -76,6 +76,7 @@ export default function TokenActionsBuyNow({
       tokenId: BigInt(token.token_id),
       orderHash: BigInt(tokenMarketData.listing.order_hash),
       amount: BigInt(tokenMarketData.listing.start_amount),
+      quantity: BigInt(1),
     });
   };
 

apps/arkmarket/src/app/token/[contractAddress]/[tokenId]/page.tsx

@@ -2,7 +2,6 @@
 
 import { notFound } from "next/navigation";
 
-import Providers from "~/components/providers";
 import type { Token, TokenMarketData } from "~/types";
 import getToken from "~/lib/getToken";
 import getTokenMarketData from "~/lib/getTokenMarketData";

apps/arkmarket/src/components/providers.tsx

@@ -1,8 +1,12 @@
 "use client";
 
 import type { PropsWithChildren } from "react";
-import { ArkQueryClient, ArkQueryClientProvider, ArkProvider } from "@ark-project/react";
-import { env } from "~/env";
+import {
+  ArkProvider,
+  ArkQueryClient,
+  ArkQueryClientProvider,
+} from "@ark-project/react";
+
 import { ThemeProvider } from "@ark-market/ui/theme";
 
 import { StarknetProvider } from "./starknet-provider";

apps/arkmarket/src/components/starknet-provider.tsx

@@ -2,9 +2,8 @@
 
 import type { Connector } from "@starknet-react/core";
 import type { PropsWithChildren } from "react";
-import { mainnet } from "@starknet-react/chains";
+import { mainnet, sepolia } from "@starknet-react/chains";
 import {
-  alchemyProvider,
   argent,
   braavos,
   StarknetConfig,
@@ -15,11 +14,11 @@ import { ArgentMobileConnector } from "starknetkit/argentMobile";
 import { WebWalletConnector } from "starknetkit/webwallet";
 
 import { env } from "~/env";
+import getProvider from "~/lib/getProvider";
 
 export function StarknetProvider({ children }: PropsWithChildren) {
-  const provider = alchemyProvider({
-    apiKey: "ssydbI7745ocbNd_c-xULVsq9xXF947b",
-  });
+  const provider = getProvider();
+  const chain = env.NEXT_PUBLIC_NETWORK === "sepolia" ? sepolia : mainnet;
   const { connectors: injectedConnectors } = useInjectedConnectors({
     recommended: [argent(), braavos()],
     includeRecommended: "onlyIfNoConnectors",
@@ -39,7 +38,7 @@ export function StarknetProvider({ children }: PropsWithChildren) {
 
   return (
     <StarknetConfig
-      chains={[mainnet]}
+      chains={[chain]}
       provider={provider}
       connectors={connectors}
       explorer={voyager}

apps/arkmarket/src/lib/getProvider.ts

@@ -0,0 +1,13 @@
+import { alchemyProvider, publicProvider } from "@starknet-react/core";
+
+import { env } from "~/env";
+
+export default function getProvider() {
+  if (env.NEXT_PUBLIC_NETWORK === "mainnet") {
+    return alchemyProvider({
+      apiKey: "ssydbI7745ocbNd_c-xULVsq9xXF947b",
+    });
+  } else {
+    return publicProvider();
+  }
+}

packages/ui/src/input.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { cn } from "@ark-market/ui";
 
-interface InputStatus {
+export interface InputStatus {
   status?: "default" | "error";
 }