fix(id.place,entrykit): pick correct porto chain (#3803)

Author: frolic

apps/id.place/package.json

@@ -25,7 +25,7 @@
     "@tanstack/react-query": "^5.83.0",
     "arktype": "2.0.0-beta.6",
     "ox": "^0.8.3",
-    "porto": "0.0.60",
+    "porto": "0.0.76",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router": "^7.6.3",

apps/id.place/popup/router.tsx

@@ -22,7 +22,6 @@ export const router = createHashRouter([
 // TODO: instead of URL params which could be tampered with or linked to from outside our flow, we should
 //       store the request somewhere and use the ID to look it up, then we can also store the origin of the message event
 //       instead of relying on document.referrer (which may be blank for private sessions)
-// TODO: add `origin` to `onDialogRequest` callback
 const offDialogRequest = onDialogRequest(porto, ({ request }) => {
   if (request) {
     router.navigate(`/request/${request.method}?${new URLSearchParams({ request: JSON.stringify(request ?? null) })}`, {

apps/id.place/src/popup/mode.ts

@@ -339,6 +339,11 @@ export function mode(): Mode.Mode {
         await wait(1000);
         throw new Provider.UnsupportedMethodError();
       },
+      async getAssets(parameters) {
+        console.log("popup.mode.getAssets", parameters);
+        await wait(1000);
+        throw new Provider.UnsupportedMethodError();
+      },
       async getCallsStatus(parameters) {
         console.log("popup.mode.getCallsStatus", parameters);
         await wait(1000);

packages/entrykit/src/ConnectWallet.tsx

@@ -5,6 +5,7 @@ import { twMerge } from "tailwind-merge";
 import { useEffect, useRef } from "react";
 import { useConnect, useConnectors } from "wagmi";
 import { IdPlaceConnector, isIdPlaceConnector } from "@latticexyz/id.place/internal";
+import { useEntryKitConfig } from "./EntryKitConfigProvider";
 
 export function ConnectWallet() {
   const connectors = useConnectors();
@@ -30,6 +31,7 @@ export function ConnectWallet() {
 function AccountButton({ connector }: { connector: IdPlaceConnector }) {
   const { setOpen } = useModal();
   const { connect, isPending, error } = useConnect();
+  const { chainId } = useEntryKitConfig();
 
   if (error) {
     console.error("connect error", error);
@@ -42,7 +44,16 @@ function AccountButton({ connector }: { connector: IdPlaceConnector }) {
         variant="secondary"
         className="self-auto flex justify-center"
         pending={isPending}
-        onClick={() => connect({ connector })}
+        onClick={() =>
+          connect({
+            connector,
+            // need to provide both `chainId` and `capabilities` to the
+            // Porto connector so a fresh browser instance reusing a synced passkey
+            // can be bound to the correct chain ID for the account
+            chainId,
+            capabilities: {},
+          })
+        }
         autoFocus
       >
         Sign in

packages/id.place/package.json

@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "debug": "^4.3.4",
-    "porto": "0.0.60"
+    "porto": "0.0.76"
   },
   "devDependencies": {
     "@types/debug": "^4.1.7",