add openSetDelegate(address)

examples/starknet-react-next/src/components/DelegateAccount.tsx

@@ -29,7 +29,7 @@ export const DelegateAccount = () => {
       setDelegateAddress(delegate?.toString() || "");
       setIsDelegateSupported(true);
     } catch (e: any) {
-      console.log(e)
+      console.log(e);
       // controller doesnt support delegateAccount, ignore
     }
   }, [account, chainId, cartridgeConnector]);
@@ -76,12 +76,16 @@ export const DelegateAccount = () => {
               type="text"
               min-width="420px"
               value={delegateAddressInput}
-              onChange={(e:any ) => setDelegateAddressInput(e.target.value)}
+              onChange={(e: any) => setDelegateAddressInput(e.target.value)}
             />
             <Button onClick={() => execute()} disabled={submitted}>
               Set Delegate
             </Button>
           </div>
+
+          <div className="flex gap-2">
+            <Button onClick={() => cartridgeConnector.openSetDelegate(delegateAddressInput)}>Open Set Delegate</Button>
+          </div>
         </>
       ) : (
         <p>Not supported!</p>

packages/connector/src/index.ts

@@ -68,6 +68,10 @@ class ControllerConnector extends Connector {
     return await this.controller.delegateAccount();
   }
 
+  async openSetDelegate(address: string) {
+    return await this.controller.openSetDelegate(address)
+  }
+
   async openMenu() {
     return await this.controller.openMenu();
   }

packages/controller/src/index.ts

@@ -72,6 +72,20 @@ class Controller {
     return true;
   }
 
+  async openSetDelegate(address: string) {
+    if (!this.keychain || !this.modal) {
+      console.error(new NotReadyToConnect().message);
+      return null;
+    }
+    this.modal.open();
+    const res = await this.keychain.openSetDelegate(address);
+    this.modal.close();
+    if (res && (res as ConnectError).code === ResponseCodes.NOT_CONNECTED) {
+      return false;
+    }
+    return true;
+  }
+
   private initModal() {
     if (typeof document === "undefined") return;
 

packages/controller/src/types.ts

@@ -87,6 +87,7 @@ export interface Keychain {
   ): Promise<ExecuteReply | ConnectError>;
   logout(): Promise<void>;
   openMenu(): Promise<void | ConnectError>;
+  openSetDelegate(address: string): Promise<void | ConnectError>;
   session(): Promise<Session>;
   sessions(): Promise<{
     [key: string]: Session;

packages/keychain/src/components/SetDelegate.tsx

@@ -7,11 +7,13 @@ import { CallData, num } from "starknet";
 export function SetDelegate({
   onClose,
   onSetDelegate,
+  defaultAddress,
 }: {
   onClose: () => void;
   onSetDelegate: (address: string) => void;
+  defaultAddress: string;
 }) {
-  const [delegateAddress, setDelegateAddress] = useState("");
+  const [delegateAddress, setDelegateAddress] = useState(defaultAddress);
   const [isValid, setIsValid] = useState(true);
 
   useEffect(() => {

packages/keychain/src/pages/index.tsx

@@ -168,6 +168,7 @@ function Home() {
             onSetDelegate={(delegateAddress) => {
               setDelegateTransaction(ctx, delegateAddress);
             }}
+            defaultAddress={ctx.account}
           />
         </DeploymentRequired>
       );