feat: add event listener for fee token selection

packages/starknet-snap/src/__tests__/helper.ts

@@ -325,7 +325,7 @@ export function generateTransactionRequests({
       networkName: 'Sepolia',
       signer: address,
       maxFee: '100',
-      feeToken:
+      selectedFeeToken:
         feeTokens[Math.floor(generateRandomValue() * feeTokens.length)].symbol,
       calls: [
         {
@@ -341,6 +341,18 @@ export function generateTransactionRequests({
         },
       ],
       includeDeploy: false,
+      resourceBounds: [
+        {
+          l1_gas: {
+            max_amount: '0',
+            max_price_per_unit: '0',
+          },
+          l2_gas: {
+            max_amount: '0',
+            max_price_per_unit: '0',
+          },
+        },
+      ],
     });
   }
 

packages/starknet-snap/src/index.tsx

@@ -3,8 +3,11 @@ import type {
   OnHomePageHandler,
   OnInstallHandler,
   OnUpdateHandler,
+  OnUserInputHandler,
+  UserInputEvent,
+  InterfaceContext,
 } from '@metamask/snaps-sdk';
-import { MethodNotFoundError } from '@metamask/snaps-sdk';
+import { MethodNotFoundError, UserInputEventType } from '@metamask/snaps-sdk';
 import { Box, Link, Text } from '@metamask/snaps-sdk/jsx';
 
 import { addNetwork } from './addNetwork';
@@ -60,6 +63,7 @@ import type {
 } from './types/snapApi';
 import type { SnapState } from './types/snapState';
 import { upgradeAccContract } from './upgradeAccContract';
+import { feeTokenSelectorController } from './user-inputs';
 import {
   getDappUrl,
   getStateData,
@@ -341,3 +345,38 @@ export const onUpdate: OnUpdateHandler = async () => {
 export const onHomePage: OnHomePageHandler = async () => {
   return await homePageController.execute();
 };
+
+/**
+ * Handle incoming user events coming from the MetaMask clients open interfaces.
+ *
+ * @param params - The event parameters.
+ * @param params.id - The Snap interface ID where the event was fired.
+ * @param params.event - The event object containing the event type, name, and
+ * value.
+ * @param params.context
+ * @see https://docs.metamask.io/snaps/reference/exports/#onuserinput
+ */
+export const onUserInput: OnUserInputHandler = async ({
+  id,
+  event,
+  context,
+}: {
+  id: string;
+  event: UserInputEvent;
+  context: InterfaceContext | null;
+}): Promise<void> => {
+  const generateEventKey = (type: UserInputEventType, name: string) =>
+    `${type}_${name}`;
+  const eventKey = generateEventKey(event.type, event.name ?? '');
+
+  switch (eventKey) {
+    case generateEventKey(
+      UserInputEventType.InputChangeEvent,
+      'feeTokenSelector',
+    ):
+      await feeTokenSelectorController.execute(id, event, context);
+      break;
+    default:
+      throw new MethodNotFoundError() as unknown as Error;
+  }
+};

packages/starknet-snap/src/rpcs/__tests__/helper.ts

@@ -58,6 +58,20 @@ export function prepareConfirmDialog() {
   };
 }
 
+/**
+ *
+ */
+export function prepareConfirmDialogInteractiveUI() {
+  const confirmDialogSpy = jest.spyOn(
+    snapHelper,
+    'createInteractiveConfirmDialog',
+  );
+  confirmDialogSpy.mockResolvedValue(true);
+  return {
+    confirmDialogSpy,
+  };
+}
+
 /**
  *
  */

packages/starknet-snap/src/rpcs/execute-txn.test.ts

@@ -14,7 +14,7 @@ import { executeTxn as executeTxnUtil } from '../utils/starknetUtils';
 import {
   generateRandomFee,
   mockAccount,
-  prepareConfirmDialog,
+  prepareConfirmDialogInteractiveUI,
   prepareMockAccount,
 } from './__tests__/helper';
 import type { ExecuteTxnParams } from './execute-txn';
@@ -35,7 +35,7 @@ const prepareMockExecuteTxn = async (
     networks: [STARKNET_SEPOLIA_TESTNET_NETWORK],
     transactions: [],
   };
-  const { confirmDialogSpy } = prepareConfirmDialog();
+  const { confirmDialogSpy } = prepareConfirmDialogInteractiveUI();
 
   const account = await mockAccount(constants.StarknetChainId.SN_SEPOLIA);
   prepareMockAccount(account, state);
@@ -141,6 +141,7 @@ describe('ExecuteTxn', () => {
     'stores transaction in state correctly if the params `calls` is $testCaseTitle',
     async ({ calls }: { calls: any }) => {
       const call = Array.isArray(calls.calls) ? calls.calls[0] : calls.calls;
+      const callsArray = ([] as Call[]).concat(calls.calls);
       const {
         account,
         createAccountSpy,
@@ -163,7 +164,7 @@ describe('ExecuteTxn', () => {
         STARKNET_SEPOLIA_TESTNET_NETWORK,
         account.address,
         account.privateKey,
-        request.calls,
+        callsArray,
         undefined,
         {
           ...calls.details,