@metamask/snaps-sdk 4.4.2 → 6.0.0

package/dist/jsx/index.mjs

@@ -19,77 +19,89 @@ function createSnapComponent(type) {
 var TYPE = "Button";
 var Button = createSnapComponent(TYPE);
 
+// src/jsx/components/form/Checkbox.ts
+var TYPE2 = "Checkbox";
+var Checkbox = createSnapComponent(TYPE2);
+
 // src/jsx/components/form/Dropdown.ts
-var TYPE2 = "Dropdown";
-var Dropdown = createSnapComponent(TYPE2);
+var TYPE3 = "Dropdown";
+var Dropdown = createSnapComponent(TYPE3);
 
 // src/jsx/components/form/Option.ts
-var TYPE3 = "Option";
-var Option = createSnapComponent(TYPE3);
+var TYPE4 = "Option";
+var Option = createSnapComponent(TYPE4);
 
 // src/jsx/components/form/Field.ts
-var TYPE4 = "Field";
-var Field = createSnapComponent(TYPE4);
+var TYPE5 = "Field";
+var Field = createSnapComponent(TYPE5);
+
+// src/jsx/components/form/FileInput.ts
+var TYPE6 = "FileInput";
+var FileInput = createSnapComponent(TYPE6);
 
 // src/jsx/components/form/Form.ts
-var TYPE5 = "Form";
-var Form = createSnapComponent(TYPE5);
+var TYPE7 = "Form";
+var Form = createSnapComponent(TYPE7);
 
 // src/jsx/components/form/Input.ts
-var TYPE6 = "Input";
-var Input = createSnapComponent(TYPE6);
+var TYPE8 = "Input";
+var Input = createSnapComponent(TYPE8);
 
 // src/jsx/components/formatting/Bold.ts
-var TYPE7 = "Bold";
-var Bold = createSnapComponent(TYPE7);
+var TYPE9 = "Bold";
+var Bold = createSnapComponent(TYPE9);
 
 // src/jsx/components/formatting/Italic.ts
-var TYPE8 = "Italic";
-var Italic = createSnapComponent(TYPE8);
+var TYPE10 = "Italic";
+var Italic = createSnapComponent(TYPE10);
 
 // src/jsx/components/Address.ts
-var TYPE9 = "Address";
-var Address = createSnapComponent(TYPE9);
+var TYPE11 = "Address";
+var Address = createSnapComponent(TYPE11);
 
 // src/jsx/components/Box.ts
-var TYPE10 = "Box";
-var Box = createSnapComponent(TYPE10);
+var TYPE12 = "Box";
+var Box = createSnapComponent(TYPE12);
 
 // src/jsx/components/Copyable.ts
-var TYPE11 = "Copyable";
-var Copyable = createSnapComponent(TYPE11);
+var TYPE13 = "Copyable";
+var Copyable = createSnapComponent(TYPE13);
 
 // src/jsx/components/Divider.ts
-var TYPE12 = "Divider";
-var Divider = createSnapComponent(TYPE12);
+var TYPE14 = "Divider";
+var Divider = createSnapComponent(TYPE14);
 
 // src/jsx/components/Value.ts
-var TYPE13 = "Value";
-var Value = createSnapComponent(TYPE13);
+var TYPE15 = "Value";
+var Value = createSnapComponent(TYPE15);
 
 // src/jsx/components/Heading.ts
-var TYPE14 = "Heading";
-var Heading = createSnapComponent(TYPE14);
+var TYPE16 = "Heading";
+var Heading = createSnapComponent(TYPE16);
 
 // src/jsx/components/Image.ts
-var TYPE15 = "Image";
-var Image = createSnapComponent(TYPE15);
+var TYPE17 = "Image";
+var Image = createSnapComponent(TYPE17);
 
 // src/jsx/components/Link.ts
-var TYPE16 = "Link";
-var Link = createSnapComponent(TYPE16);
+var TYPE18 = "Link";
+var Link = createSnapComponent(TYPE18);
 
 // src/jsx/components/Row.ts
-var TYPE17 = "Row";
-var Row = createSnapComponent(TYPE17);
+var TYPE19 = "Row";
+var Row = createSnapComponent(TYPE19);
 
 // src/jsx/components/Spinner.ts
-var TYPE18 = "Spinner";
-var Spinner = createSnapComponent(TYPE18);
+var TYPE20 = "Spinner";
+var Spinner = createSnapComponent(TYPE20);
 
 // src/jsx/components/Text.ts
-var TYPE19 = "Text";
-var Text = createSnapComponent(TYPE19);
+var TYPE21 = "Text";
+var Text = createSnapComponent(TYPE21);
+
+// src/jsx/components/Tooltip.ts
+var TYPE22 = "Tooltip";
+var Tooltip = createSnapComponent(TYPE22);
 
 // src/jsx/jsx-runtime.ts
 function jsx(component, props, key) {
@@ -119,7 +131,6 @@ import {
   JsonStruct
 } from "@metamask/utils";
 import {
-  nonempty,
   is,
   boolean,
   optional,
@@ -129,7 +140,7 @@ import {
   number,
   object,
   record,
-  string,
+  string as string2,
   tuple
 } from "superstruct";
 
@@ -162,21 +173,36 @@ function nullUnion(structs) {
   return union(structs);
 }
 
+// src/internals/svg.ts
+import { refine, string } from "superstruct";
+function svg() {
+  return refine(string(), "SVG", (value) => {
+    if (!value.includes("<svg")) {
+      return "Value is not a valid SVG.";
+    }
+    return true;
+  });
+}
+
 // src/jsx/validation.ts
-var KeyStruct = nullUnion([string(), number()]);
-var StringElementStruct = maybeArray(
-  string()
-);
+var KeyStruct = nullUnion([string2(), number()]);
+var StringElementStruct = children([
+  string2()
+]);
 var ElementStruct = object({
-  type: string(),
-  props: record(string(), JsonStruct),
+  type: string2(),
+  props: record(string2(), JsonStruct),
   key: nullable(KeyStruct)
 });
-function nonEmptyArray(struct) {
-  return nonempty(array(struct));
+function nestable(struct) {
+  const nestableStruct = nullUnion([
+    struct,
+    array(lazy(() => nestableStruct))
+  ]);
+  return nestableStruct;
 }
-function maybeArray(struct) {
-  return nullUnion([struct, nonEmptyArray(struct)]);
+function children(structs) {
+  return nestable(nullable(nullUnion([...structs, boolean()])));
 }
 function element(name, props = {}) {
   return object({
@@ -187,62 +213,73 @@ function element(name, props = {}) {
 }
 var ButtonStruct = element("Button", {
   children: StringElementStruct,
-  name: optional(string()),
+  name: optional(string2()),
   type: optional(nullUnion([literal("button"), literal("submit")])),
   variant: optional(nullUnion([literal("primary"), literal("destructive")])),
   disabled: optional(boolean())
 });
+var CheckboxStruct = element("Checkbox", {
+  name: string2(),
+  checked: optional(boolean()),
+  label: optional(string2()),
+  variant: optional(nullUnion([literal("default"), literal("toggle")]))
+});
 var InputStruct = element("Input", {
-  name: string(),
+  name: string2(),
   type: optional(
     nullUnion([literal("text"), literal("password"), literal("number")])
   ),
-  value: optional(string()),
-  placeholder: optional(string())
+  value: optional(string2()),
+  placeholder: optional(string2())
 });
 var OptionStruct = element("Option", {
-  value: string(),
-  children: string()
+  value: string2(),
+  children: string2()
 });
 var DropdownStruct = element("Dropdown", {
-  name: string(),
-  value: optional(string()),
-  children: maybeArray(OptionStruct)
+  name: string2(),
+  value: optional(string2()),
+  children: children([OptionStruct])
 });
+var FileInputStruct = element(
+  "FileInput",
+  {
+    name: string2(),
+    accept: nullUnion([optional(array(string2()))]),
+    compact: optional(boolean())
+  }
+);
 var FieldStruct = element("Field", {
-  label: optional(string()),
-  error: optional(string()),
+  label: optional(string2()),
+  error: optional(string2()),
   children: nullUnion([
     tuple([InputStruct, ButtonStruct]),
+    DropdownStruct,
+    FileInputStruct,
     InputStruct,
-    DropdownStruct
+    CheckboxStruct
   ])
 });
 var FormStruct = element("Form", {
-  children: maybeArray(nullUnion([FieldStruct, ButtonStruct])),
-  name: string()
+  children: children(
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    [FieldStruct, lazy(() => BoxChildStruct)]
+  ),
+  name: string2()
 });
 var BoldStruct = element("Bold", {
-  children: maybeArray(
-    nullable(
-      nullUnion([
-        string(),
-        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        lazy(() => ItalicStruct)
-      ])
-    )
-  )
+  children: children([
+    string2(),
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    lazy(() => ItalicStruct)
+  ])
 });
 var ItalicStruct = element("Italic", {
-  children: maybeArray(
-    nullable(
-      nullUnion([
-        string(),
-        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        lazy(() => BoldStruct)
-      ])
-    )
-  )
+  children: children([
+    string2(),
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    lazy(() => BoldStruct)
+  ])
 });
 var FormattingStruct = nullUnion([
   BoldStruct,
@@ -252,9 +289,9 @@ var AddressStruct = element("Address", {
   address: HexChecksumAddressStruct
 });
 var BoxStruct = element("Box", {
-  children: maybeArray(
+  children: children(
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    nullable(lazy(() => BoxChildStruct))
+    [lazy(() => BoxChildStruct)]
   ),
   direction: optional(nullUnion([literal("horizontal"), literal("vertical")])),
   alignment: optional(
@@ -268,60 +305,85 @@ var BoxStruct = element("Box", {
   )
 });
 var CopyableStruct = element("Copyable", {
-  value: string(),
+  value: string2(),
   sensitive: optional(boolean())
 });
 var DividerStruct = element("Divider");
 var ValueStruct = element("Value", {
-  value: string(),
-  extra: string()
+  value: string2(),
+  extra: string2()
 });
 var HeadingStruct = element("Heading", {
   children: StringElementStruct
 });
 var ImageStruct = element("Image", {
-  src: string(),
-  alt: optional(string())
+  src: svg(),
+  alt: optional(string2())
 });
 var LinkStruct = element("Link", {
-  href: string(),
-  children: maybeArray(nullable(nullUnion([FormattingStruct, string()])))
+  href: string2(),
+  children: children([FormattingStruct, string2()])
 });
 var TextStruct = element("Text", {
-  children: maybeArray(
-    nullable(nullUnion([string(), BoldStruct, ItalicStruct, LinkStruct]))
+  children: children([string2(), BoldStruct, ItalicStruct, LinkStruct]),
+  alignment: optional(
+    nullUnion([literal("start"), literal("center"), literal("end")])
   )
 });
+var TooltipChildStruct = nullUnion([
+  TextStruct,
+  BoldStruct,
+  ItalicStruct,
+  LinkStruct,
+  ImageStruct,
+  boolean()
+]);
+var TooltipContentStruct = nullUnion([
+  TextStruct,
+  BoldStruct,
+  ItalicStruct,
+  LinkStruct,
+  string2()
+]);
+var TooltipStruct = element("Tooltip", {
+  children: nullable(TooltipChildStruct),
+  content: TooltipContentStruct
+});
 var RowStruct = element("Row", {
-  label: string(),
+  label: string2(),
   children: nullUnion([AddressStruct, ImageStruct, TextStruct, ValueStruct]),
   variant: optional(
-    nullUnion([literal("default"), literal("warning"), literal("error")])
-  )
+    nullUnion([literal("default"), literal("warning"), literal("critical")])
+  ),
+  tooltip: optional(string2())
 });
 var SpinnerStruct = element("Spinner");
 var BoxChildStruct = nullUnion([
-  ButtonStruct,
-  InputStruct,
-  FormStruct,
-  BoldStruct,
-  ItalicStruct,
   AddressStruct,
+  BoldStruct,
   BoxStruct,
+  ButtonStruct,
   CopyableStruct,
   DividerStruct,
+  DropdownStruct,
+  FileInputStruct,
+  FormStruct,
   HeadingStruct,
+  InputStruct,
   ImageStruct,
+  ItalicStruct,
   LinkStruct,
   RowStruct,
   SpinnerStruct,
   TextStruct,
-  DropdownStruct
+  TooltipStruct,
+  CheckboxStruct
 ]);
 var RootJSXElementStruct = BoxChildStruct;
 var JSXElementStruct = nullUnion([
   ButtonStruct,
   InputStruct,
+  FileInputStruct,
   FieldStruct,
   FormStruct,
   BoldStruct,
@@ -338,7 +400,9 @@ var JSXElementStruct = nullUnion([
   TextStruct,
   DropdownStruct,
   OptionStruct,
-  ValueStruct
+  ValueStruct,
+  TooltipStruct,
+  CheckboxStruct
 ]);
 function isJSXElement(value) {
   return is(value, JSXElementStruct);
@@ -367,10 +431,12 @@ export {
   Bold,
   Box,
   Button,
+  Checkbox,
   Copyable,
   Divider,
   Dropdown,
   Field,
+  FileInput,
   Form,
   Heading,
   Image,
@@ -383,6 +449,7 @@ export {
   Row,
   Spinner,
   Text,
+  Tooltip,
   Value,
   assertJSXElement,
   createSnapComponent,