@metamask/snaps-jest 7.0.2 → 8.1.0

package/dist/{chunk-QPC6UJH7.mjs → chunk-AFA4KKWW.mjs}

@@ -5,14 +5,14 @@ import {
 } from "./chunk-74TIKA2T.mjs";
 
 // src/internals/simulation/interface.ts
+import { DialogType, UserInputEventType, assert } from "@metamask/snaps-sdk";
 import {
-  ButtonType,
-  DialogType,
-  NodeType,
-  UserInputEventType,
-  assert
-} from "@metamask/snaps-sdk";
-import { HandlerType, hasChildren, unwrapError } from "@metamask/snaps-utils";
+  HandlerType,
+  getJsxChildren,
+  unwrapError,
+  walkJsx
+} from "@metamask/snaps-utils";
+import { hasProperty } from "@metamask/utils";
 import { call, put, select, take } from "redux-saga/effects";
 function getInterfaceResponse(runSaga, type, content, interfaceActions) {
   switch (type) {
@@ -77,23 +77,36 @@ function* getStoredInterface(controllerMessenger, snapId) {
   );
   return { ...payload, content };
 }
+function isJSXElementWithName(element, name) {
+  return hasProperty(element.props, "name") && element.props.name === name;
+}
+function getFormElement(form, name) {
+  const element = walkJsx(form, (childElement) => {
+    if (isJSXElementWithName(childElement, name)) {
+      return childElement;
+    }
+    return void 0;
+  });
+  if (element === void 0) {
+    return void 0;
+  }
+  return { element, form: form.props.name };
+}
 function getElement(content, name) {
-  const { type } = content;
-  if ((type === NodeType.Button || type === NodeType.Input) && content.name === name) {
+  if (isJSXElementWithName(content, name)) {
     return { element: content };
   }
-  if (hasChildren(content)) {
-    for (const element of content.children) {
-      const result = getElement(element, name);
-      const form = type === NodeType.Form ? content.name : result?.form;
-      if (result) {
-        return { element: result.element, form };
-      }
+  return walkJsx(content, (element) => {
+    if (element.type === "Form") {
+      return getFormElement(element, name);
     }
-  }
-  return void 0;
+    if (isJSXElementWithName(element, name)) {
+      return { element };
+    }
+    return void 0;
+  });
 }
-async function handleEvent(controllerMessenger, snapId, id, event) {
+async function handleEvent(controllerMessenger, snapId, id, event, context) {
   try {
     await controllerMessenger.call(
       "ExecutionService:handleRpcRequest",
@@ -106,7 +119,8 @@ async function handleEvent(controllerMessenger, snapId, id, event) {
           method: " ",
           params: {
             event,
-            id
+            id,
+            context
           }
         }
       }
@@ -119,24 +133,40 @@ async function handleEvent(controllerMessenger, snapId, id, event) {
 async function clickElement(controllerMessenger, id, content, snapId, name) {
   const result = getElement(content, name);
   assert(
-    result !== void 0 && result.element.type === NodeType.Button,
-    "No button found in the interface."
+    result !== void 0,
+    `Could not find an element in the interface with the name "${name}".`
   );
-  await handleEvent(controllerMessenger, snapId, id, {
-    type: UserInputEventType.ButtonClickEvent,
-    name: result.element.name
-  });
-  if (result.form && result.element.buttonType === ButtonType.Submit) {
-    const { state } = controllerMessenger.call(
-      "SnapInterfaceController:getInterface",
+  assert(
+    result.element.type === "Button",
+    `Expected an element of type "Button", but found "${result.element.type}".`
+  );
+  const { state, context } = controllerMessenger.call(
+    "SnapInterfaceController:getInterface",
+    snapId,
+    id
+  );
+  await handleEvent(
+    controllerMessenger,
+    snapId,
+    id,
+    {
+      type: UserInputEventType.ButtonClickEvent,
+      name: result.element.props.name
+    },
+    context
+  );
+  if (result.form && result.element.props.type === "submit") {
+    await handleEvent(
+      controllerMessenger,
       snapId,
-      id
+      id,
+      {
+        type: UserInputEventType.FormSubmitEvent,
+        name: result.form,
+        value: state[result.form]
+      },
+      context
     );
-    await handleEvent(controllerMessenger, snapId, id, {
-      type: UserInputEventType.FormSubmitEvent,
-      name: result.form,
-      value: state[result.form]
-    });
   }
 }
 function mergeValue(state, name, value, form) {
@@ -154,10 +184,61 @@ function mergeValue(state, name, value, form) {
 async function typeInField(controllerMessenger, id, content, snapId, name, value) {
   const result = getElement(content, name);
   assert(
-    result !== void 0 && result.element.type === NodeType.Input,
-    "No input found in the interface."
+    result !== void 0,
+    `Could not find an element in the interface with the name "${name}".`
+  );
+  assert(
+    result.element.type === "Input",
+    `Expected an element of type "Input", but found "${result.element.type}".`
+  );
+  const { state, context } = controllerMessenger.call(
+    "SnapInterfaceController:getInterface",
+    snapId,
+    id
+  );
+  const newState = mergeValue(state, name, value, result.form);
+  controllerMessenger.call(
+    "SnapInterfaceController:updateInterfaceState",
+    id,
+    newState
+  );
+  await controllerMessenger.call("ExecutionService:handleRpcRequest", snapId, {
+    origin: "",
+    handler: HandlerType.OnUserInput,
+    request: {
+      jsonrpc: "2.0",
+      method: " ",
+      params: {
+        event: {
+          type: UserInputEventType.InputChangeEvent,
+          name: result.element.props.name,
+          value
+        },
+        id,
+        context
+      }
+    }
+  });
+}
+async function selectInDropdown(controllerMessenger, id, content, snapId, name, value) {
+  const result = getElement(content, name);
+  assert(
+    result !== void 0,
+    `Could not find an element in the interface with the name "${name}".`
   );
-  const { state } = controllerMessenger.call(
+  assert(
+    result.element.type === "Dropdown",
+    `Expected an element of type "Dropdown", but found "${result.element.type}".`
+  );
+  const options = getJsxChildren(result.element);
+  const selectedOption = options.find(
+    (option) => hasProperty(option.props, "value") && option.props.value === value
+  );
+  assert(
+    selectedOption !== void 0,
+    `The dropdown with the name "${name}" does not contain "${value}".`
+  );
+  const { state, context } = controllerMessenger.call(
     "SnapInterfaceController:getInterface",
     snapId,
     id
@@ -177,10 +258,11 @@ async function typeInField(controllerMessenger, id, content, snapId, name, value
       params: {
         event: {
           type: UserInputEventType.InputChangeEvent,
-          name: result.element.name,
+          name: result.element.props.name,
           value
         },
-        id
+        id,
+        context
       }
     }
   });
@@ -197,6 +279,16 @@ function* getInterface(runSaga, snapId, controllerMessenger) {
     },
     typeInField: async (name, value) => {
       await typeInField(controllerMessenger, id, content, snapId, name, value);
+    },
+    selectInDropdown: async (name, value) => {
+      await selectInDropdown(
+        controllerMessenger,
+        id,
+        content,
+        snapId,
+        name,
+        value
+      );
     }
   };
   return getInterfaceResponse(runSaga, type, content, interfaceActions);
@@ -208,6 +300,7 @@ export {
   clickElement,
   mergeValue,
   typeInField,
+  selectInDropdown,
   getInterface
 };
-//# sourceMappingURL=chunk-QPC6UJH7.mjs.map
+//# sourceMappingURL=chunk-AFA4KKWW.mjs.map

package/dist/chunk-AFA4KKWW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internals/simulation/interface.ts"],"sourcesContent":["import type {\n  FormState,\n  InterfaceContext,\n  InterfaceState,\n  SnapId,\n  UserInputEvent,\n} from '@metamask/snaps-sdk';\nimport { DialogType, UserInputEventType, assert } from '@metamask/snaps-sdk';\nimport type { FormElement, JSXElement } from '@metamask/snaps-sdk/jsx';\nimport {\n  HandlerType,\n  getJsxChildren,\n  unwrapError,\n  walkJsx,\n} from '@metamask/snaps-utils';\nimport { hasProperty } from '@metamask/utils';\nimport type { PayloadAction } from '@reduxjs/toolkit';\nimport { type SagaIterator } from 'redux-saga';\nimport { call, put, select, take } from 'redux-saga/effects';\n\nimport type { SnapInterface, SnapInterfaceActions } from '../../types';\nimport type { RootControllerMessenger } from './controllers';\nimport type { Interface, RunSagaFunction } from './store';\nimport { getCurrentInterface, resolveInterface, setInterface } from './store';\n\n/**\n * Get a user interface object from a type and content object.\n *\n * @param runSaga - A function to run a saga outside the usual Redux flow.\n * @param type - The type of the interface.\n * @param content - The content to show in the interface.\n * @param interfaceActions - The actions to interact with the interface.\n * @returns The user interface object.\n */\nexport function getInterfaceResponse(\n  runSaga: RunSagaFunction,\n  type: DialogType,\n  content: JSXElement,\n  interfaceActions: SnapInterfaceActions,\n): SnapInterface {\n  switch (type) {\n    case DialogType.Alert:\n      return {\n        ...interfaceActions,\n        type,\n        content,\n        ok: resolveWith(runSaga, null),\n      };\n\n    case DialogType.Confirmation:\n      return {\n        ...interfaceActions,\n        type,\n        content,\n\n        ok: resolveWith(runSaga, true),\n        cancel: resolveWith(runSaga, false),\n      };\n\n    case DialogType.Prompt:\n      return {\n        ...interfaceActions,\n        type,\n        content,\n\n        ok: resolveWithInput(runSaga),\n        cancel: resolveWith(runSaga, null),\n      };\n\n    default:\n      throw new Error(`Unknown or unsupported dialog type: \"${String(type)}\".`);\n  }\n}\n\n/**\n * Resolve the current user interface with the given value. This returns a\n * function that can be used to resolve the user interface.\n *\n * @param runSaga - A function to run a saga outside the usual Redux flow.\n * @param value - The value to resolve the user interface with.\n * @returns A function that can be used to resolve the user interface.\n */\nfunction resolveWith(runSaga: RunSagaFunction, value: unknown) {\n  /**\n   * Resolve the current user interface with the given value.\n   *\n   * @yields Puts the resolve user interface action.\n   */\n  function* resolveWithSaga(): SagaIterator {\n    yield put(resolveInterface(value));\n  }\n\n  return async () => {\n    await runSaga(resolveWithSaga).toPromise();\n  };\n}\n\n/**\n * Resolve the current user interface with the provided input. This returns a\n * function that can be used to resolve the user interface.\n *\n * @param runSaga - A function to run a saga outside the usual Redux flow.\n * @returns A function that can be used to resolve the user interface.\n */\nfunction resolveWithInput(runSaga: RunSagaFunction) {\n  /**\n   * Resolve the current user interface with the given value.\n   *\n   * @param value - The value to resolve the user interface with.\n   * @yields Puts the resolve user interface action.\n   */\n  function* resolveWithSaga(value: string): SagaIterator {\n    yield put(resolveInterface(value));\n  }\n\n  return async (value = '') => {\n    await runSaga(resolveWithSaga, value).toPromise();\n  };\n}\n\n/**\n * Get the stored user interface from the store.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @param snapId - The Snap ID.\n * @yields Takes the set interface action.\n * @returns The user interface object.\n */\nfunction* getStoredInterface(\n  controllerMessenger: RootControllerMessenger,\n  snapId: SnapId,\n): SagaIterator<Interface & { content: JSXElement }> {\n  const currentInterface: Interface | null = yield select(getCurrentInterface);\n\n  if (currentInterface) {\n    const { content } = controllerMessenger.call(\n      'SnapInterfaceController:getInterface',\n      snapId,\n      currentInterface.id,\n    );\n\n    return { ...currentInterface, content };\n  }\n\n  const { payload }: PayloadAction<Interface> = yield take(setInterface.type);\n  const { content } = controllerMessenger.call(\n    'SnapInterfaceController:getInterface',\n    snapId,\n    payload.id,\n  );\n\n  return { ...payload, content };\n}\n\n/**\n * A JSX element with a name.\n */\nexport type NamedJSXElement = JSXElement & { props: { name: string } };\n\n/**\n * Check if a JSX element is a JSX element with a given name.\n *\n * @param element - The JSX element.\n * @param name - The element name.\n * @returns True if the element is a JSX element with the given name, otherwise\n * false.\n */\nfunction isJSXElementWithName<Element extends JSXElement, Name extends string>(\n  element: Element,\n  name: Name,\n): element is Element & { props: { name: Name } } {\n  return hasProperty(element.props, 'name') && element.props.name === name;\n}\n\n/**\n * Find an element inside a form element in a JSX tree.\n *\n * @param form - The form element.\n * @param name - The element name.\n * @returns An object containing the element and the form name if it's contained\n * in a form, otherwise undefined.\n */\nfunction getFormElement(form: FormElement, name: string) {\n  const element = walkJsx<NamedJSXElement>(form, (childElement) => {\n    if (isJSXElementWithName(childElement, name)) {\n      return childElement;\n    }\n\n    return undefined;\n  });\n\n  if (element === undefined) {\n    return undefined;\n  }\n\n  return { element, form: form.props.name };\n}\n\n/**\n * Get an element from a JSX tree with the given name.\n *\n * @param content - The interface content.\n * @param name - The element name.\n * @returns An object containing the element and the form name if it's contained\n * in a form, otherwise undefined.\n */\nexport function getElement(\n  content: JSXElement,\n  name: string,\n):\n  | {\n      element: NamedJSXElement;\n      form?: string;\n    }\n  | undefined {\n  if (isJSXElementWithName(content, name)) {\n    return { element: content };\n  }\n\n  return walkJsx(content, (element) => {\n    if (element.type === 'Form') {\n      return getFormElement(element, name);\n    }\n\n    if (isJSXElementWithName(element, name)) {\n      return { element };\n    }\n\n    return undefined;\n  });\n}\n/**\n * Handle submitting event requests to OnUserInput including unwrapping potential errors.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @param snapId - The Snap ID.\n * @param id - The interface ID.\n * @param event - The event to submit.\n * @param context - The interface context.\n */\nasync function handleEvent(\n  controllerMessenger: RootControllerMessenger,\n  snapId: SnapId,\n  id: string,\n  event: UserInputEvent,\n  context: InterfaceContext | null,\n) {\n  try {\n    await controllerMessenger.call(\n      'ExecutionService:handleRpcRequest',\n      snapId,\n      {\n        origin: '',\n        handler: HandlerType.OnUserInput,\n        request: {\n          jsonrpc: '2.0',\n          method: ' ',\n          params: {\n            event,\n            id,\n            context,\n          },\n        },\n      },\n    );\n  } catch (error) {\n    const [unwrapped] = unwrapError(error);\n    throw unwrapped;\n  }\n}\n\n/**\n * Click on an element of the Snap interface.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @param id - The interface ID.\n * @param content - The interface content.\n * @param snapId - The Snap ID.\n * @param name - The element name.\n */\nexport async function clickElement(\n  controllerMessenger: RootControllerMessenger,\n  id: string,\n  content: JSXElement,\n  snapId: SnapId,\n  name: string,\n): Promise<void> {\n  const result = getElement(content, name);\n  assert(\n    result !== undefined,\n    `Could not find an element in the interface with the name \"${name}\".`,\n  );\n\n  assert(\n    result.element.type === 'Button',\n    `Expected an element of type \"Button\", but found \"${result.element.type}\".`,\n  );\n\n  const { state, context } = controllerMessenger.call(\n    'SnapInterfaceController:getInterface',\n    snapId,\n    id,\n  );\n\n  // Button click events are always triggered.\n  await handleEvent(\n    controllerMessenger,\n    snapId,\n    id,\n    {\n      type: UserInputEventType.ButtonClickEvent,\n      name: result.element.props.name,\n    },\n    context,\n  );\n\n  if (result.form && result.element.props.type === 'submit') {\n    await handleEvent(\n      controllerMessenger,\n      snapId,\n      id,\n      {\n        type: UserInputEventType.FormSubmitEvent,\n        name: result.form,\n        value: state[result.form] as Record<string, string | null>,\n      },\n      context,\n    );\n  }\n}\n\n/**\n * Merge a value in the interface state.\n *\n * @param state - The actual interface state.\n * @param name - The component name that changed value.\n * @param value - The new value.\n * @param form - The form name if the element is in one.\n * @returns The state with the merged value.\n */\nexport function mergeValue(\n  state: InterfaceState,\n  name: string,\n  value: string | null,\n  form?: string,\n): InterfaceState {\n  if (form) {\n    return {\n      ...state,\n      [form]: {\n        ...(state[form] as FormState),\n        [name]: value,\n      },\n    };\n  }\n\n  return { ...state, [name]: value };\n}\n\n/**\n * Type a value in an interface element.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @param id - The interface ID.\n * @param content - The interface Components.\n * @param snapId - The Snap ID.\n * @param name - The element name.\n * @param value - The value to type in the element.\n */\nexport async function typeInField(\n  controllerMessenger: RootControllerMessenger,\n  id: string,\n  content: JSXElement,\n  snapId: SnapId,\n  name: string,\n  value: string,\n) {\n  const result = getElement(content, name);\n\n  assert(\n    result !== undefined,\n    `Could not find an element in the interface with the name \"${name}\".`,\n  );\n\n  assert(\n    result.element.type === 'Input',\n    `Expected an element of type \"Input\", but found \"${result.element.type}\".`,\n  );\n\n  const { state, context } = controllerMessenger.call(\n    'SnapInterfaceController:getInterface',\n    snapId,\n    id,\n  );\n\n  const newState = mergeValue(state, name, value, result.form);\n\n  controllerMessenger.call(\n    'SnapInterfaceController:updateInterfaceState',\n    id,\n    newState,\n  );\n\n  await controllerMessenger.call('ExecutionService:handleRpcRequest', snapId, {\n    origin: '',\n    handler: HandlerType.OnUserInput,\n    request: {\n      jsonrpc: '2.0',\n      method: ' ',\n      params: {\n        event: {\n          type: UserInputEventType.InputChangeEvent,\n          name: result.element.props.name,\n          value,\n        },\n        id,\n        context,\n      },\n    },\n  });\n}\n\n/**\n * Type a value in an interface element.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @param id - The interface ID.\n * @param content - The interface Components.\n * @param snapId - The Snap ID.\n * @param name - The element name.\n * @param value - The value to type in the element.\n */\nexport async function selectInDropdown(\n  controllerMessenger: RootControllerMessenger,\n  id: string,\n  content: JSXElement,\n  snapId: SnapId,\n  name: string,\n  value: string,\n) {\n  const result = getElement(content, name);\n\n  assert(\n    result !== undefined,\n    `Could not find an element in the interface with the name \"${name}\".`,\n  );\n\n  assert(\n    result.element.type === 'Dropdown',\n    `Expected an element of type \"Dropdown\", but found \"${result.element.type}\".`,\n  );\n\n  const options = getJsxChildren(result.element) as JSXElement[];\n  const selectedOption = options.find(\n    (option) =>\n      hasProperty(option.props, 'value') && option.props.value === value,\n  );\n\n  assert(\n    selectedOption !== undefined,\n    `The dropdown with the name \"${name}\" does not contain \"${value}\".`,\n  );\n\n  const { state, context } = controllerMessenger.call(\n    'SnapInterfaceController:getInterface',\n    snapId,\n    id,\n  );\n\n  const newState = mergeValue(state, name, value, result.form);\n\n  controllerMessenger.call(\n    'SnapInterfaceController:updateInterfaceState',\n    id,\n    newState,\n  );\n\n  await controllerMessenger.call('ExecutionService:handleRpcRequest', snapId, {\n    origin: '',\n    handler: HandlerType.OnUserInput,\n    request: {\n      jsonrpc: '2.0',\n      method: ' ',\n      params: {\n        event: {\n          type: UserInputEventType.InputChangeEvent,\n          name: result.element.props.name,\n          value,\n        },\n        id,\n        context,\n      },\n    },\n  });\n}\n\n/**\n * Get a user interface object from a Snap.\n *\n * @param runSaga - A function to run a saga outside the usual Redux flow.\n * @param snapId - The Snap ID.\n * @param controllerMessenger - The controller messenger used to call actions.\n * @yields Takes the set interface action.\n * @returns The user interface object.\n */\nexport function* getInterface(\n  runSaga: RunSagaFunction,\n  snapId: SnapId,\n  controllerMessenger: RootControllerMessenger,\n): SagaIterator<SnapInterface> {\n  const { type, id, content } = yield call(\n    getStoredInterface,\n    controllerMessenger,\n    snapId,\n  );\n\n  const interfaceActions = {\n    clickElement: async (name: string) => {\n      await clickElement(controllerMessenger, id, content, snapId, name);\n    },\n    typeInField: async (name: string, value: string) => {\n      await typeInField(controllerMessenger, id, content, snapId, name, value);\n    },\n    selectInDropdown: async (name: string, value: string) => {\n      await selectInDropdown(\n        controllerMessenger,\n        id,\n        content,\n        snapId,\n        name,\n        value,\n      );\n    },\n  };\n\n  return getInterfaceResponse(runSaga, type, content, interfaceActions);\n}\n"],"mappings":"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","names":["content"]}

package/dist/{chunk-VSUNWJMQ.mjs → chunk-E2BYTLOT.mjs}

@@ -10,10 +10,10 @@ import {
 import {
   getControllers,
   registerSnap
-} from "./chunk-LG3VKXGH.mjs";
+} from "./chunk-GG2BCPQH.mjs";
 import {
   getEndowments
-} from "./chunk-TAIJXTLU.mjs";
+} from "./chunk-TMAWGVZP.mjs";
 import {
   createStore
 } from "./chunk-3M4GRUMH.mjs";
@@ -131,4 +131,4 @@ export {
   getHooks,
   registerActions
 };
-//# sourceMappingURL=chunk-VSUNWJMQ.mjs.map
+//# sourceMappingURL=chunk-E2BYTLOT.mjs.map

package/dist/{chunk-MCYTJUDG.js → chunk-EDFQDZNY.js}

@@ -10,10 +10,10 @@ var _chunkVXPCUDBIjs = require('./chunk-VXPCUDBI.js');
 
 
 
-var _chunkDTDYOBCIjs = require('./chunk-DTDYOBCI.js');
+var _chunk44ARQBXSjs = require('./chunk-44ARQBXS.js');
 
 
-var _chunkZWN4SO2Vjs = require('./chunk-ZWN4SO2V.js');
+var _chunkMBQHVBLAjs = require('./chunk-MBQHVBLA.js');
 
 
 var _chunkWMLSD6B5js = require('./chunk-WMLSD6B5.js');
@@ -44,7 +44,7 @@ async function handleInstallSnap(snapId, {
   const controllerMessenger = new (0, _basecontroller.ControllerMessenger)();
   registerActions(controllerMessenger);
   const hooks = getHooks(options, snapFiles, snapId, controllerMessenger);
-  const { subjectMetadataController, permissionController } = _chunkDTDYOBCIjs.getControllers.call(void 0, {
+  const { subjectMetadataController, permissionController } = _chunk44ARQBXSjs.getControllers.call(void 0, {
     controllerMessenger,
     hooks,
     runSaga,
@@ -76,14 +76,14 @@ async function handleInstallSnap(snapId, {
       });
     }
   });
-  await _chunkDTDYOBCIjs.registerSnap.call(void 0, snapId, snapFiles.manifest.result, {
+  await _chunk44ARQBXSjs.registerSnap.call(void 0, snapId, snapFiles.manifest.result, {
     permissionController,
     subjectMetadataController
   });
   await service.executeSnap({
     snapId,
     sourceCode: snapFiles.sourceCode.toString("utf8"),
-    endowments: await _chunkZWN4SO2Vjs.getEndowments.call(void 0, permissionController, snapId)
+    endowments: await _chunkMBQHVBLAjs.getEndowments.call(void 0, permissionController, snapId)
   });
   return {
     snapId,
@@ -131,4 +131,4 @@ function registerActions(controllerMessenger) {
 
 
 exports.handleInstallSnap = handleInstallSnap; exports.getHooks = getHooks; exports.registerActions = registerActions;
-//# sourceMappingURL=chunk-MCYTJUDG.js.map
+//# sourceMappingURL=chunk-EDFQDZNY.js.map

package/dist/{chunk-WH5C5WIZ.mjs → chunk-FQWOVTBB.mjs}

@@ -1,9 +1,10 @@
 // src/internals/simulation/methods/hooks/interface.ts
 function getCreateInterfaceImplementation(controllerMessenger) {
-  return async (snapId, content) => controllerMessenger.call(
+  return async (snapId, content, context) => controllerMessenger.call(
     "SnapInterfaceController:createInterface",
     snapId,
-    content
+    content,
+    context
   );
 }
 function getGetInterfaceImplementation(controllerMessenger) {
@@ -18,4 +19,4 @@ export {
   getCreateInterfaceImplementation,
   getGetInterfaceImplementation
 };
-//# sourceMappingURL=chunk-WH5C5WIZ.mjs.map
+//# sourceMappingURL=chunk-FQWOVTBB.mjs.map

package/dist/chunk-FQWOVTBB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internals/simulation/methods/hooks/interface.ts"],"sourcesContent":["import type { Component, InterfaceContext, SnapId } from '@metamask/snaps-sdk';\n\nimport type { RootControllerMessenger } from '../../controllers';\n\n/**\n * Get the implementation of the `createInterface` hook.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @returns The implementation of the `createInterface` hook.\n */\nexport function getCreateInterfaceImplementation(\n  controllerMessenger: RootControllerMessenger,\n) {\n  return async (\n    snapId: SnapId,\n    content: Component,\n    context?: InterfaceContext,\n  ) =>\n    controllerMessenger.call(\n      'SnapInterfaceController:createInterface',\n      snapId,\n      content,\n      context,\n    );\n}\n\n/**\n * Get the implementation of the `getInterface` hook.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @returns The implementation of the `getInterface` hook.\n */\nexport function getGetInterfaceImplementation(\n  controllerMessenger: RootControllerMessenger,\n) {\n  return (snapId: SnapId, id: string) =>\n    controllerMessenger.call(\n      'SnapInterfaceController:getInterface',\n      snapId,\n      id,\n    );\n}\n"],"mappings":";AAUO,SAAS,iCACd,qBACA;AACA,SAAO,OACL,QACA,SACA,YAEA,oBAAoB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACJ;AAQO,SAAS,8BACd,qBACA;AACA,SAAO,CAAC,QAAgB,OACtB,oBAAoB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACJ;","names":[]}

package/dist/{chunk-LG3VKXGH.mjs → chunk-GG2BCPQH.mjs}

@@ -1,6 +1,6 @@
 import {
   getPermissionSpecifications
-} from "./chunk-TAIJXTLU.mjs";
+} from "./chunk-TMAWGVZP.mjs";
 import {
   UNRESTRICTED_METHODS
 } from "./chunk-57SGDM5B.mjs";
@@ -92,4 +92,4 @@ export {
   getControllers,
   registerSnap
 };
-//# sourceMappingURL=chunk-LG3VKXGH.mjs.map
+//# sourceMappingURL=chunk-GG2BCPQH.mjs.map

package/dist/{chunk-YEVKBYKO.mjs → chunk-HOI6FPLR.mjs}

@@ -1,9 +1,6 @@
 // src/internals/structs.ts
-import {
-  ComponentStruct,
-  NotificationType,
-  enumValue
-} from "@metamask/snaps-sdk";
+import { NotificationType, enumValue } from "@metamask/snaps-sdk";
+import { JSXElementStruct } from "@metamask/snaps-sdk/jsx";
 import {
   bytesToHex,
   JsonStruct,
@@ -196,7 +193,7 @@ var JsonRpcMockOptionsStruct = object({
   result: JsonStruct
 });
 var InterfaceStruct = type({
-  content: optional(ComponentStruct)
+  content: optional(JSXElementStruct)
 });
 var SnapResponseWithoutInterfaceStruct = object({
   id: string(),
@@ -240,4 +237,4 @@ export {
   SnapResponseWithInterfaceStruct,
   SnapResponseStruct
 };
-//# sourceMappingURL=chunk-YEVKBYKO.mjs.map
+//# sourceMappingURL=chunk-HOI6FPLR.mjs.map

package/dist/chunk-HOI6FPLR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internals/structs.ts"],"sourcesContent":["import { NotificationType, enumValue } from '@metamask/snaps-sdk';\nimport { JSXElementStruct } from '@metamask/snaps-sdk/jsx';\nimport {\n  bytesToHex,\n  JsonStruct,\n  StrictHexStruct,\n  valueToBytes,\n} from '@metamask/utils';\nimport { randomBytes } from 'crypto';\nimport {\n  array,\n  assign,\n  bigint,\n  coerce,\n  defaulted,\n  instance,\n  literal,\n  number,\n  object,\n  optional,\n  string,\n  union,\n  record,\n  any,\n  func,\n  type,\n} from 'superstruct';\n\n// TODO: Export this from `@metamask/utils` instead.\nconst BytesLikeStruct = union([\n  bigint(),\n  number(),\n  string(),\n  instance(Uint8Array),\n]);\n\nexport const TransactionOptionsStruct = object({\n  /**\n   * The CAIP-2 chain ID to send the transaction on. Defaults to `eip155:1`.\n   */\n  chainId: defaulted(string(), 'eip155:1'),\n\n  /**\n   * The origin to send the transaction from. Defaults to `metamask.io`.\n   */\n  origin: defaulted(string(), 'metamask.io'),\n\n  /**\n   * The address to send the transaction from. Defaults to a randomly generated\n   * address.\n   */\n  // TODO: Move this coercer to `@metamask/utils`.\n  from: coerce(StrictHexStruct, optional(BytesLikeStruct), (value) => {\n    if (value) {\n      return bytesToHex(valueToBytes(value));\n    }\n\n    return bytesToHex(randomBytes(20));\n  }),\n\n  /**\n   * The address to send the transaction to. Defaults to a randomly generated\n   * address.\n   */\n  // TODO: Move this coercer to `@metamask/utils`.\n  to: coerce(StrictHexStruct, optional(BytesLikeStruct), (value) => {\n    if (value) {\n      return bytesToHex(valueToBytes(value));\n    }\n\n    return bytesToHex(randomBytes(20));\n  }),\n\n  /**\n   * The value to send with the transaction. The value may be specified as a\n   * `number`, `bigint`, `string`, or `Uint8Array`. Defaults to `0`.\n   */\n  value: defaulted(\n    coerce(StrictHexStruct, BytesLikeStruct, (value) =>\n      bytesToHex(valueToBytes(value)),\n    ),\n    '0x0',\n  ),\n\n  /**\n   * The gas limit to use for the transaction. The gas limit may be specified\n   * as a `number`, `bigint`, `string`, or `Uint8Array`. Defaults to `21_000`.\n   */\n  gasLimit: defaulted(\n    coerce(StrictHexStruct, BytesLikeStruct, (value) =>\n      bytesToHex(valueToBytes(value)),\n    ),\n    valueToBytes(21_000),\n  ),\n\n  /**\n   * The max fee per gas (in Wei) to use for the transaction. The max fee per\n   * gas may be specified as a `number`, `bigint`, `string`, or `Uint8Array`.\n   * Defaults to `1`.\n   */\n  maxFeePerGas: defaulted(\n    coerce(StrictHexStruct, BytesLikeStruct, (value) =>\n      bytesToHex(valueToBytes(value)),\n    ),\n    valueToBytes(1),\n  ),\n\n  /**\n   * The max priority fee per gas (in Wei) to use for the transaction. The max\n   * priority fee per gas may be specified as a `number`, `bigint`, `string`,\n   * or `Uint8Array`. Defaults to `1`.\n   */\n  maxPriorityFeePerGas: defaulted(\n    coerce(StrictHexStruct, BytesLikeStruct, (value) =>\n      bytesToHex(valueToBytes(value)),\n    ),\n    valueToBytes(1),\n  ),\n\n  /**\n   * The nonce to use for the transaction. The nonce may be specified as a\n   * `number`, `bigint`, `string`, or `Uint8Array`. Defaults to `0`.\n   */\n  nonce: defaulted(\n    coerce(StrictHexStruct, BytesLikeStruct, (value) =>\n      bytesToHex(valueToBytes(value)),\n    ),\n    valueToBytes(0),\n  ),\n\n  /**\n   * The data to send with the transaction. The data may be specified as a\n   * `number`, `bigint`, `string`, or `Uint8Array`. Defaults to `0x`.\n   */\n  data: defaulted(\n    coerce(union([StrictHexStruct, literal('0x')]), BytesLikeStruct, (value) =>\n      bytesToHex(valueToBytes(value)),\n    ),\n    '0x',\n  ),\n});\n\nexport const SignatureOptionsStruct = object({\n  /**\n   * The origin making the signature request.\n   */\n  origin: defaulted(string(), 'metamask.io'),\n\n  /**\n   * The address signing the signature request. Defaults to a randomly generated\n   * address.\n   */\n  from: coerce(StrictHexStruct, optional(BytesLikeStruct), (value) => {\n    if (value) {\n      return bytesToHex(valueToBytes(value));\n    }\n\n    return bytesToHex(randomBytes(20));\n  }),\n\n  /**\n   * The data to send with the transaction. The data may be specified as a\n   * `string`, an object, or an array of objects. This covers the data types\n   * for the supported signature methods. Defaults to `0x`.\n   */\n  data: defaulted(\n    union([\n      StrictHexStruct,\n      literal('0x'),\n      record(string(), any()),\n      array(record(string(), any())),\n    ]),\n    '0x',\n  ),\n\n  /**\n   * The signature method being used.\n   */\n  signatureMethod: defaulted(\n    union([\n      literal('eth_sign'),\n      literal('personal_sign'),\n      literal('eth_signTypedData'),\n      literal('eth_signTypedData_v3'),\n      literal('eth_signTypedData_v4'),\n    ]),\n    'personal_sign',\n  ),\n});\n\nexport const SnapOptionsStruct = object({\n  /**\n   * The timeout in milliseconds to use for requests to the snap. Defaults to\n   * `1000`.\n   */\n  timeout: defaulted(optional(number()), 1000),\n});\n\nexport const JsonRpcMockOptionsStruct = object({\n  method: string(),\n  result: JsonStruct,\n});\n\nexport const InterfaceStruct = type({\n  content: optional(JSXElementStruct),\n});\n\nexport const SnapResponseWithoutInterfaceStruct = object({\n  id: string(),\n\n  response: union([\n    object({\n      result: JsonStruct,\n    }),\n    object({\n      error: JsonStruct,\n    }),\n  ]),\n\n  notifications: array(\n    object({\n      id: string(),\n      message: string(),\n      type: union([\n        enumValue(NotificationType.InApp),\n        enumValue(NotificationType.Native),\n      ]),\n    }),\n  ),\n});\n\nexport const SnapResponseWithInterfaceStruct = assign(\n  SnapResponseWithoutInterfaceStruct,\n  object({\n    getInterface: func(),\n  }),\n);\n\nexport const SnapResponseStruct = union([\n  SnapResponseWithoutInterfaceStruct,\n  SnapResponseWithInterfaceStruct,\n]);\n"],"mappings":";AAAA,SAAS,kBAAkB,iBAAiB;AAC5C,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,IAAM,kBAAkB,MAAM;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS,UAAU;AACrB,CAAC;AAEM,IAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA,EAI7C,SAAS,UAAU,OAAO,GAAG,UAAU;AAAA;AAAA;AAAA;AAAA,EAKvC,QAAQ,UAAU,OAAO,GAAG,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzC,MAAM,OAAO,iBAAiB,SAAS,eAAe,GAAG,CAAC,UAAU;AAClE,QAAI,OAAO;AACT,aAAO,WAAW,aAAa,KAAK,CAAC;AAAA,IACvC;AAEA,WAAO,WAAW,YAAY,EAAE,CAAC;AAAA,EACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,IAAI,OAAO,iBAAiB,SAAS,eAAe,GAAG,CAAC,UAAU;AAChE,QAAI,OAAO;AACT,aAAO,WAAW,aAAa,KAAK,CAAC;AAAA,IACvC;AAEA,WAAO,WAAW,YAAY,EAAE,CAAC;AAAA,EACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AAAA,IACL;AAAA,MAAO;AAAA,MAAiB;AAAA,MAAiB,CAAC,UACxC,WAAW,aAAa,KAAK,CAAC;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR;AAAA,MAAO;AAAA,MAAiB;AAAA,MAAiB,CAAC,UACxC,WAAW,aAAa,KAAK,CAAC;AAAA,IAChC;AAAA,IACA,aAAa,IAAM;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,cAAc;AAAA,IACZ;AAAA,MAAO;AAAA,MAAiB;AAAA,MAAiB,CAAC,UACxC,WAAW,aAAa,KAAK,CAAC;AAAA,IAChC;AAAA,IACA,aAAa,CAAC;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,sBAAsB;AAAA,IACpB;AAAA,MAAO;AAAA,MAAiB;AAAA,MAAiB,CAAC,UACxC,WAAW,aAAa,KAAK,CAAC;AAAA,IAChC;AAAA,IACA,aAAa,CAAC;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AAAA,IACL;AAAA,MAAO;AAAA,MAAiB;AAAA,MAAiB,CAAC,UACxC,WAAW,aAAa,KAAK,CAAC;AAAA,IAChC;AAAA,IACA,aAAa,CAAC;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM;AAAA,IACJ;AAAA,MAAO,MAAM,CAAC,iBAAiB,QAAQ,IAAI,CAAC,CAAC;AAAA,MAAG;AAAA,MAAiB,CAAC,UAChE,WAAW,aAAa,KAAK,CAAC;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAEM,IAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,QAAQ,UAAU,OAAO,GAAG,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzC,MAAM,OAAO,iBAAiB,SAAS,eAAe,GAAG,CAAC,UAAU;AAClE,QAAI,OAAO;AACT,aAAO,WAAW,aAAa,KAAK,CAAC;AAAA,IACvC;AAEA,WAAO,WAAW,YAAY,EAAE,CAAC;AAAA,EACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ;AAAA,MACA,QAAQ,IAAI;AAAA,MACZ,OAAO,OAAO,GAAG,IAAI,CAAC;AAAA,MACtB,MAAM,OAAO,OAAO,GAAG,IAAI,CAAC,CAAC;AAAA,IAC/B,CAAC;AAAA,IACD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AAAA,IACf,MAAM;AAAA,MACJ,QAAQ,UAAU;AAAA,MAClB,QAAQ,eAAe;AAAA,MACvB,QAAQ,mBAAmB;AAAA,MAC3B,QAAQ,sBAAsB;AAAA,MAC9B,QAAQ,sBAAsB;AAAA,IAChC,CAAC;AAAA,IACD;AAAA,EACF;AACF,CAAC;AAEM,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtC,SAAS,UAAU,SAAS,OAAO,CAAC,GAAG,GAAI;AAC7C,CAAC;AAEM,IAAM,2BAA2B,OAAO;AAAA,EAC7C,QAAQ,OAAO;AAAA,EACf,QAAQ;AACV,CAAC;AAEM,IAAM,kBAAkB,KAAK;AAAA,EAClC,SAAS,SAAS,gBAAgB;AACpC,CAAC;AAEM,IAAM,qCAAqC,OAAO;AAAA,EACvD,IAAI,OAAO;AAAA,EAEX,UAAU,MAAM;AAAA,IACd,OAAO;AAAA,MACL,QAAQ;AAAA,IACV,CAAC;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AAAA,EAED,eAAe;AAAA,IACb,OAAO;AAAA,MACL,IAAI,OAAO;AAAA,MACX,SAAS,OAAO;AAAA,MAChB,MAAM,MAAM;AAAA,QACV,UAAU,iBAAiB,KAAK;AAAA,QAChC,UAAU,iBAAiB,MAAM;AAAA,MACnC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;AAEM,IAAM,kCAAkC;AAAA,EAC7C;AAAA,EACA,OAAO;AAAA,IACL,cAAc,KAAK;AAAA,EACrB,CAAC;AACH;AAEO,IAAM,qBAAqB,MAAM;AAAA,EACtC;AAAA,EACA;AACF,CAAC;","names":[]}

package/dist/{chunk-MJHR5RTY.js → chunk-J3I5KZIF.js}

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/internals/simulation/methods/hooks/interface.ts
 function getCreateInterfaceImplementation(controllerMessenger) {
-  return async (snapId, content) => controllerMessenger.call(
+  return async (snapId, content, context) => controllerMessenger.call(
     "SnapInterfaceController:createInterface",
     snapId,
-    content
+    content,
+    context
   );
 }
 function getGetInterfaceImplementation(controllerMessenger) {
@@ -18,4 +19,4 @@ function getGetInterfaceImplementation(controllerMessenger) {
 
 
 exports.getCreateInterfaceImplementation = getCreateInterfaceImplementation; exports.getGetInterfaceImplementation = getGetInterfaceImplementation;
-//# sourceMappingURL=chunk-MJHR5RTY.js.map
+//# sourceMappingURL=chunk-J3I5KZIF.js.map

package/dist/chunk-J3I5KZIF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internals/simulation/methods/hooks/interface.ts"],"names":[],"mappings":";AAUO,SAAS,iCACd,qBACA;AACA,SAAO,OACL,QACA,SACA,YAEA,oBAAoB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACJ;AAQO,SAAS,8BACd,qBACA;AACA,SAAO,CAAC,QAAgB,OACtB,oBAAoB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACJ","sourcesContent":["import type { Component, InterfaceContext, SnapId } from '@metamask/snaps-sdk';\n\nimport type { RootControllerMessenger } from '../../controllers';\n\n/**\n * Get the implementation of the `createInterface` hook.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @returns The implementation of the `createInterface` hook.\n */\nexport function getCreateInterfaceImplementation(\n  controllerMessenger: RootControllerMessenger,\n) {\n  return async (\n    snapId: SnapId,\n    content: Component,\n    context?: InterfaceContext,\n  ) =>\n    controllerMessenger.call(\n      'SnapInterfaceController:createInterface',\n      snapId,\n      content,\n      context,\n    );\n}\n\n/**\n * Get the implementation of the `getInterface` hook.\n *\n * @param controllerMessenger - The controller messenger used to call actions.\n * @returns The implementation of the `getInterface` hook.\n */\nexport function getGetInterfaceImplementation(\n  controllerMessenger: RootControllerMessenger,\n) {\n  return (snapId: SnapId, id: string) =>\n    controllerMessenger.call(\n      'SnapInterfaceController:getInterface',\n      snapId,\n      id,\n    );\n}\n"]}

package/dist/{chunk-2JAGD4N6.js → chunk-JXAJWUVZ.js}

@@ -3,7 +3,7 @@
 var _chunkT2PHS5FYjs = require('./chunk-T2PHS5FY.js');
 
 
-var _chunkMCYTJUDGjs = require('./chunk-MCYTJUDG.js');
+var _chunkEDFQDZNYjs = require('./chunk-EDFQDZNY.js');
 
 
 var _chunkN6MAO223js = require('./chunk-N6MAO223.js');
@@ -72,7 +72,7 @@ var SnapsEnvironment = class extends _jestenvironmentnode2.default {
    */
   async installSnap(snapId = this.snapId, options = {}) {
     await _chunkPHUTP7NBjs.__privateGet.call(void 0, this, _instance)?.executionService.terminateAllSnaps();
-    _chunkPHUTP7NBjs.__privateSet.call(void 0, this, _instance, await _chunkMCYTJUDGjs.handleInstallSnap.call(void 0, snapId, options));
+    _chunkPHUTP7NBjs.__privateSet.call(void 0, this, _instance, await _chunkEDFQDZNYjs.handleInstallSnap.call(void 0, snapId, options));
     return _chunkPHUTP7NBjs.__privateGet.call(void 0, this, _instance);
   }
   /**
@@ -101,4 +101,4 @@ var environment_default = SnapsEnvironment;
 
 
 exports.SnapsEnvironment = SnapsEnvironment; exports.environment_default = environment_default;
-//# sourceMappingURL=chunk-2JAGD4N6.js.map
+//# sourceMappingURL=chunk-JXAJWUVZ.js.map

package/dist/{chunk-X5IPMTHO.mjs → chunk-K55LIE3W.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-B73P64TE.mjs";
 import {
   handleInstallSnap
-} from "./chunk-VSUNWJMQ.mjs";
+} from "./chunk-E2BYTLOT.mjs";
 import {
   startServer
 } from "./chunk-SLU4FNKX.mjs";
@@ -101,4 +101,4 @@ export {
   SnapsEnvironment,
   environment_default
 };
-//# sourceMappingURL=chunk-X5IPMTHO.mjs.map
+//# sourceMappingURL=chunk-K55LIE3W.mjs.map

package/dist/{chunk-FIZAYEHV.js → chunk-KQBJQLZG.js}

@@ -1,10 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkIDGD7TZ7js = require('./chunk-IDGD7TZ7.js');
+var _chunkYNUVT3HCjs = require('./chunk-YNUVT3HC.js');
 
 // src/matchers.ts
 var _globals = require('@jest/globals');
+var _jsx = require('@metamask/snaps-sdk/jsx');
+var _snapsutils = require('@metamask/snaps-utils');
 var _utils = require('@metamask/utils');
 
 
@@ -13,10 +15,11 @@ var _utils = require('@metamask/utils');
 
 
 
+
 var _jestmatcherutils = require('jest-matcher-utils');
 var _superstruct = require('superstruct');
 function assertActualIsSnapResponse(actual, matcherName, options) {
-  if (!_superstruct.is.call(void 0, actual, _chunkIDGD7TZ7js.SnapResponseStruct)) {
+  if (!_superstruct.is.call(void 0, actual, _chunkYNUVT3HCjs.SnapResponseStruct)) {
     throw new Error(
       _jestmatcherutils.matcherErrorMessage.call(void 0, 
         _jestmatcherutils.matcherHint.call(void 0, matcherName, void 0, void 0, options),
@@ -29,7 +32,7 @@ function assertActualIsSnapResponse(actual, matcherName, options) {
   }
 }
 function assertHasInterface(actual, matcherName, options) {
-  if (!_superstruct.is.call(void 0, actual, _chunkIDGD7TZ7js.InterfaceStruct) || !actual.content) {
+  if (!_superstruct.is.call(void 0, actual, _chunkYNUVT3HCjs.InterfaceStruct) || !actual.content) {
     throw new Error(
       _jestmatcherutils.matcherErrorMessage.call(void 0, 
         _jestmatcherutils.matcherHint.call(void 0, matcherName, void 0, void 0, options),
@@ -96,22 +99,95 @@ Expected type: ${this.utils.printExpected(type)}
 Received: ${this.utils.printReceived(notifications)}`;
   return { message, pass };
 };
+function serialiseProp(prop) {
+  if (typeof prop === "string") {
+    return `"${prop}"`;
+  }
+  return `{${JSON.stringify(prop)}}`;
+}
+function serialiseProps(props) {
+  return Object.entries(props).filter(([key]) => key !== "children").sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => ` ${key}=${serialiseProp(value)}`).join("");
+}
+function serialiseJsx(node, indentation = 0) {
+  if (Array.isArray(node)) {
+    return node.map((child) => serialiseJsx(child, indentation)).join("");
+  }
+  const indent = "  ".repeat(indentation);
+  if (typeof node === "string") {
+    return `${indent}${node}
+`;
+  }
+  if (!node) {
+    return "";
+  }
+  const { type, props } = node;
+  const trailingNewline = indentation > 0 ? "\n" : "";
+  if (_utils.hasProperty.call(void 0, props, "children")) {
+    const children = serialiseJsx(props.children, indentation + 1);
+    return `${indent}<${type}${serialiseProps(
+      props
+    )}>
+${children}${indent}</${type}>${trailingNewline}`;
+  }
+  return `${indent}<${type}${serialiseProps(props)} />${trailingNewline}`;
+}
+var toRenderLegacy = function(actual, expected) {
+  assertHasInterface(actual, "toRender");
+  const { content } = actual;
+  const expectedElement = _snapsutils.getJsxElementFromComponent.call(void 0, expected);
+  const pass = this.equals(content, expectedElement);
+  const difference = _jestmatcherutils.diff.call(void 0, expectedElement, content);
+  const message = pass ? () => `${this.utils.matcherHint(".not.toRender")}
+
+Expected:
+${this.utils.printExpected(expectedElement)}
+
+Received:
+${this.utils.printReceived(content)}
+
+Difference:
+
+${difference}` : () => `${this.utils.matcherHint(".toRender")}
+
+Expected:
+${this.utils.printExpected(expectedElement)}
+
+Received:
+${this.utils.printReceived(content)}
+
+Difference:
+
+${difference}`;
+  return { message, pass };
+};
 var toRender = function(actual, expected) {
   assertHasInterface(actual, "toRender");
+  if (!_jsx.isJSXElementUnsafe.call(void 0, expected)) {
+    return toRenderLegacy.call(this, actual, expected);
+  }
   const { content } = actual;
   const pass = this.equals(content, expected);
-  const difference = _jestmatcherutils.diff.call(void 0, expected, content);
+  const difference = _jestmatcherutils.diff.call(void 0, 
+    serialiseJsx(expected),
+    serialiseJsx(content)
+  );
   const message = pass ? () => `${this.utils.matcherHint(".not.toRender")}
 
-Expected: ${this.utils.printExpected(expected)}
-Received: ${this.utils.printReceived(content)}
+Expected:
+${_jestmatcherutils.EXPECTED_COLOR.call(void 0, serialiseJsx(expected))}
+
+Received:
+${_jestmatcherutils.RECEIVED_COLOR.call(void 0, serialiseJsx(content))}
 
 Difference:
 
 ${difference}` : () => `${this.utils.matcherHint(".toRender")}
 
-Expected: ${this.utils.printExpected(expected)}
-Received: ${this.utils.printReceived(content)}
+Expected:
+${_jestmatcherutils.EXPECTED_COLOR.call(void 0, serialiseJsx(expected))}
+
+Received:
+${_jestmatcherutils.RECEIVED_COLOR.call(void 0, serialiseJsx(content))}
 
 Difference:
 
@@ -130,5 +206,6 @@ _globals.expect.extend({
 
 
 
-exports.toRespondWith = toRespondWith; exports.toRespondWithError = toRespondWithError; exports.toSendNotification = toSendNotification; exports.toRender = toRender;
-//# sourceMappingURL=chunk-FIZAYEHV.js.map
+
+exports.toRespondWith = toRespondWith; exports.toRespondWithError = toRespondWithError; exports.toSendNotification = toSendNotification; exports.serialiseJsx = serialiseJsx; exports.toRender = toRender;
+//# sourceMappingURL=chunk-KQBJQLZG.js.map