added in resolver for mintable and txNofitications for openedition

Author: GWSzeto

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Claimable.tsx

@@ -282,7 +282,7 @@ export function ClaimableModuleUI(
 }
 
 const claimConditionFormSchema = z.object({
-  tokenId: z.coerce.number().min(0, { message: "Invalid tokenId" }).optional(),
+  tokenId: z.coerce.bigint().min(0n, { message: "Invalid tokenId" }).optional(),
 
   pricePerToken: z.coerce
     .number()

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Mintable.tsx

@@ -45,8 +45,6 @@ export type UpdateFormValues = {
   primarySaleRecipient: string;
 };
 
-// TODO - add form validation with zod schema for mint form
-
 export type MintFormValues = NFTMetadataInputLimited & {
   useNextTokenId: boolean;
   recipient: string;
@@ -276,12 +274,22 @@ function PrimarySalesSection(props: {
   );
 }
 
+const mintFormSchema = z.object({
+  useNextTokenId: z.boolean(),
+  supply: z.coerce.number().min(0, { message: "Invalid supply" }),
+  customImage: z.string().optional(),
+  customAnimationUrl: z.string().optional(),
+  recipient: addressSchema,
+  tokenId: z.coerce.bigint().min(0n, { message: "Invalid tokenId" }).optional(),
+});
+
 function MintNFTSection(props: {
   mint: (values: MintFormValues) => Promise<void>;
   isErc721: boolean;
   isBatchMetadataInstalled: boolean;
 }) {
   const form = useForm<MintFormValues>({
+    resolver: zodResolver(mintFormSchema),
     values: {
       useNextTokenId: false,
       supply: 1,

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/OpenEditionMetadata.tsx

@@ -19,10 +19,10 @@ import {
 import { Input } from "@/components/ui/input";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
+import { useTxNotifications } from "hooks/useTxNotifications";
 import { CircleAlertIcon } from "lucide-react";
 import { useCallback } from "react";
 import { useForm } from "react-hook-form";
-import { toast } from "sonner";
 import { sendAndConfirmTransaction } from "thirdweb";
 import { OpenEditionMetadataERC721 } from "thirdweb/modules";
 import { z } from "zod";
@@ -124,16 +124,19 @@ function SetSharedMetadataSection(props: {
     reValidateMode: "onChange",
   });
 
+  const setSharedMetadataNotifications = useTxNotifications(
+    "Successfully set shared metadata",
+    "Failed to set shared metadata",
+  );
+
   const setSharedMetadataMutation = useMutation({
     mutationFn: props.setSharedMetadata,
+    onSuccess: setSharedMetadataNotifications.onSuccess,
+    onError: setSharedMetadataNotifications.onError,
   });
 
   const onSubmit = async () => {
-    const promise = setSharedMetadataMutation.mutateAsync(form.getValues());
-    toast.promise(promise, {
-      success: "Successfully set shared metadata",
-      error: (error) => `Failed to set shared metadata: ${error}`,
-    });
+    setSharedMetadataMutation.mutateAsync(form.getValues());
   };
 
   return (

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Royalty.tsx

@@ -225,7 +225,7 @@ export function RoyaltyModuleUI(
 }
 
 const royaltyInfoFormSchema = z.object({
-  tokenId: z.coerce.number().min(0, { message: "Invalid tokenId" }),
+  tokenId: z.coerce.bigint().min(0n, { message: "Invalid tokenId" }),
   recipient: addressSchema,
   bps: z
     .string()
@@ -241,7 +241,7 @@ function RoyaltyInfoPerTokenSection(props: {
   const form = useForm<RoyaltyInfoFormValues>({
     resolver: zodResolver(royaltyInfoFormSchema),
     values: {
-      tokenId: 0,
+      tokenId: 0n,
       recipient: "",
       bps: "",
     },