@metamask/snaps-sdk 6.0.0 → 6.1.1

package/dist/jsx/index.mjs

@@ -63,45 +63,57 @@ var Address = createSnapComponent(TYPE11);
 var TYPE12 = "Box";
 var Box = createSnapComponent(TYPE12);
 
+// src/jsx/components/Card.ts
+var TYPE13 = "Card";
+var Card = createSnapComponent(TYPE13);
+
 // src/jsx/components/Copyable.ts
-var TYPE13 = "Copyable";
-var Copyable = createSnapComponent(TYPE13);
+var TYPE14 = "Copyable";
+var Copyable = createSnapComponent(TYPE14);
 
 // src/jsx/components/Divider.ts
-var TYPE14 = "Divider";
-var Divider = createSnapComponent(TYPE14);
+var TYPE15 = "Divider";
+var Divider = createSnapComponent(TYPE15);
 
 // src/jsx/components/Value.ts
-var TYPE15 = "Value";
-var Value = createSnapComponent(TYPE15);
+var TYPE16 = "Value";
+var Value = createSnapComponent(TYPE16);
 
 // src/jsx/components/Heading.ts
-var TYPE16 = "Heading";
-var Heading = createSnapComponent(TYPE16);
+var TYPE17 = "Heading";
+var Heading = createSnapComponent(TYPE17);
 
 // src/jsx/components/Image.ts
-var TYPE17 = "Image";
-var Image = createSnapComponent(TYPE17);
+var TYPE18 = "Image";
+var Image = createSnapComponent(TYPE18);
 
 // src/jsx/components/Link.ts
-var TYPE18 = "Link";
-var Link = createSnapComponent(TYPE18);
+var TYPE19 = "Link";
+var Link = createSnapComponent(TYPE19);
 
 // src/jsx/components/Row.ts
-var TYPE19 = "Row";
-var Row = createSnapComponent(TYPE19);
+var TYPE20 = "Row";
+var Row = createSnapComponent(TYPE20);
 
 // src/jsx/components/Spinner.ts
-var TYPE20 = "Spinner";
-var Spinner = createSnapComponent(TYPE20);
+var TYPE21 = "Spinner";
+var Spinner = createSnapComponent(TYPE21);
 
 // src/jsx/components/Text.ts
-var TYPE21 = "Text";
-var Text = createSnapComponent(TYPE21);
+var TYPE22 = "Text";
+var Text = createSnapComponent(TYPE22);
 
 // src/jsx/components/Tooltip.ts
