@metamask/snaps-controllers 9.0.0 → 9.1.0

package/dist/types/interface/utils.d.ts

@@ -20,11 +20,10 @@ export declare function assertNameIsUnique(state: InterfaceState, name: string):
  * Construct the interface state for a given component tree.
  *
  * @param oldState - The previous state.
- * @param component - The UI component to construct state from.
- * @param newState - The state that is being constructed.
+ * @param rootComponent - The UI component to construct state from.
  * @returns The interface state of the passed component.
  */
-export declare function constructState(oldState: InterfaceState, component: JSXElement, newState?: InterfaceState): InterfaceState;
+export declare function constructState(oldState: InterfaceState, rootComponent: JSXElement): InterfaceState;
 /**
  * Validate a JSON blob to be used as the interface context.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/snaps-controllers",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "description": "Controllers for MetaMask Snaps.",
   "repository": {
     "type": "git",
@@ -63,9 +63,9 @@
     "@metamask/post-message-stream": "^8.1.0",
     "@metamask/rpc-errors": "^6.2.1",
     "@metamask/snaps-registry": "^3.1.0",
-    "@metamask/snaps-rpc-methods": "^9.1.3",
-    "@metamask/snaps-sdk": "^5.0.0",
-    "@metamask/snaps-utils": "^7.6.0",
+    "@metamask/snaps-rpc-methods": "^9.1.4",
+    "@metamask/snaps-sdk": "^6.0.0",
+    "@metamask/snaps-utils": "^7.7.0",
     "@metamask/utils": "^8.3.0",
     "@xstate/fsm": "^2.0.0",
     "browserify-zlib": "^0.2.0",
@@ -138,7 +138,7 @@
     "webdriverio": "^8.19.0"
   },
   "peerDependencies": {
-    "@metamask/snaps-execution-environments": "^6.4.0"
+    "@metamask/snaps-execution-environments": "^6.5.0"
   },
   "peerDependenciesMeta": {
     "@metamask/snaps-execution-environments": {

package/dist/chunk-7CZDBXIY.mjs

@@ -1,100 +0,0 @@
-// src/interface/utils.ts
-import { assert } from "@metamask/snaps-sdk";
-import { isJSXElementUnsafe } from "@metamask/snaps-sdk/jsx";
-import {
-  getJsonSizeUnsafe,
-  getJsxChildren,
-  getJsxElementFromComponent
-} 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) {
-  if (element.type === "Dropdown") {
-    const children = getJsxChildren(element);
-    return children[0]?.props.value;
-  }
-  return null;
-}
-function constructInputState(oldState, element) {
-  return element.props.value ?? oldState[element.props.name] ?? constructComponentSpecificDefaultState(element) ?? null;
-}
-function constructFormInputState(oldState, component, form) {
-  const oldFormState = oldState[form];
-  const oldInputState = oldFormState?.[component.props.name];
-  return component.props.value ?? oldInputState ?? constructComponentSpecificDefaultState(component) ?? null;
-}
-function getFieldInput(element) {
-  if (Array.isArray(element.props.children)) {
-    return element.props.children[0];
-  }
-  return element.props.children;
-}
-function constructFormState(oldState, component, form, newState) {
-  if (component.type === "Button") {
-    return newState;
-  }
-  const input = getFieldInput(component);
-  assertNameIsUnique(newState, input.props.name);
-  newState[input.props.name] = constructFormInputState(oldState, input, form);
-  return newState;
-}
-function constructState(oldState, component, newState = {}) {
-  if (component.type === "Box") {
-    const children = getJsxChildren(component);
-    return children.reduce(
-      (accumulator, node) => constructState(oldState, node, accumulator),
-      newState
-    );
-  }
-  if (component.type === "Form") {
-    assertNameIsUnique(newState, component.props.name);
-    const children = getJsxChildren(component);
-    newState[component.props.name] = children.reduce(
-      (accumulator, node) => {
-        return constructFormState(
-          oldState,
-          // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-          node,
-          component.props.name,
-          accumulator
-        );
-      },
-      {}
-    );
-    return newState;
-  }
-  if (component.type === "Input" || component.type === "Dropdown") {
-    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-7CZDBXIY.mjs.map

package/dist/chunk-7CZDBXIY.mjs.map

@@ -1 +0,0 @@
-{"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} from '@metamask/snaps-sdk';\nimport type {\n  ButtonElement,\n  DropdownElement,\n  FieldElement,\n  InputElement,\n  JSXElement,\n  OptionElement,\n} from '@metamask/snaps-sdk/jsx';\nimport { isJSXElementUnsafe } from '@metamask/snaps-sdk/jsx';\nimport {\n  getJsonSizeUnsafe,\n  getJsxChildren,\n  getJsxElementFromComponent,\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,\n) {\n  if (element.type === 'Dropdown') {\n    const children = getJsxChildren(element) as OptionElement[];\n    return children[0]?.props.value;\n  }\n\n  return null;\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 * @returns The input state.\n */\nfunction constructInputState(\n  oldState: InterfaceState,\n  element: InputElement | DropdownElement,\n) {\n  return (\n    element.props.value ??\n    oldState[element.props.name] ??\n    constructComponentSpecificDefaultState(element) ??\n    null\n  );\n}\n\n/**\n * Construct the state for a form input.\n *\n * @param oldState - The previous state.\n * @param component - The input element.\n * @param form - The parent form name of the input.\n * @returns The input state.\n */\nfunction constructFormInputState(\n  oldState: InterfaceState,\n  component: InputElement | DropdownElement,\n  form: string,\n) {\n  const oldFormState = oldState[form] as FormState;\n  const oldInputState = oldFormState?.[component.props.name];\n  return (\n    component.props.value ??\n    oldInputState ??\n    constructComponentSpecificDefaultState(component) ??\n    null\n  );\n}\n\n/**\n * Get the input field from a field element.\n *\n * @param element - The field element.\n * @returns The input element.\n */\nfunction getFieldInput(element: FieldElement) {\n  if (Array.isArray(element.props.children)) {\n    return element.props.children[0];\n  }\n\n  return element.props.children;\n}\n\n/**\n * Construct the state for a form input.\n *\n * @param oldState - The previous state.\n * @param component - The field element.\n * @param form - The parent form name of the input.\n * @param newState - The new state.\n * @returns The input state.\n */\nfunction constructFormState(\n  oldState: InterfaceState,\n  component: FieldElement | ButtonElement,\n  form: string,\n  newState: FormState,\n): FormState {\n  if (component.type === 'Button') {\n    return newState;\n  }\n\n  const input = getFieldInput(component);\n  assertNameIsUnique(newState, input.props.name);\n\n  newState[input.props.name] = constructFormInputState(oldState, input, form);\n\n  return newState;\n}\n\n/**\n * Construct the interface state for a given component tree.\n *\n * @param oldState - The previous state.\n * @param component - The UI component to construct state from.\n * @param newState - The state that is being constructed.\n * @returns The interface state of the passed component.\n */\nexport function constructState(\n  oldState: InterfaceState,\n  component: JSXElement,\n  newState: InterfaceState = {},\n): InterfaceState {\n  if (component.type === 'Box') {\n    const children = getJsxChildren(component);\n    return children.reduce(\n      (accumulator, node) =>\n        constructState(oldState, node as JSXElement, accumulator),\n      newState,\n    );\n  }\n\n  if (component.type === 'Form') {\n    assertNameIsUnique(newState, component.props.name);\n\n    const children = getJsxChildren(component);\n    newState[component.props.name] = children.reduce<FormState>(\n      (accumulator, node) => {\n        return constructFormState(\n          oldState,\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n          node as FieldElement | ButtonElement,\n          component.props.name,\n          accumulator,\n        );\n      },\n      {},\n    );\n\n    return newState;\n  }\n\n  if (component.type === 'Input' || component.type === 'Dropdown') {\n    assertNameIsUnique(newState, component.props.name);\n    newState[component.props.name] = constructInputState(oldState, component);\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;AAevB,SAAS,0BAA0B;AACnC;AAAA,EACE;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,MAAI,QAAQ,SAAS,YAAY;AAC/B,UAAM,WAAW,eAAe,OAAO;AACvC,WAAO,SAAS,CAAC,GAAG,MAAM;AAAA,EAC5B;AAEA,SAAO;AACT;AASA,SAAS,oBACP,UACA,SACA;AACA,SACE,QAAQ,MAAM,SACd,SAAS,QAAQ,MAAM,IAAI,KAC3B,uCAAuC,OAAO,KAC9C;AAEJ;AAUA,SAAS,wBACP,UACA,WACA,MACA;AACA,QAAM,eAAe,SAAS,IAAI;AAClC,QAAM,gBAAgB,eAAe,UAAU,MAAM,IAAI;AACzD,SACE,UAAU,MAAM,SAChB,iBACA,uCAAuC,SAAS,KAChD;AAEJ;AAQA,SAAS,cAAc,SAAuB;AAC5C,MAAI,MAAM,QAAQ,QAAQ,MAAM,QAAQ,GAAG;AACzC,WAAO,QAAQ,MAAM,SAAS,CAAC;AAAA,EACjC;AAEA,SAAO,QAAQ,MAAM;AACvB;AAWA,SAAS,mBACP,UACA,WACA,MACA,UACW;AACX,MAAI,UAAU,SAAS,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,cAAc,SAAS;AACrC,qBAAmB,UAAU,MAAM,MAAM,IAAI;AAE7C,WAAS,MAAM,MAAM,IAAI,IAAI,wBAAwB,UAAU,OAAO,IAAI;AAE1E,SAAO;AACT;AAUO,SAAS,eACd,UACA,WACA,WAA2B,CAAC,GACZ;AAChB,MAAI,UAAU,SAAS,OAAO;AAC5B,UAAM,WAAW,eAAe,SAAS;AACzC,WAAO,SAAS;AAAA,MACd,CAAC,aAAa,SACZ,eAAe,UAAU,MAAoB,WAAW;AAAA,MAC1D;AAAA,IACF;AAAA,EACF;AAEA,MAAI,UAAU,SAAS,QAAQ;AAC7B,uBAAmB,UAAU,UAAU,MAAM,IAAI;AAEjD,UAAM,WAAW,eAAe,SAAS;AACzC,aAAS,UAAU,MAAM,IAAI,IAAI,SAAS;AAAA,MACxC,CAAC,aAAa,SAAS;AACrB,eAAO;AAAA,UACL;AAAA;AAAA,UAEA;AAAA,UACA,UAAU,MAAM;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,SAAS,WAAW,UAAU,SAAS,YAAY;AAC/D,uBAAmB,UAAU,UAAU,MAAM,IAAI;AACjD,aAAS,UAAU,MAAM,IAAI,IAAI,oBAAoB,UAAU,SAAS;AAAA,EAC1E;AAEA,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-WCDDYBFW.js

@@ -1,100 +0,0 @@
-"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) {
-  if (element.type === "Dropdown") {
-    const children = _snapsutils.getJsxChildren.call(void 0, element);
-    return children[0]?.props.value;
-  }
-  return null;
-}
-function constructInputState(oldState, element) {
-  return element.props.value ?? oldState[element.props.name] ?? constructComponentSpecificDefaultState(element) ?? null;
-}
-function constructFormInputState(oldState, component, form) {
-  const oldFormState = oldState[form];
-  const oldInputState = oldFormState?.[component.props.name];
-  return component.props.value ?? oldInputState ?? constructComponentSpecificDefaultState(component) ?? null;
-}
-function getFieldInput(element) {
-  if (Array.isArray(element.props.children)) {
-    return element.props.children[0];
-  }
-  return element.props.children;
-}
-function constructFormState(oldState, component, form, newState) {
-  if (component.type === "Button") {
-    return newState;
-  }
-  const input = getFieldInput(component);
-  assertNameIsUnique(newState, input.props.name);
-  newState[input.props.name] = constructFormInputState(oldState, input, form);
-  return newState;
-}
-function constructState(oldState, component, newState = {}) {
-  if (component.type === "Box") {
-    const children = _snapsutils.getJsxChildren.call(void 0, component);
-    return children.reduce(
-      (accumulator, node) => constructState(oldState, node, accumulator),
-      newState
-    );
-  }
-  if (component.type === "Form") {
-    assertNameIsUnique(newState, component.props.name);
-    const children = _snapsutils.getJsxChildren.call(void 0, component);
-    newState[component.props.name] = children.reduce(
-      (accumulator, node) => {
-        return constructFormState(
-          oldState,
-          // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-          node,
-          component.props.name,
-          accumulator
-        );
-      },
-      {}
-    );
-    return newState;
-  }
-  if (component.type === "Input" || component.type === "Dropdown") {
-    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-WCDDYBFW.js.map

package/dist/chunk-WCDDYBFW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interface/utils.ts"],"names":[],"mappings":";AAAA,SAAS,cAAc;AAevB,SAAS,0BAA0B;AACnC;AAAA,EACE;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,MAAI,QAAQ,SAAS,YAAY;AAC/B,UAAM,WAAW,eAAe,OAAO;AACvC,WAAO,SAAS,CAAC,GAAG,MAAM;AAAA,EAC5B;AAEA,SAAO;AACT;AASA,SAAS,oBACP,UACA,SACA;AACA,SACE,QAAQ,MAAM,SACd,SAAS,QAAQ,MAAM,IAAI,KAC3B,uCAAuC,OAAO,KAC9C;AAEJ;AAUA,SAAS,wBACP,UACA,WACA,MACA;AACA,QAAM,eAAe,SAAS,IAAI;AAClC,QAAM,gBAAgB,eAAe,UAAU,MAAM,IAAI;AACzD,SACE,UAAU,MAAM,SAChB,iBACA,uCAAuC,SAAS,KAChD;AAEJ;AAQA,SAAS,cAAc,SAAuB;AAC5C,MAAI,MAAM,QAAQ,QAAQ,MAAM,QAAQ,GAAG;AACzC,WAAO,QAAQ,MAAM,SAAS,CAAC;AAAA,EACjC;AAEA,SAAO,QAAQ,MAAM;AACvB;AAWA,SAAS,mBACP,UACA,WACA,MACA,UACW;AACX,MAAI,UAAU,SAAS,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,cAAc,SAAS;AACrC,qBAAmB,UAAU,MAAM,MAAM,IAAI;AAE7C,WAAS,MAAM,MAAM,IAAI,IAAI,wBAAwB,UAAU,OAAO,IAAI;AAE1E,SAAO;AACT;AAUO,SAAS,eACd,UACA,WACA,WAA2B,CAAC,GACZ;AAChB,MAAI,UAAU,SAAS,OAAO;AAC5B,UAAM,WAAW,eAAe,SAAS;AACzC,WAAO,SAAS;AAAA,MACd,CAAC,aAAa,SACZ,eAAe,UAAU,MAAoB,WAAW;AAAA,MAC1D;AAAA,IACF;AAAA,EACF;AAEA,MAAI,UAAU,SAAS,QAAQ;AAC7B,uBAAmB,UAAU,UAAU,MAAM,IAAI;AAEjD,UAAM,WAAW,eAAe,SAAS;AACzC,aAAS,UAAU,MAAM,IAAI,IAAI,SAAS;AAAA,MACxC,CAAC,aAAa,SAAS;AACrB,eAAO;AAAA,UACL;AAAA;AAAA,UAEA;AAAA,UACA,UAAU,MAAM;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,SAAS,WAAW,UAAU,SAAS,YAAY;AAC/D,uBAAmB,UAAU,UAAU,MAAM,IAAI;AACjD,aAAS,UAAU,MAAM,IAAI,IAAI,oBAAoB,UAAU,SAAS;AAAA,EAC1E;AAEA,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} from '@metamask/snaps-sdk';\nimport type {\n  ButtonElement,\n  DropdownElement,\n  FieldElement,\n  InputElement,\n  JSXElement,\n  OptionElement,\n} from '@metamask/snaps-sdk/jsx';\nimport { isJSXElementUnsafe } from '@metamask/snaps-sdk/jsx';\nimport {\n  getJsonSizeUnsafe,\n  getJsxChildren,\n  getJsxElementFromComponent,\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,\n) {\n  if (element.type === 'Dropdown') {\n    const children = getJsxChildren(element) as OptionElement[];\n    return children[0]?.props.value;\n  }\n\n  return null;\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 * @returns The input state.\n */\nfunction constructInputState(\n  oldState: InterfaceState,\n  element: InputElement | DropdownElement,\n) {\n  return (\n    element.props.value ??\n    oldState[element.props.name] ??\n    constructComponentSpecificDefaultState(element) ??\n    null\n  );\n}\n\n/**\n * Construct the state for a form input.\n *\n * @param oldState - The previous state.\n * @param component - The input element.\n * @param form - The parent form name of the input.\n * @returns The input state.\n */\nfunction constructFormInputState(\n  oldState: InterfaceState,\n  component: InputElement | DropdownElement,\n  form: string,\n) {\n  const oldFormState = oldState[form] as FormState;\n  const oldInputState = oldFormState?.[component.props.name];\n  return (\n    component.props.value ??\n    oldInputState ??\n    constructComponentSpecificDefaultState(component) ??\n    null\n  );\n}\n\n/**\n * Get the input field from a field element.\n *\n * @param element - The field element.\n * @returns The input element.\n */\nfunction getFieldInput(element: FieldElement) {\n  if (Array.isArray(element.props.children)) {\n    return element.props.children[0];\n  }\n\n  return element.props.children;\n}\n\n/**\n * Construct the state for a form input.\n *\n * @param oldState - The previous state.\n * @param component - The field element.\n * @param form - The parent form name of the input.\n * @param newState - The new state.\n * @returns The input state.\n */\nfunction constructFormState(\n  oldState: InterfaceState,\n  component: FieldElement | ButtonElement,\n  form: string,\n  newState: FormState,\n): FormState {\n  if (component.type === 'Button') {\n    return newState;\n  }\n\n  const input = getFieldInput(component);\n  assertNameIsUnique(newState, input.props.name);\n\n  newState[input.props.name] = constructFormInputState(oldState, input, form);\n\n  return newState;\n}\n\n/**\n * Construct the interface state for a given component tree.\n *\n * @param oldState - The previous state.\n * @param component - The UI component to construct state from.\n * @param newState - The state that is being constructed.\n * @returns The interface state of the passed component.\n */\nexport function constructState(\n  oldState: InterfaceState,\n  component: JSXElement,\n  newState: InterfaceState = {},\n): InterfaceState {\n  if (component.type === 'Box') {\n    const children = getJsxChildren(component);\n    return children.reduce(\n      (accumulator, node) =>\n        constructState(oldState, node as JSXElement, accumulator),\n      newState,\n    );\n  }\n\n  if (component.type === 'Form') {\n    assertNameIsUnique(newState, component.props.name);\n\n    const children = getJsxChildren(component);\n    newState[component.props.name] = children.reduce<FormState>(\n      (accumulator, node) => {\n        return constructFormState(\n          oldState,\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n          node as FieldElement | ButtonElement,\n          component.props.name,\n          accumulator,\n        );\n      },\n      {},\n    );\n\n    return newState;\n  }\n\n  if (component.type === 'Input' || component.type === 'Dropdown') {\n    assertNameIsUnique(newState, component.props.name);\n    newState[component.props.name] = constructInputState(oldState, component);\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"]}