@metamask/snaps-jest 7.0.2 → 8.0.0

package/CHANGELOG.md

@@ -6,6 +6,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [8.0.0]
+### Added
+- **BREAKING:** Add JSX support for custom UI ([#2258](https://github.com/MetaMask/snaps/pull/2258))
+  - It's now possible to use JSX components from `@metamask/snaps-sdk` to build
+    user interfaces for Snaps.
+  - This is a breaking change, because the legacy user interfaces are converted
+    to the new JSX format.
+    - If you are checking the format of a interface without `toRender`, you will
+      need to update your tests to check the JSX format.
+
+### Changed
+- Bump `@metamask/base-controller` from `5.0.1` to `5.0.2` ([#2375](https://github.com/MetaMask/snaps/pull/2375))
+
 ## [7.0.2]
 ### Changed
 - Bump `@metamask/snaps-execution-environments` to latest ([#2339](https://github.com/MetaMask/snaps/pull/2339))
@@ -131,7 +144,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - The version of the package no longer needs to match the version of all other
     MetaMask Snaps packages.
 
-[Unreleased]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-jest@7.0.2...HEAD
+[Unreleased]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-jest@8.0.0...HEAD
+[8.0.0]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-jest@7.0.2...@metamask/snaps-jest@8.0.0
 [7.0.2]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-jest@7.0.1...@metamask/snaps-jest@7.0.2
 [7.0.1]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-jest@7.0.0...@metamask/snaps-jest@7.0.1
 [7.0.0]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-jest@6.0.2...@metamask/snaps-jest@7.0.0

package/dist/{chunk-FIZAYEHV.js → chunk-2SBUXBSN.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, actual, expectedElement);
+  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-2SBUXBSN.js.map

package/dist/chunk-2SBUXBSN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/matchers.ts"],"names":["message"],"mappings":"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","sourcesContent":["/* eslint-disable no-invalid-this */\n\n// Note: Because this file imports from `@jest/globals`, it can only be used in\n// a Jest environment. This is why it's not exported from the index file.\n\nimport type { MatcherFunction } from '@jest/expect';\nimport { expect } from '@jest/globals';\nimport type {\n  NotificationType,\n  EnumToUnion,\n  ComponentOrElement,\n  Component,\n} from '@metamask/snaps-sdk';\nimport type { JSXElement, SnapNode } from '@metamask/snaps-sdk/jsx';\nimport { isJSXElementUnsafe } from '@metamask/snaps-sdk/jsx';\nimport { getJsxElementFromComponent } from '@metamask/snaps-utils';\nimport type { Json } from '@metamask/utils';\nimport { hasProperty } from '@metamask/utils';\nimport type { MatcherHintOptions } from 'jest-matcher-utils';\nimport {\n  EXPECTED_COLOR,\n  diff,\n  matcherErrorMessage,\n  matcherHint,\n  printReceived,\n  printWithType,\n  RECEIVED_COLOR,\n} from 'jest-matcher-utils';\nimport { is } from 'superstruct';\n\nimport { InterfaceStruct, SnapResponseStruct } from './internals';\nimport type { SnapResponse } from './types';\n\n/**\n * Ensure that the actual value is a response from the `request` function.\n *\n * @param actual - The actual value.\n * @param matcherName - The name of the matcher.\n * @param options - The matcher options.\n */\nfunction assertActualIsSnapResponse(\n  actual: unknown,\n  matcherName: string,\n  options?: MatcherHintOptions,\n): asserts actual is SnapResponse {\n  if (!is(actual, SnapResponseStruct)) {\n    throw new Error(\n      matcherErrorMessage(\n        matcherHint(matcherName, undefined, undefined, options),\n        `${RECEIVED_COLOR(\n          'received',\n        )} value must be a response from the \\`request\\` function`,\n        printWithType('Received', actual, printReceived),\n      ),\n    );\n  }\n}\n\n/**\n * Ensure that the actual value is a response from the `request` function, and\n * that it has a `ui` property.\n *\n * @param actual - The actual value.\n * @param matcherName - The name of the matcher.\n * @param options - The matcher options.\n */\nfunction assertHasInterface(\n  actual: unknown,\n  matcherName: string,\n  options?: MatcherHintOptions,\n): asserts actual is { content: JSXElement } {\n  if (!is(actual, InterfaceStruct) || !actual.content) {\n    throw new Error(\n      matcherErrorMessage(\n        matcherHint(matcherName, undefined, undefined, options),\n        `${RECEIVED_COLOR('received')} value must have a \\`content\\` property`,\n        printWithType('Received', actual, printReceived),\n      ),\n    );\n  }\n}\n\n/**\n * Check if a JSON-RPC response matches the expected value. This matcher is\n * intended to be used with the `expect` global.\n *\n * @param actual - The actual response.\n * @param expected - The expected response.\n * @returns The status and message.\n */\nexport const toRespondWith: MatcherFunction<[expected: Json]> = function (\n  actual,\n  expected,\n) {\n  assertActualIsSnapResponse(actual, 'toRespondWith');\n\n  const { response } = actual;\n  if (hasProperty(response, 'error')) {\n    const message = () =>\n      `${this.utils.matcherHint('.toRespondWith')}\\n\\n` +\n      `Expected response: ${this.utils.printExpected(expected)}\\n` +\n      `Received error: ${this.utils.printReceived(response.error)}`;\n\n    return { message, pass: false };\n  }\n\n  const pass = this.equals(response.result, expected);\n  const message = pass\n    ? () =>\n        `${this.utils.matcherHint('.not.toRespondWith')}\\n\\n` +\n        `Expected: ${this.utils.printExpected(expected)}\\n` +\n        `Received: ${this.utils.printReceived(response.result)}`\n    : () =>\n        `${this.utils.matcherHint('.toRespondWith')}\\n\\n` +\n        `Expected: ${this.utils.printExpected(expected)}\\n` +\n        `Received: ${this.utils.printReceived(response.result)}`;\n\n  return { message, pass };\n};\n\nexport const toRespondWithError: MatcherFunction<[expected: Json]> = function (\n  actual,\n  expected,\n) {\n  assertActualIsSnapResponse(actual, 'toRespondWithError');\n\n  const { response } = actual;\n  if (hasProperty(response, 'result')) {\n    const message = () =>\n      `${this.utils.matcherHint('.toRespondWithError')}\\n\\n` +\n      `Expected error: ${this.utils.printExpected(expected)}\\n` +\n      `Received result: ${this.utils.printReceived(response.result)}`;\n\n    return { message, pass: false };\n  }\n\n  const pass = this.equals(response.error, expected);\n  const message = pass\n    ? () =>\n        `${this.utils.matcherHint('.not.toRespondWithError')}\\n\\n` +\n        `Expected: ${this.utils.printExpected(expected)}\\n` +\n        `Received: ${this.utils.printReceived(response.error)}`\n    : () =>\n        `${this.utils.matcherHint('.toRespondWithError')}\\n\\n` +\n        `Expected: ${this.utils.printExpected(expected)}\\n` +\n        `Received: ${this.utils.printReceived(response.error)}`;\n\n  return { message, pass };\n};\n\n/**\n * Check if the snap sent a notification with the expected message. This matcher\n * is intended to be used with the `expect` global.\n *\n * @param actual - The actual response.\n * @param expected - The expected notification message.\n * @param type - The expected notification type.\n * @returns The status and message.\n */\nexport const toSendNotification: MatcherFunction<\n  [expected: string, type?: EnumToUnion<NotificationType> | undefined]\n> = function (actual, expected, type) {\n  assertActualIsSnapResponse(actual, 'toSendNotification');\n\n  const { notifications } = actual;\n  const pass = notifications.some(\n    (notification) =>\n      this.equals(notification.message, expected) &&\n      (type === undefined || notification.type === type),\n  );\n\n  const message = pass\n    ? () =>\n        `${this.utils.matcherHint('.not.toSendNotification')}\\n\\n` +\n        `Expected: ${this.utils.printExpected(expected)}\\n` +\n        `Expected type: ${this.utils.printExpected(type)}\\n` +\n        `Received: ${this.utils.printReceived(notifications)}`\n    : () =>\n        `${this.utils.matcherHint('.toSendNotification')}\\n\\n` +\n        `Expected: ${this.utils.printExpected(expected)}\\n` +\n        `Expected type: ${this.utils.printExpected(type)}\\n` +\n        `Received: ${this.utils.printReceived(notifications)}`;\n\n  return { message, pass };\n};\n\n/**\n * Serialise a JSX prop to a string.\n *\n * @param prop - The JSX prop.\n * @returns The serialised JSX prop.\n */\nfunction serialiseProp(prop: unknown): string {\n  if (typeof prop === 'string') {\n    return `\"${prop}\"`;\n  }\n\n  return `{${JSON.stringify(prop)}}`;\n}\n\n/**\n * Serialise JSX props to a string.\n *\n * @param props - The JSX props.\n * @returns The serialised JSX props.\n */\nfunction serialiseProps(props: Record<string, unknown>): string {\n  return Object.entries(props)\n    .filter(([key]) => key !== 'children')\n    .sort(([a], [b]) => a.localeCompare(b))\n    .map(([key, value]) => ` ${key}=${serialiseProp(value)}`)\n    .join('');\n}\n\n/**\n * Serialise a JSX node to a string.\n *\n * @param node - The JSX node.\n * @param indentation - The indentation level. Defaults to `0`. This should not\n * be set by the caller, as it is used for recursion.\n * @returns The serialised JSX node.\n */\nexport function serialiseJsx(node: SnapNode, indentation = 0): string {\n  if (Array.isArray(node)) {\n    return node.map((child) => serialiseJsx(child, indentation)).join('');\n  }\n\n  const indent = '  '.repeat(indentation);\n  if (typeof node === 'string') {\n    return `${indent}${node}\\n`;\n  }\n\n  if (!node) {\n    return '';\n  }\n\n  const { type, props } = node;\n  const trailingNewline = indentation > 0 ? '\\n' : '';\n\n  if (hasProperty(props, 'children')) {\n    const children = serialiseJsx(props.children as SnapNode, indentation + 1);\n    return `${indent}<${type}${serialiseProps(\n      props,\n    )}>\\n${children}${indent}</${type}>${trailingNewline}`;\n  }\n\n  return `${indent}<${type}${serialiseProps(props)} />${trailingNewline}`;\n}\n\nconst toRenderLegacy: MatcherFunction<[expected: Component]> = function (\n  actual,\n  expected,\n) {\n  assertHasInterface(actual, 'toRender');\n\n  const { content } = actual;\n  const expectedElement = getJsxElementFromComponent(expected);\n  const pass = this.equals(content, expectedElement);\n\n  // This is typed as `string | null`, but in practice it's always a string.\n  // The function only returns `null` if both the expected and actual values\n  // are numbers, bigints, or booleans, which is never the case here.\n  const difference = diff(actual, expectedElement) as string;\n\n  const message = pass\n    ? () =>\n        `${this.utils.matcherHint('.not.toRender')}\\n\\n` +\n        `Expected:\\n${this.utils.printExpected(expectedElement)}\\n\\n` +\n        `Received:\\n${this.utils.printReceived(content)}` +\n        `\\n\\nDifference:\\n\\n${difference}`\n    : () =>\n        `${this.utils.matcherHint('.toRender')}\\n\\n` +\n        `Expected:\\n${this.utils.printExpected(expectedElement)}\\n\\n` +\n        `Received:\\n${this.utils.printReceived(content)}` +\n        `\\n\\nDifference:\\n\\n${difference}`;\n\n  return { message, pass };\n};\n\nexport const toRender: MatcherFunction<[expected: ComponentOrElement]> =\n  function (actual, expected) {\n    assertHasInterface(actual, 'toRender');\n\n    if (!isJSXElementUnsafe(expected)) {\n      return toRenderLegacy.call(this, actual, expected);\n    }\n\n    const { content } = actual;\n    const pass = this.equals(content, expected);\n\n    // This is typed as `string | null`, but in practice it's always a string.\n    // The function only returns `null` if both the expected and actual values\n    // are numbers, bigints, or booleans, which is never the case here.\n    const difference = diff(\n      serialiseJsx(expected),\n      serialiseJsx(content),\n    ) as string;\n\n    const message = pass\n      ? () =>\n          `${this.utils.matcherHint('.not.toRender')}\\n\\n` +\n          `Expected:\\n${EXPECTED_COLOR(serialiseJsx(expected))}\\n\\n` +\n          `Received:\\n${RECEIVED_COLOR(serialiseJsx(content))}` +\n          `\\n\\nDifference:\\n\\n${difference}`\n      : () =>\n          `${this.utils.matcherHint('.toRender')}\\n\\n` +\n          `Expected:\\n${EXPECTED_COLOR(serialiseJsx(expected))}\\n\\n` +\n          `Received:\\n${RECEIVED_COLOR(serialiseJsx(content))}` +\n          `\\n\\nDifference:\\n\\n${difference}`;\n\n    return { message, pass };\n  };\n\nexpect.extend({\n  toRespondWith,\n  toRespondWithError,\n  toSendNotification,\n  toRender,\n});\n"]}

package/dist/{chunk-7L5S3PID.js → chunk-573UCCBF.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkKR7CYXCRjs = require('./chunk-KR7CYXCR.js');
+var _chunkIS4GY5A2js = require('./chunk-IS4GY5A2.js');
 
 
 
@@ -57,7 +57,7 @@ function handleRequest({
   });
   promise.getInterface = async () => {
     return await runSaga(
-      _chunkKR7CYXCRjs.getInterface,
+      _chunkIS4GY5A2js.getInterface,
       runSaga,
       snapId,
       controllerMessenger
@@ -95,7 +95,7 @@ async function getInterfaceApi(result, snapId, controllerMessenger) {
       return {
         content,
         clickElement: async (name) => {
-          await _chunkKR7CYXCRjs.clickElement.call(void 0, 
+          await _chunkIS4GY5A2js.clickElement.call(void 0, 
             controllerMessenger,
             interfaceId,
             content,
@@ -104,7 +104,7 @@ async function getInterfaceApi(result, snapId, controllerMessenger) {
           );
         },
         typeInField: async (name, value) => {
-          await _chunkKR7CYXCRjs.typeInField.call(void 0, 
+          await _chunkIS4GY5A2js.typeInField.call(void 0, 
             controllerMessenger,
             interfaceId,
             content,
@@ -124,4 +124,4 @@ async function getInterfaceApi(result, snapId, controllerMessenger) {
 
 
 exports.handleRequest = handleRequest; exports.getInterfaceFromResult = getInterfaceFromResult; exports.getInterfaceApi = getInterfaceApi;
-//# sourceMappingURL=chunk-7L5S3PID.js.map
+//# sourceMappingURL=chunk-573UCCBF.js.map

package/dist/{chunk-LMCG5RIX.js → chunk-A3EYYEAY.js}

@@ -3,7 +3,7 @@
 var _chunk2JTGBHPRjs = require('./chunk-2JTGBHPR.js');
 
 
-var _chunk7L5S3PIDjs = require('./chunk-7L5S3PID.js');
+var _chunk573UCCBFjs = require('./chunk-573UCCBF.js');
 
 
 var _chunkTZB4LBT7js = require('./chunk-TZB4LBT7.js');
@@ -12,7 +12,7 @@ var _chunkTZB4LBT7js = require('./chunk-TZB4LBT7.js');
 
 
 
-var _chunkIDGD7TZ7js = require('./chunk-IDGD7TZ7.js');
+var _chunkYNUVT3HCjs = require('./chunk-YNUVT3HC.js');
 
 
 
@@ -30,7 +30,7 @@ function getOptions(snapId, options) {
   return [snapId, options];
 }
 function assertIsResponseWithInterface(response) {
-  _utils.assertStruct.call(void 0, response, _chunkIDGD7TZ7js.SnapResponseWithInterfaceStruct);
+  _utils.assertStruct.call(void 0, response, _chunkYNUVT3HCjs.SnapResponseWithInterfaceStruct);
 }
 async function installSnap(snapId, options = {}) {
   const resolvedOptions = getOptions(snapId, options);
@@ -47,8 +47,8 @@ async function installSnap(snapId, options = {}) {
       origin: transactionOrigin,
       chainId,
       ...transaction
-    } = _superstruct.create.call(void 0, request, _chunkIDGD7TZ7js.TransactionOptionsStruct);
-    const response = await _chunk7L5S3PIDjs.handleRequest.call(void 0, {
+    } = _superstruct.create.call(void 0, request, _chunkYNUVT3HCjs.TransactionOptionsStruct);
+    const response = await _chunk573UCCBFjs.handleRequest.call(void 0, {
       snapId: installedSnapId,
       store,
       executionService,
@@ -69,7 +69,7 @@ async function installSnap(snapId, options = {}) {
   };
   const onCronjob = (request) => {
     log("Running cronjob %o.", options);
-    return _chunk7L5S3PIDjs.handleRequest.call(void 0, {
+    return _chunk573UCCBFjs.handleRequest.call(void 0, {
       snapId: installedSnapId,
       store,
       executionService,
@@ -82,7 +82,7 @@ async function installSnap(snapId, options = {}) {
   return {
     request: (request) => {
       log("Sending request %o.", request);
-      return _chunk7L5S3PIDjs.handleRequest.call(void 0, {
+      return _chunk573UCCBFjs.handleRequest.call(void 0, {
         snapId: installedSnapId,
         store,
         executionService,
@@ -98,9 +98,9 @@ async function installSnap(snapId, options = {}) {
       log("Requesting signature %o.", request);
       const { origin: signatureOrigin, ...signature } = _superstruct.create.call(void 0, 
         request,
-        _chunkIDGD7TZ7js.SignatureOptionsStruct
+        _chunkYNUVT3HCjs.SignatureOptionsStruct
       );
-      const response = await _chunk7L5S3PIDjs.handleRequest.call(void 0, {
+      const response = await _chunk573UCCBFjs.handleRequest.call(void 0, {
         snapId: installedSnapId,
         store,
         executionService,
@@ -122,7 +122,7 @@ async function installSnap(snapId, options = {}) {
     runCronjob: onCronjob,
     onHomePage: async () => {
       log("Rendering home page.");
-      const response = await _chunk7L5S3PIDjs.handleRequest.call(void 0, {
+      const response = await _chunk573UCCBFjs.handleRequest.call(void 0, {
         snapId: installedSnapId,
         store,
         executionService,
@@ -138,7 +138,7 @@ async function installSnap(snapId, options = {}) {
     },
     mockJsonRpc(mock) {
       log("Mocking JSON-RPC request %o.", mock);
-      const { method, result } = _superstruct.create.call(void 0, mock, _chunkIDGD7TZ7js.JsonRpcMockOptionsStruct);
+      const { method, result } = _superstruct.create.call(void 0, mock, _chunkYNUVT3HCjs.JsonRpcMockOptionsStruct);
       store.dispatch(_chunkLACTK6EOjs.addJsonRpcMock.call(void 0, { method, result }));
       return {
         unmock() {
@@ -160,4 +160,4 @@ async function installSnap(snapId, options = {}) {
 
 
 exports.installSnap = installSnap;
-//# sourceMappingURL=chunk-LMCG5RIX.js.map
+//# sourceMappingURL=chunk-A3EYYEAY.js.map

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

@@ -5,14 +5,9 @@ import {
 } from "./chunk-74TIKA2T.mjs";
 
 // src/internals/simulation/interface.ts
-import {
-  ButtonType,
-  DialogType,
-  NodeType,
-  UserInputEventType,
-  assert
-} from "@metamask/snaps-sdk";
-import { HandlerType, hasChildren, unwrapError } from "@metamask/snaps-utils";
+import { DialogType, UserInputEventType, assert } from "@metamask/snaps-sdk";
+import { HandlerType, 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,21 +72,34 @@ 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) {
   try {
@@ -119,14 +127,18 @@ 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}".`
+  );
+  assert(
+    result.element.type === "Button",
+    `Expected an element of type "Button", but found "${result.element.type}".`
   );
   await handleEvent(controllerMessenger, snapId, id, {
     type: UserInputEventType.ButtonClickEvent,
-    name: result.element.name
+    name: result.element.props.name
   });
-  if (result.form && result.element.buttonType === ButtonType.Submit) {
+  if (result.form && result.element.props.type === "submit") {
     const { state } = controllerMessenger.call(
       "SnapInterfaceController:getInterface",
       snapId,
@@ -154,8 +166,12 @@ 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 } = controllerMessenger.call(
     "SnapInterfaceController:getInterface",
@@ -177,7 +193,7 @@ 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
@@ -210,4 +226,4 @@ export {
   typeInField,
   getInterface
 };
-//# sourceMappingURL=chunk-QPC6UJH7.mjs.map
+//# sourceMappingURL=chunk-B23SV5TL.mjs.map

package/dist/chunk-B23SV5TL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internals/simulation/interface.ts"],"sourcesContent":["import type {\n  FormState,\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 { HandlerType, unwrapError, walkJsx } 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 */\nasync function handleEvent(\n  controllerMessenger: RootControllerMessenger,\n  snapId: SnapId,\n  id: string,\n  event: UserInputEvent,\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          },\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  // Button click events are always triggered.\n  await handleEvent(controllerMessenger, snapId, id, {\n    type: UserInputEventType.ButtonClickEvent,\n    name: result.element.props.name,\n  });\n\n  if (result.form && result.element.props.type === 'submit') {\n    const { state } = controllerMessenger.call(\n      'SnapInterfaceController:getInterface',\n      snapId,\n      id,\n    );\n\n    await handleEvent(controllerMessenger, snapId, id, {\n      type: UserInputEventType.FormSubmitEvent,\n      name: result.form,\n      value: state[result.form] as Record<string, string | null>,\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 } = 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      },\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  };\n\n  return getInterfaceResponse(runSaga, type, content, interfaceActions);\n}\n"],"mappings":"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","names":["content"]}

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":"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","names":[]}