-var TYPE22 = "Tooltip";
-var Tooltip = createSnapComponent(TYPE22);
+var TYPE23 = "Tooltip";
+var Tooltip = createSnapComponent(TYPE23);
+
+// src/jsx/components/Footer.ts
+var TYPE24 = "Footer";
+var Footer = createSnapComponent(TYPE24);
+
+// src/jsx/components/Container.ts
+var TYPE25 = "Container";
+var Container = createSnapComponent(TYPE25);
 
 // src/jsx/jsx-runtime.ts
 function jsx(component, props, key) {
@@ -125,13 +137,7 @@ function jsxs(component, props, key) {
 
 // src/jsx/validation.ts
 import {
-  hasProperty,
-  HexChecksumAddressStruct,
-  isPlainObject,
-  JsonStruct
-} from "@metamask/utils";
-import {
-  is,
+  is as is2,
   boolean,
   optional,
   array,
@@ -142,15 +148,23 @@ import {
   record,
   string as string2,
   tuple
-} from "superstruct";
+} from "@metamask/superstruct";
+import {
+  hasProperty as hasProperty2,
+  HexChecksumAddressStruct,
+  isPlainObject as isPlainObject2,
+  JsonStruct
+} from "@metamask/utils";
 
 // src/internals/structs.ts
 import {
   Struct,
   define,
+  is,
   literal as superstructLiteral,
   union as superstructUnion
-} from "superstruct";
+} from "@metamask/superstruct";
+import { hasProperty, isPlainObject } from "@metamask/utils";
 function literal(value) {
   return define(
     JSON.stringify(value),
@@ -167,6 +181,41 @@ function union([
     schema: [head, ...tail]
   });
 }
+function typedUnion(structs) {
+  return new Struct({
+    type: "union",
+    schema: null,
+    *entries(value, context) {
+      if (!isPlainObject(value) || !hasProperty(value, "type")) {
+        return;
+      }
+      const { type } = value;
+      const struct = structs.find(({ schema }) => is(type, schema.type));
+      if (!struct) {
+        return;
+      }
+      for (const entry of struct.entries(value, context)) {
+        yield entry;
+      }
+    },
+    validator(value, context) {
+      const types = structs.map(({ schema }) => schema.type.type);
+      if (!isPlainObject(value) || !hasProperty(value, "type") || typeof value.type !== "string") {
+        return `Expected type to be one of: ${types.join(
+          ", "
+        )}, but received: undefined`;
+      }
+      const { type } = value;
+      const struct = structs.find(({ schema }) => is(type, schema.type));
+      if (struct) {
+        return struct.validator(value, context);
+      }
+      return `Expected type to be one of: ${types.join(
+        ", "
+      )}, but received: "${type}"`;
+    }
+  });
+}
 
 // src/internals/jsx.ts
 function nullUnion(structs) {
@@ -174,7 +223,7 @@ function nullUnion(structs) {
 }
 
 // src/internals/svg.ts
-import { refine, string } from "superstruct";
+import { refine, string } from "@metamask/superstruct";
 function svg() {
   return refine(string(), "SVG", (value) => {
     if (!value.includes("<svg")) {
@@ -249,22 +298,32 @@ var FileInputStruct = element(
     compact: optional(boolean())
   }
 );
+var BUTTON_INPUT = [InputStruct, ButtonStruct];
+var FIELD_CHILDREN_ARRAY = [
+  InputStruct,
+  DropdownStruct,
+  FileInputStruct,
+  CheckboxStruct
+];
+var FieldChildUnionStruct = nullUnion([
+  ...FIELD_CHILDREN_ARRAY,
+  ...BUTTON_INPUT
+]);
+var FieldChildStruct = nullUnion([
+  tuple(BUTTON_INPUT),
+  ...FIELD_CHILDREN_ARRAY
+]);
 var FieldStruct = element("Field", {
   label: optional(string2()),
   error: optional(string2()),
-  children: nullUnion([
-    tuple([InputStruct, ButtonStruct]),
-    DropdownStruct,
-    FileInputStruct,
-    InputStruct,
-    CheckboxStruct
-  ])
+  children: FieldChildStruct
 });
+var FormChildStruct = children(
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  [FieldStruct, lazy(() => BoxChildStruct)]
+);
 var FormStruct = element("Form", {
-  children: children(
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    [FieldStruct, lazy(() => BoxChildStruct)]
-  ),
+  children: FormChildStruct,
   name: string2()
 });
 var BoldStruct = element("Bold", {
@@ -288,11 +347,12 @@ var FormattingStruct = nullUnion([
 var AddressStruct = element("Address", {
   address: HexChecksumAddressStruct
 });
+var BoxChildrenStruct = children(
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  [lazy(() => BoxChildStruct)]
+);
 var BoxStruct = element("Box", {
-  children: children(
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    [lazy(() => BoxChildStruct)]
-  ),
+  children: BoxChildrenStruct,
   direction: optional(nullUnion([literal("horizontal"), literal("vertical")])),
   alignment: optional(
     nullUnion([
@@ -304,6 +364,23 @@ var BoxStruct = element("Box", {
     ])
   )
 });
+var FooterChildStruct = nullUnion([
+  tuple([ButtonStruct, ButtonStruct]),
+  ButtonStruct
+]);
+var FooterStruct = element("Footer", {
+  children: FooterChildStruct
+});
+var ContainerChildStruct = nullUnion([
+  tuple([BoxStruct, FooterStruct]),
+  BoxStruct
+]);
+var ContainerStruct = element(
+  "Container",
+  {
+    children: ContainerChildStruct
+  }
+);
 var CopyableStruct = element("Copyable", {
   value: string2(),
   sensitive: optional(boolean())
@@ -313,6 +390,13 @@ var ValueStruct = element("Value", {
   value: string2(),
   extra: string2()
 });
+var CardStruct = element("Card", {
+  image: optional(string2()),
+  title: string2(),
+  description: optional(string2()),
+  value: string2(),
+  extra: optional(string2())
+});
 var HeadingStruct = element("Heading", {
   children: StringElementStruct
 });
@@ -358,7 +442,7 @@ var RowStruct = element("Row", {
   tooltip: optional(string2())
 });
 var SpinnerStruct = element("Spinner");
-var BoxChildStruct = nullUnion([
+var BoxChildStruct = typedUnion([
   AddressStruct,
   BoldStruct,
   BoxStruct,
@@ -377,10 +461,14 @@ var BoxChildStruct = nullUnion([
   SpinnerStruct,
   TextStruct,
   TooltipStruct,
-  CheckboxStruct
+  CheckboxStruct,
+  CardStruct
 ]);
-var RootJSXElementStruct = BoxChildStruct;
-var JSXElementStruct = nullUnion([
+var RootJSXElementStruct = nullUnion([
+  BoxChildStruct,
+  ContainerStruct
+]);
+var JSXElementStruct = typedUnion([
   ButtonStruct,
   InputStruct,
   FileInputStruct,
@@ -402,13 +490,16 @@ var JSXElementStruct = nullUnion([
   OptionStruct,
   ValueStruct,
   TooltipStruct,
-  CheckboxStruct
+  CheckboxStruct,
+  FooterStruct,
+  ContainerStruct,
+  CardStruct
 ]);
 function isJSXElement(value) {
-  return is(value, JSXElementStruct);
+  return is2(value, JSXElementStruct);
 }
 function isJSXElementUnsafe(value) {
-  return isPlainObject(value) && hasProperty(value, "type") && hasProperty(value, "props") && hasProperty(value, "key");
+  return isPlainObject2(value) && hasProperty2(value, "type") && hasProperty2(value, "props") && hasProperty2(value, "key");
 }
 function assertJSXElement(value) {
   if (!isJSXElement(value)) {
@@ -430,14 +521,20 @@ export {
   Address,
   Bold,
   Box,
+  BoxChildStruct,
   Button,
+  Card,
   Checkbox,
+  Container,
   Copyable,
   Divider,
   Dropdown,
   Field,
+  FieldChildUnionStruct,
   FileInput,
+  Footer,
   Form,
+  FormChildStruct,
   Heading,
   Image,
   Input,