Skip to content

[SDK] Support EIP7702 execution for ecosystem wallets #7268

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 4, 2025
Merged

[SDK] Support EIP7702 execution for ecosystem wallets #7268

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/small-moons-add.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"thirdweb": patch
---

Support EIP7702 execution for ecosystem wallets
4 changes: 4 additions & 0 deletions .../~/ecosystem/[slug]/(active)/configuration/components/client/EcosystemPermissionsPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
"use client";
import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
import { useEcosystem } from "../../../hooks/use-ecosystem";
import { AuthOptionsSection } from "../server/auth-options-section";
import { EcosystemPartnersSection } from "../server/ecosystem-partners-section";
Expand All @@ -18,6 +19,8 @@ export function EcosystemPermissionsPage({
teamIdOrSlug: params.team_slug,
});

const client = getClientThirdwebClient({ jwt: authToken, teamId });

return (
<div className="flex flex-col gap-8">
<IntegrationPermissionsSection
Expand All @@ -29,6 +32,7 @@ export function EcosystemPermissionsPage({
ecosystem={ecosystem}
authToken={authToken}
teamId={teamId}
client={client}
/>
{ecosystem?.permission === "PARTNER_WHITELIST" && (
<EcosystemPartnersSection
Expand Down
210 changes: 139 additions & 71 deletions .../~/ecosystem/[slug]/(active)/configuration/components/client/auth-options-form.client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
"use client";
import { SingleNetworkSelector } from "@/components/blocks/NetworkSelectors";
import { SettingsCard } from "@/components/blocks/SettingsCard";
import { Button } from "@/components/ui/button";
import { Checkbox } from "@/components/ui/checkbox";
Expand Down Expand Up @@ -27,6 +28,7 @@ import { PlusIcon } from "lucide-react";
import { useFieldArray, useForm } from "react-hook-form";
import { toast } from "sonner";
import { isAddress } from "thirdweb";
import type { ThirdwebClient } from "thirdweb";
import { getSocialIcon } from "thirdweb/wallets/in-app";
import {
DEFAULT_ACCOUNT_FACTORY_V0_6,
Expand All @@ -47,13 +49,20 @@ type AuthOptionsFormData = {
defaultChainId: number;
accountFactoryType: "v0.6" | "v0.7" | "custom";
customAccountFactoryAddress: string;
executionMode: "EIP4337" | "EIP7702";
};

export function AuthOptionsForm({
ecosystem,
authToken,
teamId,
}: { ecosystem: Ecosystem; authToken: string; teamId: string }) {
client,
}: {
ecosystem: Ecosystem;
authToken: string;
teamId: string;
client: ThirdwebClient;
}) {
const form = useForm<AuthOptionsFormData>({
defaultValues: {
authOptions: ecosystem.authOptions || [],
Expand All @@ -71,6 +80,7 @@ export function AuthOptionsForm({
DEFAULT_ACCOUNT_FACTORY_V0_6
? "v0.6"
: "custom",
executionMode: ecosystem.smartAccountOptions?.executionMode || "EIP4337",
customAccountFactoryAddress:
ecosystem.smartAccountOptions?.accountFactoryAddress || "",
},
Expand All @@ -97,6 +107,7 @@ export function AuthOptionsForm({
.optional(),
accountFactoryType: z.enum(["v0.6", "v0.7", "custom"]),
customAccountFactoryAddress: z.string().optional(),
executionMode: z.enum(["EIP4337", "EIP7702"]),
})
.refine(
(data) => {
Expand Down Expand Up @@ -203,6 +214,7 @@ export function AuthOptionsForm({
defaultChainId: data.defaultChainId,
sponsorGas: data.sponsorGas,
accountFactoryAddress,
executionMode: data.executionMode,
};
}

Expand Down Expand Up @@ -437,34 +449,83 @@ export function AuthOptionsForm({
/>
{form.watch("useSmartAccount") && (
<div className="mt-1 flex flex-col gap-4">
<FormField
control={form.control}
name="sponsorGas"
render={({ field }) => (
<FormItem className="flex flex-row items-center space-x-3 space-y-0">
<FormControl>
<Switch
checked={field.value}
onCheckedChange={field.onChange}
/>
</FormControl>
<div className="space-y-1 leading-none">
<FormLabel>Sponsor Gas</FormLabel>
<FormDescription>
Enable gas sponsorship for smart accounts
</FormDescription>
</div>
</FormItem>
)}
/>
<div className="flex flex-col gap-4 md:flex-row md:gap-6">
<FormField
control={form.control}
name="executionMode"
render={({ field }) => (
<FormItem className="flex-1">
<FormLabel>Execution Mode</FormLabel>
<Select
onValueChange={field.onChange}
defaultValue={field.value}
>
<FormControl>
<SelectTrigger>
<SelectValue placeholder="Select execution mode" />
</SelectTrigger>
</FormControl>
<SelectContent>
<SelectItem value="EIP4337">EIP-4337</SelectItem>
<SelectItem value="EIP7702">EIP-7702</SelectItem>
</SelectContent>
</Select>
{(() => {
const originalExecutionMode =
ecosystem.smartAccountOptions?.executionMode ||
"EIP4337";
const currentExecutionMode =
form.watch("executionMode");
const hasChanged =
currentExecutionMode !== originalExecutionMode;

return (
<FormDescription
className={hasChanged ? "text-warning-text" : ""}
>
{hasChanged
? "Changing execution mode will change the final user addresses when they connect to your ecosystem."
: "Smart account standard (EIP-7702 is recommended)"}
</FormDescription>
);
})()}
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="sponsorGas"
render={({ field }) => (
<FormItem className="flex flex-row items-center space-x-3 space-y-0 md:flex-1">
<FormControl>
<Switch
checked={field.value}
onCheckedChange={field.onChange}
/>
</FormControl>
<div className="space-y-1 leading-none">
<FormLabel>Sponsor Gas</FormLabel>
<FormDescription>
Enable gas sponsorship for smart accounts
</FormDescription>
</div>
</FormItem>
)}
/>
</div>
<FormField
control={form.control}
name="defaultChainId"
render={({ field }) => (
<FormItem>
<FormLabel>Default Chain ID</FormLabel>
<FormControl>
<Input {...field} placeholder="1" />
<SingleNetworkSelector
client={client}
chainId={field.value}
onChange={field.onChange}
/>
</FormControl>
<FormDescription>
This will be the chain ID the smart account will be
Expand All @@ -484,56 +545,63 @@ export function AuthOptionsForm({
)}
/>

<FormField
control={form.control}
name="accountFactoryType"
render={({ field }) => (
<FormItem>
<FormLabel>Account Factory</FormLabel>
<Select
onValueChange={field.onChange}
defaultValue={field.value}
>
<FormControl>
<SelectTrigger>
<SelectValue placeholder="Select account factory type" />
</SelectTrigger>
</FormControl>
<SelectContent>
<SelectItem value="v0.6">
Default Account Factory (v0.6)
</SelectItem>
<SelectItem value="v0.7">
Default Account Factory (v0.7)
</SelectItem>
<SelectItem value="custom">Custom factory</SelectItem>
</SelectContent>
</Select>
<FormDescription>
Choose a default account factory or select custom to enter
your own address
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
{form.watch("accountFactoryType") === "custom" && (
<FormField
control={form.control}
name="customAccountFactoryAddress"
render={({ field }) => (
<FormItem>
<FormLabel>Custom Account Factory Address</FormLabel>
<FormControl>
<Input {...field} placeholder="0x..." />
</FormControl>
<FormDescription>
Enter your own smart account factory contract address
</FormDescription>
<FormMessage />
</FormItem>
{form.watch("executionMode") === "EIP4337" && (
<>
<FormField
control={form.control}
name="accountFactoryType"
render={({ field }) => (
<FormItem>
<FormLabel>Account Factory</FormLabel>
<Select
onValueChange={field.onChange}
defaultValue={field.value}
>
<FormControl>
<SelectTrigger>
<SelectValue placeholder="Select account factory type" />
</SelectTrigger>
</FormControl>
<SelectContent>
<SelectItem value="v0.6">
Default Account Factory (v0.6)
</SelectItem>
<SelectItem value="v0.7">
Default Account Factory (v0.7)
</SelectItem>
<SelectItem value="custom">
Custom factory
</SelectItem>
</SelectContent>
</Select>
<FormDescription>
Choose a default account factory or select custom to
enter your own address
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
{form.watch("accountFactoryType") === "custom" && (
<FormField
control={form.control}
name="customAccountFactoryAddress"
render={({ field }) => (
<FormItem>
<FormLabel>Custom Account Factory Address</FormLabel>
<FormControl>
<Input {...field} placeholder="0x..." />
</FormControl>
<FormDescription>
Enter your own smart account factory contract
address
</FormDescription>
<FormMessage />
</FormItem>
)}
/>
)}
/>
</>
)}
</div>
)}
Expand Down
10 changes: 9 additions & 1 deletion ...eam)/~/ecosystem/[slug]/(active)/configuration/components/server/auth-options-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import type { ThirdwebClient } from "thirdweb";
import type { Ecosystem } from "../../../../../types";
import {
AuthOptionsForm,
Expand All @@ -8,14 +9,21 @@ export function AuthOptionsSection({
ecosystem,
authToken,
teamId,
}: { ecosystem?: Ecosystem; authToken: string; teamId: string }) {
client,
}: {
ecosystem?: Ecosystem;
authToken: string;
teamId: string;
client: ThirdwebClient;
}) {
return (
<section className="flex flex-col gap-4 md:gap-8">
{ecosystem ? (
<AuthOptionsForm
ecosystem={ecosystem}
authToken={authToken}
teamId={teamId}
client={client}
/>
) : (
<AuthOptionsFormSkeleton />
Expand Down
3 changes: 2 additions & 1 deletion apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/ecosystem/types.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,8 @@ export type Ecosystem = {
smartAccountOptions?: {
defaultChainId: number;
sponsorGas: boolean;
accountFactoryAddress: string;
accountFactoryAddress?: string;
executionMode?: "EIP4337" | "EIP7702";
} | null;
url: string;
status: "active" | "requested" | "paymentFailed";
Expand Down
2 changes: 1 addition & 1 deletion apps/playground-web/src/components/in-app-wallet/ecosystem.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const getEcosystemWallet = () => {
process.env.NEXT_PUBLIC_IN_APP_WALLET_URL?.endsWith(".thirdweb-dev.com")
) {
// dev ecosystem
return ecosystemWallet("ecosystem.catlovers");
return ecosystemWallet("ecosystem.catfans");
}
// prod ecosystem
return ecosystemWallet("ecosystem.thirdweb-engs", {
Expand Down
3 changes: 2 additions & 1 deletion packages/thirdweb/src/wallets/ecosystem/get-ecosystem-wallet-auth-options.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,8 @@ type EcosystemOptions = {
type SmartAccountOptions = {
defaultChainId: number;
sponsorGas: boolean;
accountFactoryAddress: string;
accountFactoryAddress?: string;
executionMode?: "EIP4337" | "EIP7702";
};

/**
Expand Down
Loading
Loading