Merge pull request #141 from 0xMiden/keinberger/chore/web-client-fix-remaining-tut-v12

chore: update remaining web client tutorials to v12

Author: Keinberger

docs/src/web-client/creating_multiple_notes_tutorial.md

@@ -131,17 +131,9 @@ export async function multiSendWithDelegatedProver(): Promise<void> {
     AccountId,
     NoteType,
     TransactionProver,
-    NoteInputs,
     Note,
     NoteAssets,
-    NoteRecipient,
-    Word,
-    OutputNotesArray,
-    NoteExecutionHint,
-    NoteTag,
-    NoteExecutionMode,
-    NoteMetadata,
-    FeltArray,
+    OutputNoteArray,
     Felt,
     FungibleAsset,
     TransactionRequestBuilder,
@@ -166,7 +158,7 @@ Add the code snippet below to the `multiSendWithDelegatedProver` function. This
 ```ts
 // ── Creating new account ──────────────────────────────────────────────────────
 console.log("Creating account for Alice…");
-const alice = await client.newWallet(AccountStorageMode.public(), true);
+const alice = await client.newWallet(AccountStorageMode.public(), true, 0);
 console.log("Alice accout ID:", alice.id().toString());
 
 // ── Creating new faucet ──────────────────────────────────────────────────────
@@ -176,40 +168,51 @@ const faucet = await client.newFaucet(
   "MID",
   8,
   BigInt(1_000_000),
+  0,
 );
 console.log("Faucet ID:", faucet.id().toString());
 
 // ── mint 10 000 MID to Alice ──────────────────────────────────────────────────────
-await client.submitTransaction(
-  await client.newTransaction(
+{
+  const txResult = await client.executeTransaction(
     faucet.id(),
     client.newMintTransactionRequest(
       alice.id(),
       faucet.id(),
       NoteType.Public,
       BigInt(10_000),
     ),
-  ),
-  prover,
-);
+  );
+  const proven = await client.proveTransaction(txResult, prover);
+  const submissionHeight = await client.submitProvenTransaction(
+    proven,
+    txResult,
+  );
+  await client.applyTransaction(txResult, submissionHeight);
 
-console.log("waiting for settlement");
-await new Promise((r) => setTimeout(r, 7_000));
-await client.syncState();
+  console.log("waiting for settlement");
+  await new Promise((r) => setTimeout(r, 7_000));
+  await client.syncState();
+}
 
 // ── consume the freshly minted notes ──────────────────────────────────────────────
 const noteIds = (await client.getConsumableNotes(alice.id())).map((rec) =>
   rec.inputNoteRecord().id().toString(),
 );
 
-await client.submitTransaction(
-  await client.newTransaction(
+{
+  const txResult = await client.executeTransaction(
     alice.id(),
     client.newConsumeTransactionRequest(noteIds),
-  ),
-  prover,
-);
-await client.syncState();
+  );
+  const proven = await client.proveTransaction(txResult, prover);
+  await client.syncState();
+  const submissionHeight = await client.submitProvenTransaction(
+    proven,
+    txResult,
+  );
+  await client.applyTransaction(txResult, submissionHeight);
+}
 ```
 
 ## Step 5 — Build and Create P2ID notes
@@ -228,7 +231,7 @@ const assets = new NoteAssets([new FungibleAsset(faucet.id(), BigInt(100))]);
 
 const p2idNotes = recipientAddresses.map((addr) => {
   const receiverAccountId = AccountId.fromHex(addr);
-  let note = Note.createP2IDNote(
+  const note = Note.createP2IDNote(
     alice.id(),
     receiverAccountId,
     assets,
@@ -240,16 +243,13 @@ const p2idNotes = recipientAddresses.map((addr) => {
 });
 
 // ── create all P2ID notes ───────────────────────────────────────────────────────────────
-let transaction = await client.newTransaction(
+await client.submitNewTransaction(
   alice.id(),
   new TransactionRequestBuilder()
-    .withOwnOutputNotes(new OutputNotesArray(p2idNotes))
+    .withOwnOutputNotes(new OutputNoteArray(p2idNotes))
     .build(),
 );
 
-// ── submit tx ───────────────────────────────────────────────────────────────
-await client.submitTransaction(transaction, prover);
-
 console.log("All notes created ✅");
 ```
 
@@ -274,17 +274,9 @@ export async function multiSendWithDelegatedProver(): Promise<void> {
     AccountId,
     NoteType,
     TransactionProver,
-    NoteInputs,
     Note,
     NoteAssets,
-    NoteRecipient,
-    Word,
-    OutputNotesArray,
-    NoteExecutionHint,
-    NoteTag,
-    NoteExecutionMode,
-    NoteMetadata,
-    FeltArray,
+    OutputNoteArray,
     Felt,
     FungibleAsset,
     TransactionRequestBuilder,
@@ -302,7 +294,7 @@ export async function multiSendWithDelegatedProver(): Promise<void> {
 
   // ── Creating new account ──────────────────────────────────────────────────────
   console.log("Creating account for Alice…");
-  const alice = await client.newWallet(AccountStorageMode.public(), true);
+  const alice = await client.newWallet(AccountStorageMode.public(), true, 0);
   console.log("Alice accout ID:", alice.id().toString());
 
   // ── Creating new faucet ──────────────────────────────────────────────────────
@@ -312,40 +304,51 @@ export async function multiSendWithDelegatedProver(): Promise<void> {
     "MID",
     8,
     BigInt(1_000_000),
+    0,
   );
   console.log("Faucet ID:", faucet.id().toString());
 
   // ── mint 10 000 MID to Alice ──────────────────────────────────────────────────────
-  await client.submitTransaction(
-    await client.newTransaction(
+  {
+    const txResult = await client.executeTransaction(
       faucet.id(),
       client.newMintTransactionRequest(
         alice.id(),
         faucet.id(),
         NoteType.Public,
         BigInt(10_000),
       ),
-    ),
-    prover,
-  );
+    );
+    const proven = await client.proveTransaction(txResult, prover);
+    const submissionHeight = await client.submitProvenTransaction(
+      proven,
+      txResult,
+    );
+    await client.applyTransaction(txResult, submissionHeight);
 
-  console.log("waiting for settlement");
-  await new Promise((r) => setTimeout(r, 7_000));
-  await client.syncState();
+    console.log("waiting for settlement");
+    await new Promise((r) => setTimeout(r, 7_000));
+    await client.syncState();
+  }
 
   // ── consume the freshly minted notes ──────────────────────────────────────────────
   const noteIds = (await client.getConsumableNotes(alice.id())).map((rec) =>
     rec.inputNoteRecord().id().toString(),
   );
 
-  await client.submitTransaction(
-    await client.newTransaction(
+  {
+    const txResult = await client.executeTransaction(
       alice.id(),
       client.newConsumeTransactionRequest(noteIds),
-    ),
-    prover,
-  );
-  await client.syncState();
+    );
+    const proven = await client.proveTransaction(txResult, prover);
+    await client.syncState();
+    const submissionHeight = await client.submitProvenTransaction(
+      proven,
+      txResult,
+    );
+    await client.applyTransaction(txResult, submissionHeight);
+  }
 
   // ── build 3 P2ID notes (100 MID each) ─────────────────────────────────────────────
   const recipientAddresses = [
@@ -358,7 +361,7 @@ export async function multiSendWithDelegatedProver(): Promise<void> {
 
   const p2idNotes = recipientAddresses.map((addr) => {
     const receiverAccountId = AccountId.fromHex(addr);
-    let note = Note.createP2IDNote(
+    const note = Note.createP2IDNote(
       alice.id(),
       receiverAccountId,
       assets,
@@ -370,16 +373,13 @@ export async function multiSendWithDelegatedProver(): Promise<void> {
   });
 
   // ── create all P2ID notes ───────────────────────────────────────────────────────────────
-  let transaction = await client.newTransaction(
+  await client.submitNewTransaction(
     alice.id(),
     new TransactionRequestBuilder()
-      .withOwnOutputNotes(new OutputNotesArray(p2idNotes))
+      .withOwnOutputNotes(new OutputNoteArray(p2idNotes))
       .build(),
   );
 
-  // ── submit tx ───────────────────────────────────────────────────────────────
-  await client.submitTransaction(transaction, prover);
-
   console.log("All notes created ✅");
 }
 ```