@metamask/snaps-controllers 8.4.0 → 9.1.0

package/CHANGELOG.md

@@ -6,6 +6,21 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [9.1.0]
+### Added
+- Add `Checkbox` component ([#2501](https://github.com/MetaMask/snaps/pull/2501))
+- Add `FileInput` component ([#2469](https://github.com/MetaMask/snaps/pull/2469))
+- Support additional components inside forms ([#2497](https://github.com/MetaMask/snaps/pull/2497))
+
+## [9.0.0]
+### Changed
+- **BREAKING:** Defer creation of offscreen document in `OffscreenExecutionService` ([#2473](https://github.com/MetaMask/snaps/pull/2473))
+- Update `onNameLookup` response to include `domainName` ([#2484](https://github.com/MetaMask/snaps/pull/2484))
+- Bump MetaMask dependencies ([#2460](https://github.com/MetaMask/snaps/pull/2460))
+
+### Fixed
+- Properly decrypt legacy state blobs ([#2472](https://github.com/MetaMask/snaps/pull/2472))
+
 ## [8.4.0]
 ### Added
 - Add `hidden` flag for preinstalled Snaps ([#2463](https://github.com/MetaMask/snaps/pull/2463))
@@ -288,7 +303,9 @@ 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-controllers@8.4.0...HEAD
+[Unreleased]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-controllers@9.1.0...HEAD
+[9.1.0]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-controllers@9.0.0...@metamask/snaps-controllers@9.1.0
+[9.0.0]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-controllers@8.4.0...@metamask/snaps-controllers@9.0.0
 [8.4.0]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-controllers@8.3.1...@metamask/snaps-controllers@8.4.0
 [8.3.1]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-controllers@8.3.0...@metamask/snaps-controllers@8.3.1
 [8.3.0]: https://github.com/MetaMask/snaps/compare/@metamask/snaps-controllers@8.2.0...@metamask/snaps-controllers@8.3.0

package/dist/chunk-3T6W5VI2.mjs

@@ -0,0 +1,100 @@
+// src/interface/utils.ts
+import { assert } from "@metamask/snaps-sdk";
+import { isJSXElementUnsafe } from "@metamask/snaps-sdk/jsx";
+import {
+  getJsonSizeUnsafe,
+  getJsxChildren,
+  getJsxElementFromComponent,
+  walkJsx
+} from "@metamask/snaps-utils";
+function getJsxInterface(component) {
+  if (isJSXElementUnsafe(component)) {
+    return component;
+  }
+  return getJsxElementFromComponent(component);
+}
+function assertNameIsUnique(state, name) {
+  assert(
+    state[name] === void 0,
+    `Duplicate component names are not allowed, found multiple instances of: "${name}".`
+  );
+}
+function constructComponentSpecificDefaultState(element) {
+  switch (element.type) {
+    case "Dropdown": {
+      const children = getJsxChildren(element);
+      return children[0]?.props.value;
+    }
+    case "Checkbox":
+      return false;
+    default:
+      return null;
+  }
+}
+function getComponentStateValue(element) {
+  switch (element.type) {
+    case "Checkbox":
+      return element.props.checked;
+    default:
+      return element.props.value;
+  }
+}
+function constructInputState(oldState, element, form) {
+  const oldStateUnwrapped = form ? oldState[form] : oldState;
+  const oldInputState = oldStateUnwrapped?.[element.props.name];
+  if (element.type === "FileInput") {
+    return oldInputState ?? null;
+  }
+  return getComponentStateValue(element) ?? oldInputState ?? constructComponentSpecificDefaultState(element) ?? null;
+}
+function constructState(oldState, rootComponent) {
+  const newState = {};
+  const formStack = [];
+  walkJsx(rootComponent, (component, depth) => {
+    let currentForm = formStack[formStack.length - 1];
+    if (currentForm && depth <= currentForm.depth) {
+      formStack.pop();
+      currentForm = formStack[formStack.length - 1];
+    }
+    if (component.type === "Form") {
+      assertNameIsUnique(newState, component.props.name);
+      formStack.push({ name: component.props.name, depth });
+      newState[component.props.name] = {};
+      return;
+    }
+    if (currentForm && (component.type === "Input" || component.type === "Dropdown" || component.type === "FileInput" || component.type === "Checkbox")) {
+      const formState = newState[currentForm.name];
+      assertNameIsUnique(formState, component.props.name);
+      formState[component.props.name] = constructInputState(
+        oldState,
+        component,
+        currentForm.name
+      );
+      return;
+    }
+    if (component.type === "Input" || component.type === "Dropdown" || component.type === "FileInput" || component.type === "Checkbox") {
+      assertNameIsUnique(newState, component.props.name);
+      newState[component.props.name] = constructInputState(oldState, component);
+    }
+  });
+  return newState;
+}
+var MAX_CONTEXT_SIZE = 1e6;
+function validateInterfaceContext(context) {
+  if (!context) {
+    return;
+  }
+  const size = getJsonSizeUnsafe(context);
+  assert(
+    size <= MAX_CONTEXT_SIZE,
+    `A Snap interface context may not be larger than ${MAX_CONTEXT_SIZE / 1e6} MB.`
+  );
+}
+
+export {
+  getJsxInterface,
+  assertNameIsUnique,
+  constructState,
+  validateInterfaceContext
+};
+//# sourceMappingURL=chunk-3T6W5VI2.mjs.map

package/dist/chunk-3T6W5VI2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/utils.ts"],"sourcesContent":["import { assert } from '@metamask/snaps-sdk';\nimport type {\n  FormState,\n  InterfaceState,\n  ComponentOrElement,\n  InterfaceContext,\n  State,\n} from '@metamask/snaps-sdk';\nimport type {\n  DropdownElement,\n  InputElement,\n  JSXElement,\n  OptionElement,\n  FileInputElement,\n  CheckboxElement,\n} from '@metamask/snaps-sdk/jsx';\nimport { isJSXElementUnsafe } from '@metamask/snaps-sdk/jsx';\nimport {\n  getJsonSizeUnsafe,\n  getJsxChildren,\n  getJsxElementFromComponent,\n  walkJsx,\n} from '@metamask/snaps-utils';\n\n/**\n * Get a JSX element from a component or JSX element. If the component is a\n * JSX element, it is returned as is. Otherwise, the component is converted to\n * a JSX element.\n *\n * @param component - The component to convert.\n * @returns The JSX element.\n */\nexport function getJsxInterface(component: ComponentOrElement): JSXElement {\n  if (isJSXElementUnsafe(component)) {\n    return component;\n  }\n\n  return getJsxElementFromComponent(component);\n}\n\n/**\n * Assert that the component name is unique in state.\n *\n * @param state - The interface state to verify against.\n * @param name - The component name to verify.\n */\nexport function assertNameIsUnique(state: InterfaceState, name: string) {\n  assert(\n    state[name] === undefined,\n    `Duplicate component names are not allowed, found multiple instances of: \"${name}\".`,\n  );\n}\n\n/**\n * Construct default state for a component.\n *\n * This function is meant to be used inside constructInputState to account\n * for component specific defaults and will not override the component value or existing form state.\n *\n * @param element - The input element.\n * @returns The default state for the specific component, if any.\n */\nfunction constructComponentSpecificDefaultState(\n  element: InputElement | DropdownElement | CheckboxElement,\n) {\n  switch (element.type) {\n    case 'Dropdown': {\n      const children = getJsxChildren(element) as OptionElement[];\n      return children[0]?.props.value;\n    }\n\n    case 'Checkbox':\n      return false;\n\n    default:\n      return null;\n  }\n}\n\n/**\n * Get the state value for a stateful component.\n *\n * Most components store the state value as a `value` prop.\n * This function exists to account for components where that isn't the case.\n *\n * @param element - The input element.\n * @returns The state value for a given component.\n */\nfunction getComponentStateValue(\n  element: InputElement | DropdownElement | CheckboxElement,\n) {\n  switch (element.type) {\n    case 'Checkbox':\n      return element.props.checked;\n\n    default:\n      return element.props.value;\n  }\n}\n\n/**\n * Construct the state for an input field.\n *\n * @param oldState - The previous state.\n * @param element - The input element.\n * @param form - An optional form that the input is enclosed in.\n * @returns The input state.\n */\nfunction constructInputState(\n  oldState: InterfaceState,\n  element: InputElement | DropdownElement | FileInputElement | CheckboxElement,\n  form?: string,\n) {\n  const oldStateUnwrapped = form ? (oldState[form] as FormState) : oldState;\n  const oldInputState = oldStateUnwrapped?.[element.props.name] as State;\n\n  if (element.type === 'FileInput') {\n    return oldInputState ?? null;\n  }\n\n  return (\n    getComponentStateValue(element) ??\n    oldInputState ??\n    constructComponentSpecificDefaultState(element) ??\n    null\n  );\n}\n\n/**\n * Construct the interface state for a given component tree.\n *\n * @param oldState - The previous state.\n * @param rootComponent - The UI component to construct state from.\n * @returns The interface state of the passed component.\n */\nexport function constructState(\n  oldState: InterfaceState,\n  rootComponent: JSXElement,\n): InterfaceState {\n  const newState: InterfaceState = {};\n\n  // Stack containing the forms we have visited and at which depth\n  const formStack: { name: string; depth: number }[] = [];\n\n  walkJsx(rootComponent, (component, depth) => {\n    let currentForm = formStack[formStack.length - 1];\n\n    // Pop the current form of the stack once we leave its depth.\n    if (currentForm && depth <= currentForm.depth) {\n      formStack.pop();\n      currentForm = formStack[formStack.length - 1];\n    }\n\n    if (component.type === 'Form') {\n      assertNameIsUnique(newState, component.props.name);\n      formStack.push({ name: component.props.name, depth });\n      newState[component.props.name] = {};\n      return;\n    }\n\n    // Stateful components inside a form\n    if (\n      currentForm &&\n      (component.type === 'Input' ||\n        component.type === 'Dropdown' ||\n        component.type === 'FileInput' ||\n        component.type === 'Checkbox')\n    ) {\n      const formState = newState[currentForm.name] as FormState;\n      assertNameIsUnique(formState, component.props.name);\n      formState[component.props.name] = constructInputState(\n        oldState,\n        component,\n        currentForm.name,\n      );\n      return;\n    }\n\n    // Stateful components outside a form\n    if (\n      component.type === 'Input' ||\n      component.type === 'Dropdown' ||\n      component.type === 'FileInput' ||\n      component.type === 'Checkbox'\n    ) {\n      assertNameIsUnique(newState, component.props.name);\n      newState[component.props.name] = constructInputState(oldState, component);\n    }\n  });\n\n  return newState;\n}\n\nconst MAX_CONTEXT_SIZE = 1_000_000; // 1 mb\n\n/**\n * Validate a JSON blob to be used as the interface context.\n *\n * @param context - The JSON blob.\n * @throws If the JSON blob is too large.\n */\nexport function validateInterfaceContext(context?: InterfaceContext) {\n  if (!context) {\n    return;\n  }\n\n  // We assume the validity of this JSON to be validated by the caller.\n  // E.g., in the RPC method implementation.\n  const size = getJsonSizeUnsafe(context);\n  assert(\n    size <= MAX_CONTEXT_SIZE,\n    `A Snap interface context may not be larger than ${\n      MAX_CONTEXT_SIZE / 1000000\n    } MB.`,\n  );\n}\n"],"mappings":";AAAA,SAAS,cAAc;AAgBvB,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,SAAS,gBAAgB,WAA2C;AACzE,MAAI,mBAAmB,SAAS,GAAG;AACjC,WAAO;AAAA,EACT;AAEA,SAAO,2BAA2B,SAAS;AAC7C;AAQO,SAAS,mBAAmB,OAAuB,MAAc;AACtE;AAAA,IACE,MAAM,IAAI,MAAM;AAAA,IAChB,4EAA4E,IAAI;AAAA,EAClF;AACF;AAWA,SAAS,uCACP,SACA;AACA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,YAAY;AACf,YAAM,WAAW,eAAe,OAAO;AACvC,aAAO,SAAS,CAAC,GAAG,MAAM;AAAA,IAC5B;AAAA,IAEA,KAAK;AACH,aAAO;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AAWA,SAAS,uBACP,SACA;AACA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aAAO,QAAQ,MAAM;AAAA,IAEvB;AACE,aAAO,QAAQ,MAAM;AAAA,EACzB;AACF;AAUA,SAAS,oBACP,UACA,SACA,MACA;AACA,QAAM,oBAAoB,OAAQ,SAAS,IAAI,IAAkB;AACjE,QAAM,gBAAgB,oBAAoB,QAAQ,MAAM,IAAI;AAE5D,MAAI,QAAQ,SAAS,aAAa;AAChC,WAAO,iBAAiB;AAAA,EAC1B;AAEA,SACE,uBAAuB,OAAO,KAC9B,iBACA,uCAAuC,OAAO,KAC9C;AAEJ;AASO,SAAS,eACd,UACA,eACgB;AAChB,QAAM,WAA2B,CAAC;AAGlC,QAAM,YAA+C,CAAC;AAEtD,UAAQ,eAAe,CAAC,WAAW,UAAU;AAC3C,QAAI,cAAc,UAAU,UAAU,SAAS,CAAC;AAGhD,QAAI,eAAe,SAAS,YAAY,OAAO;AAC7C,gBAAU,IAAI;AACd,oBAAc,UAAU,UAAU,SAAS,CAAC;AAAA,IAC9C;AAEA,QAAI,UAAU,SAAS,QAAQ;AAC7B,yBAAmB,UAAU,UAAU,MAAM,IAAI;AACjD,gBAAU,KAAK,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,CAAC;AACpD,eAAS,UAAU,MAAM,IAAI,IAAI,CAAC;AAClC;AAAA,IACF;AAGA,QACE,gBACC,UAAU,SAAS,WAClB,UAAU,SAAS,cACnB,UAAU,SAAS,eACnB,UAAU,SAAS,aACrB;AACA,YAAM,YAAY,SAAS,YAAY,IAAI;AAC3C,yBAAmB,WAAW,UAAU,MAAM,IAAI;AAClD,gBAAU,UAAU,MAAM,IAAI,IAAI;AAAA,QAChC;AAAA,QACA;AAAA,QACA,YAAY;AAAA,MACd;AACA;AAAA,IACF;AAGA,QACE,UAAU,SAAS,WACnB,UAAU,SAAS,cACnB,UAAU,SAAS,eACnB,UAAU,SAAS,YACnB;AACA,yBAAmB,UAAU,UAAU,MAAM,IAAI;AACjD,eAAS,UAAU,MAAM,IAAI,IAAI,oBAAoB,UAAU,SAAS;AAAA,IAC1E;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,IAAM,mBAAmB;AAQlB,SAAS,yBAAyB,SAA4B;AACnE,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAIA,QAAM,OAAO,kBAAkB,OAAO;AACtC;AAAA,IACE,QAAQ;AAAA,IACR,mDACE,mBAAmB,GACrB;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-YIQM6ZKA.mjs → chunk-4M2FX2AT.mjs}

@@ -12,8 +12,15 @@ var ALLOWED_PERMISSIONS = Object.freeze([
   SnapEndowments.TransactionInsight,
   SnapEndowments.SignatureInsight
 ]);
+var LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS = {
+  algorithm: "PBKDF2",
+  params: {
+    iterations: 1e4
+  }
+};
 
 export {
-  ALLOWED_PERMISSIONS
+  ALLOWED_PERMISSIONS,
+  LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS
 };
-//# sourceMappingURL=chunk-YIQM6ZKA.mjs.map
+//# sourceMappingURL=chunk-4M2FX2AT.mjs.map

package/dist/{chunk-YIQM6ZKA.mjs.map → chunk-4M2FX2AT.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/snaps/constants.ts"],"sourcesContent":["import { SnapEndowments } from '@metamask/snaps-rpc-methods';\n\n// These permissions are allowed without being on the allowlist.\nexport const ALLOWED_PERMISSIONS = Object.freeze([\n  'snap_dialog',\n  'snap_manageState',\n  'snap_notify',\n  'snap_getLocale',\n  SnapEndowments.Cronjob,\n  SnapEndowments.HomePage,\n  SnapEndowments.LifecycleHooks,\n  SnapEndowments.EthereumProvider,\n  SnapEndowments.TransactionInsight,\n  SnapEndowments.SignatureInsight,\n]);\n"],"mappings":";AAAA,SAAS,sBAAsB;AAGxB,IAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AACjB,CAAC;","names":[]}
+{"version":3,"sources":["../src/snaps/constants.ts"],"sourcesContent":["import { SnapEndowments } from '@metamask/snaps-rpc-methods';\n\n// These permissions are allowed without being on the allowlist.\nexport const ALLOWED_PERMISSIONS = Object.freeze([\n  'snap_dialog',\n  'snap_manageState',\n  'snap_notify',\n  'snap_getLocale',\n  SnapEndowments.Cronjob,\n  SnapEndowments.HomePage,\n  SnapEndowments.LifecycleHooks,\n  SnapEndowments.EthereumProvider,\n  SnapEndowments.TransactionInsight,\n  SnapEndowments.SignatureInsight,\n]);\n\nexport const LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS = {\n  algorithm: 'PBKDF2' as const,\n  params: {\n    iterations: 10_000,\n  },\n};\n"],"mappings":";AAAA,SAAS,sBAAsB;AAGxB,IAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AACjB,CAAC;AAEM,IAAM,2CAA2C;AAAA,EACtD,WAAW;AAAA,EACX,QAAQ;AAAA,IACN,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/chunk-6ERB63FH.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkKH72WRHRjs = require('./chunk-KH72WRHR.js');
+
+
+
+
+var _chunkEXN2TFDJjs = require('./chunk-EXN2TFDJ.js');
+
+// src/services/offscreen/OffscreenExecutionService.ts
+var _postmessagestream = require('@metamask/post-message-stream');
+var _offscreenPromise;
+var OffscreenExecutionService = class extends _chunkKH72WRHRjs.ProxyExecutionService {
+  /**
+   * Create a new offscreen execution service.
+   *
+   * @param args - The constructor arguments.
+   * @param args.messenger - The messenger to use for communication with the
+   * `SnapController`.
+   * @param args.setupSnapProvider - The function to use to set up the snap
+   * provider.
+   * @param args.offscreenPromise - A promise that resolves when the offscreen
+   * environment is ready.
+   */
+  constructor({
+    messenger,
+    setupSnapProvider,
+    offscreenPromise
+  }) {
+    super({
+      messenger,
+      setupSnapProvider,
+      stream: new (0, _postmessagestream.BrowserRuntimePostMessageStream)({
+        name: "parent",
+        target: "child"
+      })
+    });
+    _chunkEXN2TFDJjs.__privateAdd.call(void 0, this, _offscreenPromise, void 0);
+    _chunkEXN2TFDJjs.__privateSet.call(void 0, this, _offscreenPromise, offscreenPromise);
+  }
+  /**
+   * Create a new stream for the given job ID. This will wait for the offscreen
+   * environment to be ready before creating the stream.
+   *
+   * @param jobId - The job ID to create a stream for.
+   * @returns The stream for the given job ID.
+   */
+  async initEnvStream(jobId) {
+    await _chunkEXN2TFDJjs.__privateGet.call(void 0, this, _offscreenPromise);
+    return await super.initEnvStream(jobId);
+  }
+};
+_offscreenPromise = new WeakMap();
+
+
+
+exports.OffscreenExecutionService = OffscreenExecutionService;
+//# sourceMappingURL=chunk-6ERB63FH.js.map

package/dist/chunk-6ERB63FH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/services/offscreen/OffscreenExecutionService.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,SAAS,uCAAuC;AAAhD;AASO,IAAM,4BAAN,cAAwC,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnE,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAA6C;AAC3C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,QAAQ,IAAI,gCAAgC;AAAA,QAC1C,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,IACH,CAAC;AAzBH,uBAAS,mBAAT;AA2BE,uBAAK,mBAAoB;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,MAAgB,cAAc,OAAe;AAC3C,UAAM,mBAAK;AAEX,WAAO,MAAM,MAAM,cAAc,KAAK;AAAA,EACxC;AACF;AA1CW","sourcesContent":["import { BrowserRuntimePostMessageStream } from '@metamask/post-message-stream';\n\nimport type { ExecutionServiceArgs } from '../AbstractExecutionService';\nimport { ProxyExecutionService } from '../proxy/ProxyExecutionService';\n\ntype OffscreenExecutionEnvironmentServiceArgs = {\n  offscreenPromise: Promise<unknown>;\n} & ExecutionServiceArgs;\n\nexport class OffscreenExecutionService extends ProxyExecutionService {\n  readonly #offscreenPromise: Promise<unknown>;\n\n  /**\n   * Create a new offscreen execution service.\n   *\n   * @param args - The constructor arguments.\n   * @param args.messenger - The messenger to use for communication with the\n   * `SnapController`.\n   * @param args.setupSnapProvider - The function to use to set up the snap\n   * provider.\n   * @param args.offscreenPromise - A promise that resolves when the offscreen\n   * environment is ready.\n   */\n  constructor({\n    messenger,\n    setupSnapProvider,\n    offscreenPromise,\n  }: OffscreenExecutionEnvironmentServiceArgs) {\n    super({\n      messenger,\n      setupSnapProvider,\n      stream: new BrowserRuntimePostMessageStream({\n        name: 'parent',\n        target: 'child',\n      }),\n    });\n\n    this.#offscreenPromise = offscreenPromise;\n  }\n\n  /**\n   * Create a new stream for the given job ID. This will wait for the offscreen\n   * environment to be ready before creating the stream.\n   *\n   * @param jobId - The job ID to create a stream for.\n   * @returns The stream for the given job ID.\n   */\n  protected async initEnvStream(jobId: string) {\n    await this.#offscreenPromise;\n\n    return await super.initEnvStream(jobId);\n  }\n}\n"]}

package/dist/{chunk-LLA2BJYO.js → chunk-BUHS4M6F.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkTII2PO6Ojs = require('./chunk-TII2PO6O.js');
+var _chunkH7TB7I6Zjs = require('./chunk-H7TB7I6Z.js');
 
 
 
@@ -67,11 +67,11 @@ var SnapInterfaceController = class extends _basecontroller.BaseController {
    * @returns The newly interface id.
    */
   async createInterface(snapId, content, context) {
-    const element = _chunkTII2PO6Ojs.getJsxInterface.call(void 0, content);
+    const element = _chunkH7TB7I6Zjs.getJsxInterface.call(void 0, content);
     await _chunkEXN2TFDJjs.__privateMethod.call(void 0, this, _validateContent, validateContent_fn).call(this, element);
-    _chunkTII2PO6Ojs.validateInterfaceContext.call(void 0, context);
+    _chunkH7TB7I6Zjs.validateInterfaceContext.call(void 0, context);
     const id = _nanoid.nanoid.call(void 0, );
-    const componentState = _chunkTII2PO6Ojs.constructState.call(void 0, {}, element);
+    const componentState = _chunkH7TB7I6Zjs.constructState.call(void 0, {}, element);
     this.update((draftState) => {
       draftState.interfaces[id] = {
         snapId,
@@ -102,10 +102,10 @@ var SnapInterfaceController = class extends _basecontroller.BaseController {
    */
   async updateInterface(snapId, id, content) {
     _chunkEXN2TFDJjs.__privateMethod.call(void 0, this, _validateArgs, validateArgs_fn).call(this, snapId, id);
-    const element = _chunkTII2PO6Ojs.getJsxInterface.call(void 0, content);
+    const element = _chunkH7TB7I6Zjs.getJsxInterface.call(void 0, content);
     await _chunkEXN2TFDJjs.__privateMethod.call(void 0, this, _validateContent, validateContent_fn).call(this, element);
     const oldState = this.state.interfaces[id].state;
-    const newState = _chunkTII2PO6Ojs.constructState.call(void 0, oldState, element);
+    const newState = _chunkH7TB7I6Zjs.constructState.call(void 0, oldState, element);
     this.update((draftState) => {
       draftState.interfaces[id].state = newState;
       draftState.interfaces[id].content = element;
@@ -190,4 +190,4 @@ validateContent_fn = async function(element) {
 
 
 exports.SnapInterfaceController = SnapInterfaceController;
-//# sourceMappingURL=chunk-LLA2BJYO.js.map
+//# sourceMappingURL=chunk-BUHS4M6F.js.map

package/dist/chunk-CIFVYFJW.mjs

@@ -0,0 +1,58 @@
+import {
+  ProxyExecutionService
+} from "./chunk-3A72M4GC.mjs";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateSet
+} from "./chunk-YRZVIDCF.mjs";
+
+// src/services/offscreen/OffscreenExecutionService.ts
+import { BrowserRuntimePostMessageStream } from "@metamask/post-message-stream";
+var _offscreenPromise;
+var OffscreenExecutionService = class extends ProxyExecutionService {
+  /**
+   * Create a new offscreen execution service.
+   *
+   * @param args - The constructor arguments.
+   * @param args.messenger - The messenger to use for communication with the
+   * `SnapController`.
+   * @param args.setupSnapProvider - The function to use to set up the snap
+   * provider.
+   * @param args.offscreenPromise - A promise that resolves when the offscreen
+   * environment is ready.
+   */
+  constructor({
+    messenger,
+    setupSnapProvider,
+    offscreenPromise
+  }) {
+    super({
+      messenger,
+      setupSnapProvider,
+      stream: new BrowserRuntimePostMessageStream({
+        name: "parent",
+        target: "child"
+      })
+    });
+    __privateAdd(this, _offscreenPromise, void 0);
+    __privateSet(this, _offscreenPromise, offscreenPromise);
+  }
+  /**
+   * Create a new stream for the given job ID. This will wait for the offscreen
+   * environment to be ready before creating the stream.
+   *
+   * @param jobId - The job ID to create a stream for.
+   * @returns The stream for the given job ID.
+   */
+  async initEnvStream(jobId) {
+    await __privateGet(this, _offscreenPromise);
+    return await super.initEnvStream(jobId);
+  }
+};
+_offscreenPromise = new WeakMap();
+
+export {
+  OffscreenExecutionService
+};
+//# sourceMappingURL=chunk-CIFVYFJW.mjs.map

package/dist/chunk-CIFVYFJW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/services/offscreen/OffscreenExecutionService.ts"],"sourcesContent":["import { BrowserRuntimePostMessageStream } from '@metamask/post-message-stream';\n\nimport type { ExecutionServiceArgs } from '../AbstractExecutionService';\nimport { ProxyExecutionService } from '../proxy/ProxyExecutionService';\n\ntype OffscreenExecutionEnvironmentServiceArgs = {\n  offscreenPromise: Promise<unknown>;\n} & ExecutionServiceArgs;\n\nexport class OffscreenExecutionService extends ProxyExecutionService {\n  readonly #offscreenPromise: Promise<unknown>;\n\n  /**\n   * Create a new offscreen execution service.\n   *\n   * @param args - The constructor arguments.\n   * @param args.messenger - The messenger to use for communication with the\n   * `SnapController`.\n   * @param args.setupSnapProvider - The function to use to set up the snap\n   * provider.\n   * @param args.offscreenPromise - A promise that resolves when the offscreen\n   * environment is ready.\n   */\n  constructor({\n    messenger,\n    setupSnapProvider,\n    offscreenPromise,\n  }: OffscreenExecutionEnvironmentServiceArgs) {\n    super({\n      messenger,\n      setupSnapProvider,\n      stream: new BrowserRuntimePostMessageStream({\n        name: 'parent',\n        target: 'child',\n      }),\n    });\n\n    this.#offscreenPromise = offscreenPromise;\n  }\n\n  /**\n   * Create a new stream for the given job ID. This will wait for the offscreen\n   * environment to be ready before creating the stream.\n   *\n   * @param jobId - The job ID to create a stream for.\n   * @returns The stream for the given job ID.\n   */\n  protected async initEnvStream(jobId: string) {\n    await this.#offscreenPromise;\n\n    return await super.initEnvStream(jobId);\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,uCAAuC;AAAhD;AASO,IAAM,4BAAN,cAAwC,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnE,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAA6C;AAC3C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,QAAQ,IAAI,gCAAgC;AAAA,QAC1C,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,IACH,CAAC;AAzBH,uBAAS,mBAAT;AA2BE,uBAAK,mBAAoB;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,MAAgB,cAAc,OAAe;AAC3C,UAAM,mBAAK;AAEX,WAAO,MAAM,MAAM,cAAc,KAAK;AAAA,EACxC;AACF;AA1CW;","names":[]}

package/dist/chunk-H7TB7I6Z.js

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/interface/utils.ts
+var _snapssdk = require('@metamask/snaps-sdk');
+var _jsx = require('@metamask/snaps-sdk/jsx');
+
+
+
+
+
+var _snapsutils = require('@metamask/snaps-utils');
+function getJsxInterface(component) {
+  if (_jsx.isJSXElementUnsafe.call(void 0, component)) {
+    return component;
+  }
+  return _snapsutils.getJsxElementFromComponent.call(void 0, component);
+}
+function assertNameIsUnique(state, name) {
+  _snapssdk.assert.call(void 0, 
+    state[name] === void 0,
+    `Duplicate component names are not allowed, found multiple instances of: "${name}".`
+  );
+}
+function constructComponentSpecificDefaultState(element) {
+  switch (element.type) {
+    case "Dropdown": {
+      const children = _snapsutils.getJsxChildren.call(void 0, element);
+      return children[0]?.props.value;
+    }
+    case "Checkbox":
+      return false;
+    default:
+      return null;
+  }
+}
+function getComponentStateValue(element) {
+  switch (element.type) {
+    case "Checkbox":
+      return element.props.checked;
+    default:
+      return element.props.value;
+  }
+}
+function constructInputState(oldState, element, form) {
+  const oldStateUnwrapped = form ? oldState[form] : oldState;
+  const oldInputState = oldStateUnwrapped?.[element.props.name];
+  if (element.type === "FileInput") {
+    return oldInputState ?? null;
+  }
+  return getComponentStateValue(element) ?? oldInputState ?? constructComponentSpecificDefaultState(element) ?? null;
+}
+function constructState(oldState, rootComponent) {
+  const newState = {};
+  const formStack = [];
+  _snapsutils.walkJsx.call(void 0, rootComponent, (component, depth) => {
+    let currentForm = formStack[formStack.length - 1];
+    if (currentForm && depth <= currentForm.depth) {
+      formStack.pop();
+      currentForm = formStack[formStack.length - 1];
+    }
+    if (component.type === "Form") {
+      assertNameIsUnique(newState, component.props.name);
+      formStack.push({ name: component.props.name, depth });
+      newState[component.props.name] = {};
+      return;
+    }
+    if (currentForm && (component.type === "Input" || component.type === "Dropdown" || component.type === "FileInput" || component.type === "Checkbox")) {
+      const formState = newState[currentForm.name];
+      assertNameIsUnique(formState, component.props.name);
+      formState[component.props.name] = constructInputState(
+        oldState,
+        component,
+        currentForm.name
+      );
+      return;
+    }
+    if (component.type === "Input" || component.type === "Dropdown" || component.type === "FileInput" || component.type === "Checkbox") {
+      assertNameIsUnique(newState, component.props.name);
+      newState[component.props.name] = constructInputState(oldState, component);
+    }
+  });
+  return newState;
+}
+var MAX_CONTEXT_SIZE = 1e6;
+function validateInterfaceContext(context) {
+  if (!context) {
+    return;
+  }
+  const size = _snapsutils.getJsonSizeUnsafe.call(void 0, context);
+  _snapssdk.assert.call(void 0, 
+    size <= MAX_CONTEXT_SIZE,
+    `A Snap interface context may not be larger than ${MAX_CONTEXT_SIZE / 1e6} MB.`
+  );
+}
+
+
+
+
+
+
+exports.getJsxInterface = getJsxInterface; exports.assertNameIsUnique = assertNameIsUnique; exports.constructState = constructState; exports.validateInterfaceContext = validateInterfaceContext;
+//# sourceMappingURL=chunk-H7TB7I6Z.js.map

package/dist/chunk-H7TB7I6Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/utils.ts"],"names":[],"mappings":";AAAA,SAAS,cAAc;AAgBvB,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,SAAS,gBAAgB,WAA2C;AACzE,MAAI,mBAAmB,SAAS,GAAG;AACjC,WAAO;AAAA,EACT;AAEA,SAAO,2BAA2B,SAAS;AAC7C;AAQO,SAAS,mBAAmB,OAAuB,MAAc;AACtE;AAAA,IACE,MAAM,IAAI,MAAM;AAAA,IAChB,4EAA4E,IAAI;AAAA,EAClF;AACF;AAWA,SAAS,uCACP,SACA;AACA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,YAAY;AACf,YAAM,WAAW,eAAe,OAAO;AACvC,aAAO,SAAS,CAAC,GAAG,MAAM;AAAA,IAC5B;AAAA,IAEA,KAAK;AACH,aAAO;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AAWA,SAAS,uBACP,SACA;AACA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aAAO,QAAQ,MAAM;AAAA,IAEvB;AACE,aAAO,QAAQ,MAAM;AAAA,EACzB;AACF;AAUA,SAAS,oBACP,UACA,SACA,MACA;AACA,QAAM,oBAAoB,OAAQ,SAAS,IAAI,IAAkB;AACjE,QAAM,gBAAgB,oBAAoB,QAAQ,MAAM,IAAI;AAE5D,MAAI,QAAQ,SAAS,aAAa;AAChC,WAAO,iBAAiB;AAAA,EAC1B;AAEA,SACE,uBAAuB,OAAO,KAC9B,iBACA,uCAAuC,OAAO,KAC9C;AAEJ;AASO,SAAS,eACd,UACA,eACgB;AAChB,QAAM,WAA2B,CAAC;AAGlC,QAAM,YAA+C,CAAC;AAEtD,UAAQ,eAAe,CAAC,WAAW,UAAU;AAC3C,QAAI,cAAc,UAAU,UAAU,SAAS,CAAC;AAGhD,QAAI,eAAe,SAAS,YAAY,OAAO;AAC7C,gBAAU,IAAI;AACd,oBAAc,UAAU,UAAU,SAAS,CAAC;AAAA,IAC9C;AAEA,QAAI,UAAU,SAAS,QAAQ;AAC7B,yBAAmB,UAAU,UAAU,MAAM,IAAI;AACjD,gBAAU,KAAK,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,CAAC;AACpD,eAAS,UAAU,MAAM,IAAI,IAAI,CAAC;AAClC;AAAA,IACF;AAGA,QACE,gBACC,UAAU,SAAS,WAClB,UAAU,SAAS,cACnB,UAAU,SAAS,eACnB,UAAU,SAAS,aACrB;AACA,YAAM,YAAY,SAAS,YAAY,IAAI;AAC3C,yBAAmB,WAAW,UAAU,MAAM,IAAI;AAClD,gBAAU,UAAU,MAAM,IAAI,IAAI;AAAA,QAChC;AAAA,QACA;AAAA,QACA,YAAY;AAAA,MACd;AACA;AAAA,IACF;AAGA,QACE,UAAU,SAAS,WACnB,UAAU,SAAS,cACnB,UAAU,SAAS,eACnB,UAAU,SAAS,YACnB;AACA,yBAAmB,UAAU,UAAU,MAAM,IAAI;AACjD,eAAS,UAAU,MAAM,IAAI,IAAI,oBAAoB,UAAU,SAAS;AAAA,IAC1E;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,IAAM,mBAAmB;AAQlB,SAAS,yBAAyB,SAA4B;AACnE,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AAIA,QAAM,OAAO,kBAAkB,OAAO;AACtC;AAAA,IACE,QAAQ;AAAA,IACR,mDACE,mBAAmB,GACrB;AAAA,EACF;AACF","sourcesContent":["import { assert } from '@metamask/snaps-sdk';\nimport type {\n  FormState,\n  InterfaceState,\n  ComponentOrElement,\n  InterfaceContext,\n  State,\n} from '@metamask/snaps-sdk';\nimport type {\n  DropdownElement,\n  InputElement,\n  JSXElement,\n  OptionElement,\n  FileInputElement,\n  CheckboxElement,\n} from '@metamask/snaps-sdk/jsx';\nimport { isJSXElementUnsafe } from '@metamask/snaps-sdk/jsx';\nimport {\n  getJsonSizeUnsafe,\n  getJsxChildren,\n  getJsxElementFromComponent,\n  walkJsx,\n} from '@metamask/snaps-utils';\n\n/**\n * Get a JSX element from a component or JSX element. If the component is a\n * JSX element, it is returned as is. Otherwise, the component is converted to\n * a JSX element.\n *\n * @param component - The component to convert.\n * @returns The JSX element.\n */\nexport function getJsxInterface(component: ComponentOrElement): JSXElement {\n  if (isJSXElementUnsafe(component)) {\n    return component;\n  }\n\n  return getJsxElementFromComponent(component);\n}\n\n/**\n * Assert that the component name is unique in state.\n *\n * @param state - The interface state to verify against.\n * @param name - The component name to verify.\n */\nexport function assertNameIsUnique(state: InterfaceState, name: string) {\n  assert(\n    state[name] === undefined,\n    `Duplicate component names are not allowed, found multiple instances of: \"${name}\".`,\n  );\n}\n\n/**\n * Construct default state for a component.\n *\n * This function is meant to be used inside constructInputState to account\n * for component specific defaults and will not override the component value or existing form state.\n *\n * @param element - The input element.\n * @returns The default state for the specific component, if any.\n */\nfunction constructComponentSpecificDefaultState(\n  element: InputElement | DropdownElement | CheckboxElement,\n) {\n  switch (element.type) {\n    case 'Dropdown': {\n      const children = getJsxChildren(element) as OptionElement[];\n      return children[0]?.props.value;\n    }\n\n    case 'Checkbox':\n      return false;\n\n    default:\n      return null;\n  }\n}\n\n/**\n * Get the state value for a stateful component.\n *\n * Most components store the state value as a `value` prop.\n * This function exists to account for components where that isn't the case.\n *\n * @param element - The input element.\n * @returns The state value for a given component.\n */\nfunction getComponentStateValue(\n  element: InputElement | DropdownElement | CheckboxElement,\n) {\n  switch (element.type) {\n    case 'Checkbox':\n      return element.props.checked;\n\n    default:\n      return element.props.value;\n  }\n}\n\n/**\n * Construct the state for an input field.\n *\n * @param oldState - The previous state.\n * @param element - The input element.\n * @param form - An optional form that the input is enclosed in.\n * @returns The input state.\n */\nfunction constructInputState(\n  oldState: InterfaceState,\n  element: InputElement | DropdownElement | FileInputElement | CheckboxElement,\n  form?: string,\n) {\n  const oldStateUnwrapped = form ? (oldState[form] as FormState) : oldState;\n  const oldInputState = oldStateUnwrapped?.[element.props.name] as State;\n\n  if (element.type === 'FileInput') {\n    return oldInputState ?? null;\n  }\n\n  return (\n    getComponentStateValue(element) ??\n    oldInputState ??\n    constructComponentSpecificDefaultState(element) ??\n    null\n  );\n}\n\n/**\n * Construct the interface state for a given component tree.\n *\n * @param oldState - The previous state.\n * @param rootComponent - The UI component to construct state from.\n * @returns The interface state of the passed component.\n */\nexport function constructState(\n  oldState: InterfaceState,\n  rootComponent: JSXElement,\n): InterfaceState {\n  const newState: InterfaceState = {};\n\n  // Stack containing the forms we have visited and at which depth\n  const formStack: { name: string; depth: number }[] = [];\n\n  walkJsx(rootComponent, (component, depth) => {\n    let currentForm = formStack[formStack.length - 1];\n\n    // Pop the current form of the stack once we leave its depth.\n    if (currentForm && depth <= currentForm.depth) {\n      formStack.pop();\n      currentForm = formStack[formStack.length - 1];\n    }\n\n    if (component.type === 'Form') {\n      assertNameIsUnique(newState, component.props.name);\n      formStack.push({ name: component.props.name, depth });\n      newState[component.props.name] = {};\n      return;\n    }\n\n    // Stateful components inside a form\n    if (\n      currentForm &&\n      (component.type === 'Input' ||\n        component.type === 'Dropdown' ||\n        component.type === 'FileInput' ||\n        component.type === 'Checkbox')\n    ) {\n      const formState = newState[currentForm.name] as FormState;\n      assertNameIsUnique(formState, component.props.name);\n      formState[component.props.name] = constructInputState(\n        oldState,\n        component,\n        currentForm.name,\n      );\n      return;\n    }\n\n    // Stateful components outside a form\n    if (\n      component.type === 'Input' ||\n      component.type === 'Dropdown' ||\n      component.type === 'FileInput' ||\n      component.type === 'Checkbox'\n    ) {\n      assertNameIsUnique(newState, component.props.name);\n      newState[component.props.name] = constructInputState(oldState, component);\n    }\n  });\n\n  return newState;\n}\n\nconst MAX_CONTEXT_SIZE = 1_000_000; // 1 mb\n\n/**\n * Validate a JSON blob to be used as the interface context.\n *\n * @param context - The JSON blob.\n * @throws If the JSON blob is too large.\n */\nexport function validateInterfaceContext(context?: InterfaceContext) {\n  if (!context) {\n    return;\n  }\n\n  // We assume the validity of this JSON to be validated by the caller.\n  // E.g., in the RPC method implementation.\n  const size = getJsonSizeUnsafe(context);\n  assert(\n    size <= MAX_CONTEXT_SIZE,\n    `A Snap interface context may not be larger than ${\n      MAX_CONTEXT_SIZE / 1000000\n    } MB.`,\n  );\n}\n"]}

package/dist/{chunk-5YBORD3A.js → chunk-JQ54YYLU.js}

@@ -12,8 +12,15 @@ var ALLOWED_PERMISSIONS = Object.freeze([
   _snapsrpcmethods.SnapEndowments.TransactionInsight,
   _snapsrpcmethods.SnapEndowments.SignatureInsight
 ]);
+var LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS = {
+  algorithm: "PBKDF2",
+  params: {
+    iterations: 1e4
+  }
+};
 
 
 
-exports.ALLOWED_PERMISSIONS = ALLOWED_PERMISSIONS;
-//# sourceMappingURL=chunk-5YBORD3A.js.map
+
+exports.ALLOWED_PERMISSIONS = ALLOWED_PERMISSIONS; exports.LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS = LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS;
+//# sourceMappingURL=chunk-JQ54YYLU.js.map

package/dist/chunk-JQ54YYLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/snaps/constants.ts"],"names":[],"mappings":";AAAA,SAAS,sBAAsB;AAGxB,IAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AACjB,CAAC;AAEM,IAAM,2CAA2C;AAAA,EACtD,WAAW;AAAA,EACX,QAAQ;AAAA,IACN,YAAY;AAAA,EACd;AACF","sourcesContent":["import { SnapEndowments } from '@metamask/snaps-rpc-methods';\n\n// These permissions are allowed without being on the allowlist.\nexport const ALLOWED_PERMISSIONS = Object.freeze([\n  'snap_dialog',\n  'snap_manageState',\n  'snap_notify',\n  'snap_getLocale',\n  SnapEndowments.Cronjob,\n  SnapEndowments.HomePage,\n  SnapEndowments.LifecycleHooks,\n  SnapEndowments.EthereumProvider,\n  SnapEndowments.TransactionInsight,\n  SnapEndowments.SignatureInsight,\n]);\n\nexport const LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS = {\n  algorithm: 'PBKDF2' as const,\n  params: {\n    iterations: 10_000,\n  },\n};\n"]}

package/dist/{chunk-TSPPQQHW.mjs → chunk-RVWBSSZM.mjs}

@@ -5,8 +5,9 @@ import {
   RequestQueue
 } from "./chunk-NC5PBDKD.mjs";
 import {
-  ALLOWED_PERMISSIONS
-} from "./chunk-YIQM6ZKA.mjs";
+  ALLOWED_PERMISSIONS,
+  LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS
+} from "./chunk-4M2FX2AT.mjs";
 import {
   forceStrict,
   validateMachine
@@ -1806,7 +1807,9 @@ decryptSnapState_fn = async function(snapId, state) {
       snapId,
       salt,
       useCache,
-      keyMetadata
+      // When decrypting state we expect key metadata to be present.
+      // If it isn't present, we assume that the Snap state we are decrypting is old enough to use the legacy encryption params.
+      keyMetadata: keyMetadata ?? LEGACY_ENCRYPTION_KEY_DERIVATION_OPTIONS
     });
     const decryptedState = await __privateGet(this, _encryptor).decryptWithKey(key, parsed);
     assert(isValidJson(decryptedState));
@@ -2493,4 +2496,4 @@ export {
   SNAP_APPROVAL_RESULT,
   SnapController
 };
-//# sourceMappingURL=chunk-TSPPQQHW.mjs.map
+//# sourceMappingURL=chunk-RVWBSSZM.mjs.map