chore: fix bugs

.changeset/serious-swans-cough.md

@@ -0,0 +1,5 @@
+---
+"@blockchain-lab-um/masca": minor
+---
+
+Replace old UI with jsx UI

package.json

@@ -79,7 +79,8 @@
       "@changesets/[email protected]": "patches/@[email protected]",
       "[email protected]": "patches/[email protected]",
       "@iden3/[email protected]": "patches/@[email protected]",
-      "[email protected]": "patches/[email protected]"
+      "[email protected]": "patches/[email protected]",
+      "@metamask/snaps-sdk": "patches/@metamask__snaps-sdk.patch"
     },
     "allowNonAppliedPatches": false
   }

packages/snap/snap.manifest.json

@@ -26,7 +26,7 @@
       "./files/circuits/credentialAtomicQuerySigV2/circuit_final.zkey",
       "./files/circuits/credentialAtomicQuerySigV2/verification_key.json"
     ],
-    "shasum": "5w3ATt4hUweaGEwKjERBKnWQoT0HtekHPDHLUF/PvHI="
+    "shasum": "3oSq0uvWj5nwDmZZy5BDfmxPXXwTWlZA2LcIoWKFO9Q="
   },
   "initialPermissions": {
     "endowment:ethereum-provider": {},

patches/@metamask__snaps-sdk.patch

@@ -0,0 +1,81 @@
+diff --git a/CHANGELOG.md b/CHANGELOG.md
+deleted file mode 100644
+index 9b9d71ae550e6ff391c8ca89288279b6f4c0d35f..0000000000000000000000000000000000000000
+diff --git a/dist/types/jsx/components/Box.d.ts b/dist/types/jsx/components/Box.d.ts
+index 3fa60de4501d68b2c21dd9dff216caa10f051372..8ae79319ba9bace884ac0f3b1152d14ca441fcd9 100644
+--- a/dist/types/jsx/components/Box.d.ts
++++ b/dist/types/jsx/components/Box.d.ts
+@@ -7,7 +7,7 @@ import type { GenericSnapElement, SnapsChildren } from '../component';
+  * @property alignment - The alignment mode to use within the box. Defaults to `start`.
+  */
+ export type BoxProps = {
+-    children: SnapsChildren<GenericSnapElement>;
++    children?: SnapsChildren<GenericSnapElement>;
+     direction?: 'vertical' | 'horizontal' | undefined;
+     alignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | undefined;
+ };
+diff --git a/dist/types/jsx/components/Heading.d.ts b/dist/types/jsx/components/Heading.d.ts
+index 5b1eb69011c65280536cf20821e0e5c8c875922a..a6150e23cb34070821cfb10bbd73e967794b50e4 100644
+--- a/dist/types/jsx/components/Heading.d.ts
++++ b/dist/types/jsx/components/Heading.d.ts
+@@ -5,7 +5,7 @@ import type { StringElement } from '../component';
+  * @property children - The text to display in the heading.
+  */
+ type HeadingProps = {
+-    children: StringElement;
++    children?: StringElement;
+ };
+ /**
+  * A heading component, which is used to display heading text.
+diff --git a/dist/types/jsx/components/Link.d.ts b/dist/types/jsx/components/Link.d.ts
+index c3d0ece0a4e963b840276255cdfe2a86dd00f896..22f94ffdb5e063ba0aedea0634ee3530a19ceb1f 100644
+--- a/dist/types/jsx/components/Link.d.ts
++++ b/dist/types/jsx/components/Link.d.ts
+@@ -12,7 +12,7 @@ export type LinkChildren = SnapsChildren<string | StandardFormattingElement>;
+  * `http` is not allowed.
+  */
+ export type LinkProps = {
+-    children: LinkChildren;
++    children?: LinkChildren;
+     href: string;
+ };
+ /**
+diff --git a/dist/types/jsx/components/Text.d.ts b/dist/types/jsx/components/Text.d.ts
+index af2413ac7b2586389939fcb6319ca175b07ce37c..520b609dc272b9ec9eaa0cb5c3a4f931a0e0814e 100644
+--- a/dist/types/jsx/components/Text.d.ts
++++ b/dist/types/jsx/components/Text.d.ts
+@@ -16,7 +16,7 @@ export type TextColors = 'default' | 'alternative' | 'muted' | 'error' | 'succes
+  * @property children - The text to display.
+  */
+ export type TextProps = {
+-    children: TextChildren;
++    children?: TextChildren;
+     alignment?: 'start' | 'center' | 'end' | undefined;
+     color?: TextColors | undefined;
+ };
+diff --git a/dist/types/jsx/components/formatting/Bold.d.ts b/dist/types/jsx/components/formatting/Bold.d.ts
+index 36561185dcabb9077d803aaaae3b0a29dc96d983..e39a9b58e94851584f11ec7274ce2bdf1da8be9f 100644
+--- a/dist/types/jsx/components/formatting/Bold.d.ts
++++ b/dist/types/jsx/components/formatting/Bold.d.ts
+@@ -9,7 +9,7 @@ export type BoldChildren = SnapsChildren<string | SnapElement<JsonObject, 'Itali
+  * @property children - The text to display in bold.
+  */
+ export type BoldProps = {
+-    children: BoldChildren;
++    children?: BoldChildren;
+ };
+ /**
+  * A bold component, which is used to display text in bold. This component can
+diff --git a/dist/types/jsx/components/formatting/Italic.d.ts b/dist/types/jsx/components/formatting/Italic.d.ts
+index 2c835e3b566e6886fd8fba59f72bcf7d744b4104..97f5fdec81f03ad8dfd3dab36b0ca35bd51236bc 100644
+--- a/dist/types/jsx/components/formatting/Italic.d.ts
++++ b/dist/types/jsx/components/formatting/Italic.d.ts
+@@ -10,7 +10,7 @@ export type ItalicChildren = SnapsChildren<string | SnapElement<JsonObject, 'Bol
+  * or an array of strings.
+  */
+ export type ItalicProps = {
+-    children: ItalicChildren;
++    children?: ItalicChildren;
+ };
+ /**
+  * An italic component, which is used to display text in italic. This componen