feat: integrate api for submit claims

[lionellbriones]

Description

Integrate Shield Claims Form with the API, and added loader and toast for submission result.

Changelog

CHANGELOG entry: N/A

Related issues

Fixes:

Manual testing steps

1. N/A

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

❌ test-e2e-chrome-api-specs failed. View the html report here.

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: 8dfc31c | Date: 10/13/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.04s (±70ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
• domContentLoaded-> current mean value: 728ms (±67ms) 🟢 | historical mean value: 738ms ⬇️ (historical data)
• firstContentfulPaint-> current mean value: 75ms (±11ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	70ms	1.00s	1.31s	1.25s	1.31s
domContentLoaded	728ms	67ms	693ms	983ms	926ms	983ms
firstPaint	75ms	11ms	56ms	164ms	84ms	164ms
firstContentfulPaint	75ms	11ms	56ms	164ms	84ms	164ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [8dfc31c]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1212 ± 64 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1212	1089	1418	64	1255	1321
			load	1047	938	1203	57	1087	1135
			domContentLoaded	1040	902	1187	58	1081	1129
			domInteractive	18	13	117	12	16	38
			firstPaint	707	82	1226	419	1075	1135
			backgroundConnect	249	236	335	11	251	266
			firstReactRender	26	17	142	14	24	42
			getState	11	5	26	6	15	23
			initialActions	3	0	23	4	4	13
			loadScripts	798	666	928	57	834	894
			setupStore	8	5	17	2	9	12
	Webpack	Home	uiStartup	811	698	1092	72	820	1034
			load	626	578	941	74	628	860
			domContentLoaded	619	569	933	73	621	850
			domInteractive	15	11	56	8	13	35
			firstPaint	175	54	594	155	166	585
			backgroundConnect	20	10	44	6	24	31
			firstReactRender	26	16	53	7	31	34
			getState	8	4	22	3	9	12
			initialActions	2	0	8	2	3	6
			loadScripts	616	567	922	71	619	838
			setupStore	8	4	12	2	9	11
Firefox	Browserify	Home	uiStartup	1429	1198	1718	102	1503	1604
			load	1223	1042	1417	82	1284	1356
			domContentLoaded	1222	1042	1417	82	1284	1355
			domInteractive	102	34	301	43	113	203
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	30	20	90	10	32	57
			firstReactRender	31	23	73	8	31	53
			getState	7	3	54	7	6	18
			initialActions	4	1	68	8	2	16
			loadScripts	1199	1025	1387	80	1260	1328
			setupStore	8	4	72	8	7	20
	Webpack	Home	uiStartup	1597	1382	2074	131	1643	1862
			load	1379	1218	1683	91	1426	1571
			domContentLoaded	1379	1217	1683	91	1425	1570
			domInteractive	102	34	395	70	103	326
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	33	21	90	14	37	71
			firstReactRender	38	27	86	14	38	78
			getState	8	3	55	10	6	28
			initialActions	3	0	44	6	2	16
			loadScripts	1355	1200	1609	86	1401	1542
			setupStore	13	4	220	29	7	38

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 1.06 KiB (0.02%)
• ui: 1.91 KiB (0.03%)
• common: 651 Bytes (0.01%)

[metamaskbot]

❌ test-e2e-chrome-api-specs failed. View the html report here.

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: 00e9fd6 | Date: 10/13/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.04s (±72ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
• domContentLoaded-> current mean value: 731ms (±70ms) 🟢 | historical mean value: 738ms ⬇️ (historical data)
• firstContentfulPaint-> current mean value: 76ms (±13ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	72ms	1.01s	1.35s	1.29s	1.35s
domContentLoaded	731ms	70ms	697ms	1.02s	952ms	1.02s
firstPaint	76ms	13ms	60ms	192ms	88ms	192ms
firstContentfulPaint	76ms	13ms	60ms	192ms	88ms	192ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [00e9fd6]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1241 ± 60 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1241	1126	1463	60	1279	1336
			load	1073	965	1235	54	1107	1156
			domContentLoaded	1067	960	1228	53	1102	1149
			domInteractive	17	14	41	4	17	27
			firstPaint	682	79	1237	435	1096	1153
			backgroundConnect	254	240	282	7	257	268
			firstReactRender	24	19	44	5	25	38
			getState	12	5	45	7	14	28
			initialActions	5	0	65	7	5	14
			loadScripts	819	715	967	51	852	897
			setupStore	9	6	30	4	10	20
	Webpack	Home	uiStartup	822	703	1082	66	846	945
			load	635	580	920	65	643	751
			domContentLoaded	627	573	910	64	634	744
			domInteractive	15	11	49	8	14	40
			firstPaint	162	54	917	153	175	591
			backgroundConnect	21	11	46	6	25	33
			firstReactRender	27	16	75	10	32	35
			getState	8	3	22	3	9	12
			initialActions	2	0	13	2	3	8
			loadScripts	624	571	897	62	632	731
			setupStore	8	4	14	2	9	11
Firefox	Browserify	Home	uiStartup	1326	1165	1638	95	1386	1493
			load	1145	1012	1309	76	1205	1274
			domContentLoaded	1145	1012	1309	76	1204	1273
			domInteractive	95	31	295	51	95	245
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	25	17	73	9	28	41
			firstReactRender	28	24	61	5	30	35
			getState	6	3	31	5	5	14
			initialActions	3	0	39	5	2	13
			loadScripts	1126	993	1294	75	1186	1254
			setupStore	8	4	57	9	7	25
	Webpack	Home	uiStartup	1566	1381	1961	119	1621	1852
			load	1360	1203	1769	102	1419	1543
			domContentLoaded	1359	1202	1769	102	1419	1543
			domInteractive	97	31	379	64	100	253
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	19	70	10	36	51
			firstReactRender	36	26	94	13	37	75
			getState	8	2	123	14	6	28
			initialActions	3	0	50	7	2	15
			loadScripts	1336	1187	1742	100	1384	1519
			setupStore	11	4	62	13	8	46

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 1.06 KiB (0.02%)
• ui: 1.91 KiB (0.03%)
• common: 651 Bytes (0.01%)

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: f538fe6 | Date: 10/13/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.05s (±73ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
• domContentLoaded-> current mean value: 734ms (±70ms) 🟢 | historical mean value: 737ms ⬇️ (historical data)
• firstContentfulPaint-> current mean value: 76ms (±10ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.05s	73ms	1.01s	1.35s	1.27s	1.35s
domContentLoaded	734ms	70ms	700ms	1.03s	939ms	1.03s
firstPaint	76ms	10ms	56ms	160ms	84ms	160ms
firstContentfulPaint	76ms	10ms	56ms	160ms	84ms	160ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [f538fe6]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1239 ± 76 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1239	1114	1529	76	1281	1371
			load	1069	955	1320	70	1112	1200
			domContentLoaded	1062	950	1316	70	1103	1195
			domInteractive	18	14	62	7	17	33
			firstPaint	691	103	1350	436	1085	1153
			backgroundConnect	253	239	484	25	254	272
			firstReactRender	25	19	48	5	25	36
			getState	11	5	53	7	13	26
			initialActions	4	0	34	5	4	15
			loadScripts	815	716	1047	65	847	930
			setupStore	9	6	23	3	10	14
	Webpack	Home	uiStartup	832	698	1161	84	847	1001
			load	646	579	1024	88	642	860
			domContentLoaded	638	575	1016	87	636	853
			domInteractive	15	11	54	8	14	36
			firstPaint	203	56	1020	214	181	856
			backgroundConnect	21	10	117	11	24	32
			firstReactRender	27	16	63	9	32	44
			getState	8	4	18	3	10	13
			initialActions	2	0	9	2	3	6
			loadScripts	635	573	1006	84	634	850
			setupStore	8	4	17	2	9	11
Firefox	Browserify	Home	uiStartup	1414	1207	1869	127	1461	1678
			load	1211	1045	1413	83	1275	1347
			domContentLoaded	1211	1045	1413	83	1275	1347
			domInteractive	102	34	276	51	112	243
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	18	229	23	32	69
			firstReactRender	29	25	48	3	30	35
			getState	5	3	18	3	6	13
			initialActions	2	0	22	3	2	10
			loadScripts	1189	1027	1395	80	1247	1323
			setupStore	14	4	214	32	7	60
	Webpack	Home	uiStartup	1527	1358	2105	119	1559	1786
			load	1329	1191	1595	87	1370	1495
			domContentLoaded	1328	1191	1595	87	1369	1494
			domInteractive	97	30	359	63	103	321
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	19	121	18	34	81
			firstReactRender	34	26	76	11	35	73
			getState	5	3	41	5	5	13
			initialActions	8	0	200	26	2	50
			loadScripts	1304	1172	1568	83	1342	1468
			setupStore	12	4	71	16	7	57

Bundle size diffs [🚀 Bundle size reduced!]

• background: 1.05 KiB (0.02%)
• ui: 1.91 KiB (0.03%)
• common: -26.66 KiB (-0.32%)

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: 7034275 | Date: 10/13/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.04s (±70ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
• domContentLoaded-> current mean value: 728ms (±68ms) 🟢 | historical mean value: 739ms ⬇️ (historical data)
• firstContentfulPaint-> current mean value: 75ms (±11ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	70ms	1.01s	1.32s	1.25s	1.32s
domContentLoaded	728ms	68ms	697ms	993ms	928ms	993ms
firstPaint	75ms	11ms	60ms	160ms	88ms	160ms
firstContentfulPaint	75ms	11ms	60ms	160ms	88ms	160ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [7034275]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1251 ± 95 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1251	1122	1874	95	1293	1403
			load	1080	962	1686	91	1109	1229
			domContentLoaded	1074	959	1681	91	1101	1217
			domInteractive	19	13	71	9	17	42
			firstPaint	608	112	1228	428	1079	1157
			backgroundConnect	252	237	277	7	256	267
			firstReactRender	25	18	46	6	27	39
			getState	11	5	33	6	14	24
			initialActions	4	0	21	4	4	13
			loadScripts	828	725	1417	89	856	976
			setupStore	9	5	26	4	9	18
	Webpack	Home	uiStartup	820	707	1112	75	842	1038
			load	632	587	946	74	636	879
			domContentLoaded	624	579	938	73	630	872
			domInteractive	15	11	43	7	14	35
			firstPaint	184	57	945	190	197	604
			backgroundConnect	21	10	43	7	25	33
			firstReactRender	27	16	61	9	32	38
			getState	8	3	18	3	9	12
			initialActions	2	0	13	2	3	7
			loadScripts	621	577	927	71	628	861
			setupStore	8	4	21	2	9	11
Firefox	Browserify	Home	uiStartup	1405	1230	1798	124	1477	1661
			load	1205	1065	1435	93	1283	1365
			domContentLoaded	1205	1064	1434	93	1282	1364
			domInteractive	105	33	313	57	105	254
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	29	19	119	11	33	42
			firstReactRender	29	25	43	3	31	36
			getState	8	2	94	12	6	26
			initialActions	3	0	72	8	2	17
			loadScripts	1183	1044	1405	92	1260	1342
			setupStore	8	4	58	9	7	27
	Webpack	Home	uiStartup	1548	1389	2076	122	1589	1765
			load	1345	1210	1634	83	1402	1502
			domContentLoaded	1344	1210	1634	83	1402	1502
			domInteractive	95	31	369	51	99	184
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	19	113	14	35	55
			firstReactRender	36	26	78	11	37	74
			getState	9	2	143	17	6	46
			initialActions	3	0	53	7	2	17
			loadScripts	1320	1193	1610	81	1371	1474
			setupStore	10	4	160	18	7	32

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: c88eab9 | Date: 10/13/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.05s (±72ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
• domContentLoaded-> current mean value: 733ms (±69ms) 🟢 | historical mean value: 739ms ⬇️ (historical data)
• firstContentfulPaint-> current mean value: 76ms (±12ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.05s	72ms	1.01s	1.32s	1.28s	1.32s
domContentLoaded	733ms	69ms	696ms	1.01s	954ms	1.01s
firstPaint	76ms	12ms	60ms	176ms	84ms	176ms
firstContentfulPaint	76ms	12ms	60ms	176ms	84ms	176ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [c88eab9]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1235 ± 57 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1235	1113	1406	57	1262	1339
			load	1065	970	1200	51	1090	1160
			domContentLoaded	1059	961	1188	51	1085	1155
			domInteractive	18	14	51	7	17	37
			firstPaint	661	89	1198	427	1079	1129
			backgroundConnect	251	237	273	7	255	262
			firstReactRender	26	19	54	6	27	38
			getState	12	5	60	8	15	27
			initialActions	4	0	42	6	4	14
			loadScripts	814	717	941	49	840	906
			setupStore	9	5	25	3	9	16
	Webpack	Home	uiStartup	819	697	1201	87	827	1044
			load	631	577	1036	79	632	828
			domContentLoaded	623	570	1018	77	627	822
			domInteractive	16	11	70	10	14	36
			firstPaint	203	57	1045	211	197	598
			backgroundConnect	20	9	46	7	24	33
			firstReactRender	28	16	104	12	31	51
			getState	8	4	17	3	10	12
			initialActions	2	0	9	2	3	6
			loadScripts	620	568	1007	74	625	811
			setupStore	8	4	12	2	9	11
Firefox	Browserify	Home	uiStartup	1423	1239	1783	120	1478	1672
			load	1215	1067	1438	82	1279	1362
			domContentLoaded	1214	1066	1437	82	1278	1362
			domInteractive	103	35	298	56	109	234
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	19	171	17	34	46
			firstReactRender	30	25	65	5	31	37
			getState	6	3	29	4	6	14
			initialActions	5	0	197	20	2	14
			loadScripts	1191	1047	1352	78	1257	1336
			setupStore	9	4	64	11	7	35
	Webpack	Home	uiStartup	1528	1349	1943	122	1577	1792
			load	1337	1204	1679	95	1388	1536
			domContentLoaded	1337	1204	1679	95	1388	1536
			domInteractive	96	31	372	57	99	179
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	17	91	13	36	70
			firstReactRender	34	26	76	10	36	61
			getState	6	3	54	7	5	13
			initialActions	3	0	60	8	2	13
			loadScripts	1313	1188	1655	93	1362	1511
			setupStore	9	4	54	11	6	42

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 939 Bytes (0.02%)
• ui: 2.71 KiB (0.04%)
• common: 760 Bytes (0.01%)