Sync updates from internal repository (#10)

.env.local.example

@@ -1,3 +1,5 @@
+# only include NEXT_PUBLIC_PAYMASTER_POLICY_ID if you require a paymaster policy
+NEXT_PUBLIC_PAYMASTER_POLICY_ID=
 NEXT_PUBLIC_PAYMASTER_API_KEY=
 NEXT_PUBLIC_BUNDLER_URL=
 NEXT_PUBLIC_WEB3_CLIENT_ID=

README.md

@@ -1,6 +1,6 @@
 # Hello Gator 🐊
 
-Easily get up-to-speed with (and integrate) the MetaMask Delegation Toolkit with this demonstration. It includes examples for all the core elements including Delegator Account (ERC-4337) creation, sending User Operations, and the Delegation lifecycle. Example code is provided utilising the DeleGator Core [Viem](https://viem.sh/) client.
+Easily get up-to-speed with (and integrate) the MetaMask Delegation Toolkit with this demonstration. It includes examples for all the core elements including Delegator Account (ERC-4337) creation, sending User Operations, and the Delegation lifecycle. Example code is provided utilising the Delegator Smart Account.
 
 Note: this template is also designed to complement the [documentation](https://docs.gator.metamask.io).
 

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

package.json

@@ -9,11 +9,12 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@codefi/delegator-core-viem": "0.1.1",
+    "@codefi/delegator-core-viem": "0.4.0",
     "@web3auth/base": "^8.12.2",
     "@web3auth/ethereum-provider": "^8.12.3",
     "@web3auth/modal": "^8.12.3",
-    "next": "13.5.3",
+    "next": "14.2.10",
+    "permissionless": "^0.2.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "latest"

src/app/examples/index.ts

@@ -1,24 +1,14 @@
-const examples = [
-  // {
-  //   "name": "Delegation Lifecycle",
-  //   "path": "delegations",
-  //   "description": "Create, sign, and redeem delegations."
-  // },
+const examples = Object.freeze([
   {
     "name": "Custom Signers",
     "path": "signers",
     "description": "See the various signer options in action."
+  },  
+  {
+    "name": "Enable and Disable Delegations",
+    "path": "toggle-delegation",
+    "description": "Toggle the ability to redeem a delegation."
   },
-  // {
-  //   "name": "Storage API",
-  //   "path": "storage",
-  //   "description": "Use the Delegation Storage client to store and retrieve delegations."
-  // },
-  // {
-  //   "name": "Revoke Delegations",
-  //   "path": "revoke",
-  //   "description": "See how to revoke existing delegations."
-  // },
-]
+]);
 
 export default examples;

src/app/examples/signers/SignatoryTypes.ts

@@ -1,4 +1,4 @@
-import { Signatory, WalletClientAccount } from "@codefi/delegator-core-viem";
+import { HybridSignatoryConfig } from "@codefi/delegator-core-viem";
 import { OPENLOGIN_NETWORK_TYPE } from "@web3auth/base";
 import { Address, Chain } from "viem";
 
@@ -10,7 +10,7 @@ export type SignatoryFactoryConfig = {
 };
 
 export type SignatoryLoginFunction = () => Promise<{
-  signatory: Signatory | WalletClientAccount;
+  signatory: HybridSignatoryConfig;
   owner: Address;
 }>;
 

src/app/examples/signers/burnerSignatoryFactory.tsx

@@ -11,11 +11,11 @@ export const createBurnerSignatoryFactory: SignatoryFactoryConfigurator = (
   return {
     login: async () => {
       const privateKey = generatePrivateKey();
-      const owner = privateKeyToAccount(privateKey);
+      const account = privateKeyToAccount(privateKey);
 
       return {
-        signatory: owner,
-        owner: owner.address,
+        signatory: { account },
+        owner: account.address,
       };
     },
     canLogout: () => false,

src/app/examples/signers/injectedProviderSignatoryFactory.tsx

@@ -32,15 +32,15 @@ export const createInjectedProviderSignatoryFactory: SignatoryFactoryConfigurato
         method: "eth_requestAccounts",
       })) as Address[];
 
-      const signatory = createWalletClient({
+      const walletClient = createWalletClient({
         chain,
         transport: custom(provider),
         account: owner,
       });
 
       return {
         owner,
-        signatory,
+        signatory: { walletClient},
       };
     };