mintV2 frontend

[MatteoBrescianini]

I’m asking for help from the community. I’ve been reading all the documentation I can for the past three days, but it seems like putting together a frontend logic is an impossible task...

We have a very simple goal: mint one nft from a webApp, with a Candy Machine with this structure for the guards:

"guards": { "default": { }, "groups": [ { "label": "OG", "guards": { "solPayment":{ "value":0.1, "destination":"dest" }, "startDate":{"date":"startdate"}, "endDate":{"date":"enddate"}, "botTax":{ "value":0.01, "lastInstruction":true }, "mintLimit":{ "id":1, "limit":2 }, "allowList":{ "merkleRoot":"mymerkle" } } }, { "label": "WL", "guards": { "solPayment":{ "value":0.2, "destination":"destination" }, "startDate":{"date":"startdate"}, "endDate":{"date":"enddate"}, "botTax":{ "value":0.01, "lastInstruction":true }, "mintLimit":{ "id":2, "limit":1 }, "allowList":{ "merkleRoot":"mymerkleRoot" } } }, ]
. How can we build this mint function?

I’ve found references to the route... to mintV2... Everything works fine until groups are added... From that point onward, there’s no clear information on what to do and how to do it on the frontend to mint an NFT.

The Candy Machine was created with Sugar @latest.

This is an extract of our code...

`
const { guards } = candyGuard;

const enabledGuardsKeys =
  guards && Object.keys(guards).filter((guardKey) => guards[guardKey]);

let mintArgs: Partial<DefaultGuardSetMintArgs> = {};

// If there are enabled guards, set the mintArgs
if (enabledGuardsKeys.length) {
  // Map enabled guards and set mintArgs automatically based on the fields defined in each guard
  enabledGuardsKeys.forEach((guardKey) => {
    const guardObject = unwrapOption(candyGuard.guards[guardKey]);
    if (!guardObject) return null;

    mintArgs = { ...mintArgs, [guardKey]: some(guardObject) };
  });
}

const umiWalletAdapter = umi.use(walletAdapterIdentity(wallet));
const nftMint = generateSigner(umiWalletAdapter);

try {
  // Verify the Merkle Proof by specifying which group to select...
  //but... how can we manage this?

  await transactionBuilder()
    .add(setComputeUnitLimit(umiWalletAdapter, { units: 800_000 }))
    .add(
      route(umiWalletAdapter, {
        candyMachine: candyMachine.publicKey,
        guard: "allowList",
        group: some("OG"), // <- We are veryfing using "OG".
        routeArgs: {
          path: "proof",
          merkleRoot: getMerkleRoot(allowListA),
          merkleProof: getMerkleProof(
            allowListA,
            base58PublicKey(umiWalletAdapter.identity)
          ),
        },
      })
    ).add(
      route(umiWalletAdapter, {
        candyMachine: candyMachine.publicKey,
        guard: "allowList",
        group: some("WL"), // <- We are veryfing using "WL".
        routeArgs: {
          path: "proof",
          merkleRoot: getMerkleRoot(allowListB),
          merkleProof: getMerkleProof(
            allowListB,
            base58PublicKey(umiWalletAdapter.identity)
          ),
        },
      })
    )
    .add(
      mintV2(umiWalletAdapter, {
        candyMachine: candyMachine.publicKey,
        nftMint,
        collectionMint: candyMachine.collectionMint,
        collectionUpdateAuthority: candyMachine.authority,
        tokenStandard: candyMachine.tokenStandard,
        candyGuard: candyMachine.mintAuthority,
        mintArgs: {
          ...mintArgs,
        },
      })
    )
    .sendAndConfirm(umiWalletAdapter);
  const nft = await fetchDigitalAsset(umi, nftMint.publicKey);

  setNftMinted(nft);
  setMintCreated(nftMint.publicKey);
  onMintSuccess?.("Minted successfully!");

`