@provablehq/aleo-wallet-adaptor-react-ui 0.3.0-alpha.1 → 0.3.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +90 -141
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +90 -141
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +21 -18
  6. package/package.json +6 -6
package/dist/index.mjs CHANGED
@@ -53,7 +53,7 @@ var WalletIcon = ({ wallet, ...props }) => {
53
53
  return wallet && /* @__PURE__ */ jsx2(
54
54
  "img",
55
55
  {
56
- style: { borderRadius: "50%" },
56
+ style: { borderRadius: "22%" },
57
57
  src: wallet.adapter.icon,
58
58
  alt: `${wallet.adapter.name} icon`,
59
59
  ...props
@@ -76,7 +76,7 @@ var WalletConnectButton = ({
76
76
  const handleClick = useCallback(
77
77
  (event) => {
78
78
  if (onClick) onClick(event);
79
- if (!event.defaultPrevented) connect(network || Network.TESTNET3).catch(() => {
79
+ if (!event.defaultPrevented) connect(network || Network.TESTNET).catch(() => {
80
80
  });
81
81
  },
82
82
  [onClick, connect]
@@ -182,62 +182,15 @@ var WalletListItem = ({ handleClick, tabIndex, wallet }) => {
182
182
  ] }) });
183
183
  };
184
184
 
185
- // src/AleoIcon.tsx
186
- import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
187
- var AleoIcon = () => {
188
- return /* @__PURE__ */ jsxs3(
189
- "svg",
190
- {
191
- xmlns: "http://www.w3.org/2000/svg",
192
- width: "216",
193
- height: "80",
194
- viewBox: "0 0 216 80",
195
- fill: "none",
196
- children: [
197
- /* @__PURE__ */ jsx6("path", { d: "M73.426 0V8.93824H81.6842V78.8961H90.6045V0H73.426Z", fill: "#F5F5F5" }),
198
- /* @__PURE__ */ jsx6(
199
- "path",
200
- {
201
- d: "M154.145 51.4216C154.145 32.5518 143.683 21.297 127.604 21.297C111.526 21.297 100.954 32.0007 100.954 50.8687C100.954 69.7367 111.415 80 127.604 80C140.378 80 149.96 72.6061 152.603 62.3447H142.692C140.488 67.0902 135.975 71.2829 127.604 71.2829C116.812 71.2829 111.307 64.4419 110.205 54.6209H154.145V51.4216ZM110.316 46.125C111.636 36.6357 117.364 29.9035 127.604 29.9035C137.845 29.9035 143.242 36.5251 144.564 46.125H110.316Z",
202
- fill: "#F5F5F5"
203
- }
204
- ),
205
- /* @__PURE__ */ jsx6(
206
- "path",
207
- {
208
- d: "M189.272 21.297C173.083 21.297 162.622 32.0007 162.622 50.8687C162.622 69.7367 173.083 80 189.272 80C205.461 80 215.812 70.0684 215.812 50.8687C215.812 31.669 205.351 21.297 189.272 21.297ZM189.272 71.5041C177.709 71.5041 171.432 62.4553 171.432 50.76C171.432 39.0647 177.709 29.6842 189.272 29.6842C200.836 29.6842 207.003 38.8436 207.003 50.76C207.003 62.6764 200.946 71.5041 189.272 71.5041Z",
209
- fill: "#F5F5F5"
210
- }
211
- ),
212
- /* @__PURE__ */ jsx6(
213
- "path",
214
- {
215
- d: "M46.5565 0H28.3849L12.6134 46.125H22.2179L34.9933 8.49593H39.6189L52.3925 46.125H22.2179L19.2457 54.6209H55.2561L63.5143 78.8961H73.426L46.5565 0Z",
216
- fill: "#F5F5F5"
217
- }
218
- ),
219
- /* @__PURE__ */ jsx6(
220
- "path",
221
- {
222
- d: "M1.40508 78.8961H10.9857L19.2457 54.6209L9.7074 54.6209L1.40508 78.8961Z",
223
- fill: "#F5F5F5"
224
- }
225
- ),
226
- /* @__PURE__ */ jsx6("path", { d: "M3.0935 46.125L0.1875 54.6209H9.7074L12.6134 46.125H3.0935Z", fill: "#F5F5F5" })
227
- ]
228
- }
229
- );
230
- };
231
-
232
185
  // src/WalletModal.tsx
233
186
  import { useWallet as useWallet2 } from "@provablehq/aleo-wallet-adaptor-react";
234
187
  import { WalletReadyState as WalletReadyState2 } from "@provablehq/aleo-wallet-standard";
235
188
  import { Network as Network2 } from "@provablehq/aleo-types";
236
189
 
237
190
  // src/ProvableLogo.tsx
238
- import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
191
+ import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
239
192
  var ProvableLogo = () => {
240
- return /* @__PURE__ */ jsx7(
193
+ return /* @__PURE__ */ jsx6(
241
194
  "svg",
242
195
  {
243
196
  width: "115",
@@ -245,69 +198,69 @@ var ProvableLogo = () => {
245
198
  viewBox: "0 0 115 18",
246
199
  fill: "none",
247
200
  xmlns: "http://www.w3.org/2000/svg",
248
- children: /* @__PURE__ */ jsxs4("g", { opacity: "0.88", children: [
249
- /* @__PURE__ */ jsx7(
201
+ children: /* @__PURE__ */ jsxs3("g", { opacity: "0.88", children: [
202
+ /* @__PURE__ */ jsx6(
250
203
  "path",
251
204
  {
252
205
  d: "M0 3.89265C0 2.29508 1.29508 1 2.89265 1H13.1073C14.7048 1 15.9999 2.29508 15.9999 3.89265V14.1074C15.9999 15.7049 14.7049 17 13.1073 17H10.4926C10.0937 17 9.7702 16.6766 9.7702 16.2776V8.67463C9.7702 7.87665 9.12331 7.22976 8.32533 7.22976H0.722439C0.323447 7.22976 0 6.90631 0 6.50732L0 3.89265Z",
253
- fill: "#0B0605"
206
+ fill: "currentColor"
254
207
  }
255
208
  ),
256
- /* @__PURE__ */ jsx7(
209
+ /* @__PURE__ */ jsx6(
257
210
  "path",
258
211
  {
259
212
  d: "M6.22973 12.2151C6.22973 11.4171 5.58284 10.7702 4.78485 10.7702H0.722439C0.323447 10.7702 0 11.0937 0 11.4927L0 14.1074C0 15.7049 1.29508 17 2.89265 17H5.50729C5.90628 17 6.22973 16.6766 6.22973 16.2776V12.2151Z",
260
- fill: "#0B0605"
213
+ fill: "currentColor"
261
214
  }
262
215
  ),
263
- /* @__PURE__ */ jsx7(
216
+ /* @__PURE__ */ jsx6(
264
217
  "path",
265
218
  {
266
219
  d: "M108.725 17.272C105.098 17.272 102.695 14.7107 102.695 10.88C102.695 7.04935 105.098 4.48802 108.725 4.48802C112.85 4.48802 115.275 7.52535 114.686 11.968H106.118C106.39 13.6453 107.319 14.5973 108.793 14.5973C110.039 14.5973 110.901 14.0533 111.263 13.056H114.663C114.006 15.7533 111.898 17.272 108.725 17.272ZM106.118 9.70135H111.467C111.195 8.04668 110.266 7.16268 108.793 7.16268C107.342 7.16268 106.413 8.06935 106.118 9.70135Z",
267
- fill: "#0B0605"
220
+ fill: "currentColor"
268
221
  }
269
222
  ),
270
- /* @__PURE__ */ jsx7("path", { d: "M98.3672 17V0.317363L101.699 0.0453644V17H98.3672Z", fill: "#0B0605" }),
271
- /* @__PURE__ */ jsx7(
223
+ /* @__PURE__ */ jsx6("path", { d: "M98.3672 17V0.317363L101.699 0.0453644V17H98.3672Z", fill: "currentColor" }),
224
+ /* @__PURE__ */ jsx6(
272
225
  "path",
273
226
  {
274
227
  d: "M84.9072 17V0.317363L88.2392 0.0453644V6.50535H88.3752C89.1232 5.21336 90.3246 4.55602 92.0245 4.55602C95.2432 4.55602 97.3512 7.07202 97.3512 10.88C97.3512 14.688 95.2432 17.2267 92.0245 17.2267C90.3246 17.2267 89.1232 16.5693 88.3752 15.2547H88.2392V17H84.9072ZM91.0952 7.32135C89.3726 7.32135 88.2392 8.72668 88.2392 10.88C88.2392 13.056 89.3726 14.4613 91.0952 14.4613C92.8405 14.4613 93.9512 13.056 93.9512 10.88C93.9512 8.72668 92.8405 7.32135 91.0952 7.32135Z",
275
- fill: "#0B0605"
228
+ fill: "currentColor"
276
229
  }
277
230
  ),
278
- /* @__PURE__ */ jsx7(
231
+ /* @__PURE__ */ jsx6(
279
232
  "path",
280
233
  {
281
234
  d: "M76.3143 17.1813C73.9117 17.1813 72.3477 15.6853 72.3477 13.3733C72.3477 11.4013 73.685 10.1093 76.0423 9.83735L79.2836 9.47468C79.8956 9.38401 80.1903 9.11201 80.1903 8.61335C80.1903 7.68402 79.4876 7.11735 78.3543 7.11735C77.221 7.11735 76.4503 7.68402 76.3143 8.61335H72.8917C73.141 6.05202 75.249 4.48802 78.3996 4.48802C81.641 4.48802 83.5223 6.09735 83.5223 8.88535V17H80.1903V15.4133H80.0543C79.4423 16.456 77.9236 17.1813 76.3143 17.1813ZM77.4023 14.5973C78.8303 14.5973 80.1903 13.3507 80.1903 11.9V11.4693C80.0316 11.5827 79.8503 11.628 79.6236 11.6507L77.1983 11.9227C76.3143 12.0133 75.8157 12.4893 75.8157 13.2373C75.8157 14.076 76.4276 14.5973 77.4023 14.5973Z",
282
- fill: "#0B0605"
235
+ fill: "currentColor"
283
236
  }
284
237
  ),
285
- /* @__PURE__ */ jsx7(
238
+ /* @__PURE__ */ jsx6(
286
239
  "path",
287
240
  {
288
241
  d: "M64.509 17L60.1797 4.76003H63.5117L66.549 13.94H66.685L69.6997 4.76003H72.873L68.5437 17H64.509Z",
289
- fill: "#0B0605"
242
+ fill: "currentColor"
290
243
  }
291
244
  ),
292
- /* @__PURE__ */ jsx7(
245
+ /* @__PURE__ */ jsx6(
293
246
  "path",
294
247
  {
295
248
  d: "M54.3613 17.272C50.6666 17.272 48.1279 14.6653 48.1279 10.88C48.1279 7.09468 50.6666 4.48802 54.3613 4.48802C58.0559 4.48802 60.5946 7.09468 60.5946 10.88C60.5946 14.6653 58.0559 17.272 54.3613 17.272ZM54.3613 14.5067C56.1519 14.5067 57.2399 13.1467 57.2399 10.88C57.2399 8.61335 56.1519 7.25335 54.3613 7.25335C52.5706 7.25335 51.4826 8.61335 51.4826 10.88C51.4826 13.1467 52.5706 14.5067 54.3613 14.5067Z",
296
- fill: "#0B0605"
249
+ fill: "currentColor"
297
250
  }
298
251
  ),
299
- /* @__PURE__ */ jsx7(
252
+ /* @__PURE__ */ jsx6(
300
253
  "path",
301
254
  {
302
255
  d: "M40.0801 17V4.76002H43.4121V6.23335H43.5481C43.9561 5.10002 44.8401 4.48802 46.1094 4.48802H47.8094L48.0814 7.93335H45.6561C44.2054 7.93335 43.4121 8.56802 43.4121 9.74668V17H40.0801Z",
303
- fill: "#0B0605"
256
+ fill: "currentColor"
304
257
  }
305
258
  ),
306
- /* @__PURE__ */ jsx7(
259
+ /* @__PURE__ */ jsx6(
307
260
  "path",
308
261
  {
309
262
  d: "M26.3848 17V0.99736H33.0261C36.6981 0.99736 39.0554 3.08269 39.0554 6.34668C39.0554 9.63334 36.6981 11.764 33.0261 11.764H29.8754V17H26.3848ZM33.0261 8.72668C34.5674 8.72668 35.5647 7.82002 35.5647 6.41468C35.5647 5.00935 34.5674 4.10269 33.0261 4.10269H29.8754V8.72668H33.0261Z",
310
- fill: "#0B0605"
263
+ fill: "currentColor"
311
264
  }
312
265
  )
313
266
  ] })
@@ -316,7 +269,7 @@ var ProvableLogo = () => {
316
269
  };
317
270
 
318
271
  // src/WalletModal.tsx
319
- import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
272
+ import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
320
273
  var WalletModal = ({
321
274
  className = "",
322
275
  container = "body",
@@ -348,8 +301,7 @@ var WalletModal = ({
348
301
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
349
302
  installedWallets[0]
350
303
  ) : wallets.find(
351
- (wallet2) => wallet2.adapter.name === "Puzzle Wallet"
352
- // TODO: Add Provable Wallet
304
+ (wallet2) => wallet2.adapter.name.toLowerCase().includes("shield")
353
305
  ) || wallets.find(
354
306
  (wallet2) => wallet2.readyState === WalletReadyState2.LOADABLE
355
307
  ) || // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -415,13 +367,13 @@ var WalletModal = ({
415
367
  useLayoutEffect2(() => setPortal(document.querySelector(container)), [container]);
416
368
  useLayoutEffect2(() => {
417
369
  if (wallet) {
418
- connect(network || Network2.TESTNET3).catch((e) => {
370
+ connect(network || Network2.TESTNET).catch((e) => {
419
371
  console.error({ e });
420
372
  });
421
373
  }
422
374
  }, [wallet]);
423
375
  return portal && createPortal(
424
- /* @__PURE__ */ jsxs5(
376
+ /* @__PURE__ */ jsxs4(
425
377
  "div",
426
378
  {
427
379
  "aria-labelledby": "wallet-adapter-modal-title",
@@ -430,12 +382,12 @@ var WalletModal = ({
430
382
  ref,
431
383
  role: "dialog",
432
384
  children: [
433
- /* @__PURE__ */ jsx8("div", { className: "wallet-adapter-modal-container", children: /* @__PURE__ */ jsxs5("div", { className: "wallet-adapter-modal-wrapper", children: [
434
- /* @__PURE__ */ jsx8("button", { onClick: handleClose, className: "wallet-adapter-modal-button-close", children: /* @__PURE__ */ jsx8("svg", { width: "14", height: "14", children: /* @__PURE__ */ jsx8("path", { d: "M14 12.461 8.3 6.772l5.234-5.233L12.006 0 6.772 5.234 1.54 0 0 1.539l5.234 5.233L0 12.006l1.539 1.528L6.772 8.3l5.69 5.7L14 12.461z" }) }) }),
435
- installedWallets.length ? /* @__PURE__ */ jsxs5(Fragment, { children: [
436
- /* @__PURE__ */ jsx8("h1", { className: "wallet-adapter-modal-title", children: "Connect an Aleo wallet" }),
437
- /* @__PURE__ */ jsxs5("ul", { className: "wallet-adapter-modal-list", children: [
438
- installedWallets.map((wallet2) => /* @__PURE__ */ jsx8(
385
+ /* @__PURE__ */ jsx7("div", { className: "wallet-adapter-modal-container", children: /* @__PURE__ */ jsxs4("div", { className: "wallet-adapter-modal-wrapper", children: [
386
+ /* @__PURE__ */ jsx7("button", { onClick: handleClose, className: "wallet-adapter-modal-button-close", children: /* @__PURE__ */ jsx7("svg", { width: "14", height: "14", children: /* @__PURE__ */ jsx7("path", { d: "M14 12.461 8.3 6.772l5.234-5.233L12.006 0 6.772 5.234 1.54 0 0 1.539l5.234 5.233L0 12.006l1.539 1.528L6.772 8.3l5.69 5.7L14 12.461z" }) }) }),
387
+ installedWallets.length ? /* @__PURE__ */ jsxs4(Fragment, { children: [
388
+ /* @__PURE__ */ jsx7("h1", { className: "wallet-adapter-modal-title", children: "Connect an Aleo wallet" }),
389
+ /* @__PURE__ */ jsxs4("ul", { className: "wallet-adapter-modal-list", children: [
390
+ installedWallets.map((wallet2) => /* @__PURE__ */ jsx7(
439
391
  WalletListItem,
440
392
  {
441
393
  handleClick: (event) => handleWalletClick(event, wallet2.adapter.name),
@@ -443,7 +395,7 @@ var WalletModal = ({
443
395
  },
444
396
  wallet2.adapter.name
445
397
  )),
446
- otherWallets.length ? /* @__PURE__ */ jsx8(Collapse, { expanded, id: "wallet-adapter-modal-collapse", children: otherWallets.map((wallet2) => /* @__PURE__ */ jsx8(
398
+ otherWallets.length ? /* @__PURE__ */ jsx7(Collapse, { expanded, id: "wallet-adapter-modal-collapse", children: otherWallets.map((wallet2) => /* @__PURE__ */ jsx7(
447
399
  WalletListItem,
448
400
  {
449
401
  handleClick: (event) => handleWalletClick(event, wallet2.adapter.name),
@@ -453,18 +405,18 @@ var WalletModal = ({
453
405
  wallet2.adapter.name
454
406
  )) }) : null
455
407
  ] }),
456
- otherWallets.length ? /* @__PURE__ */ jsxs5(
408
+ otherWallets.length ? /* @__PURE__ */ jsxs4(
457
409
  "button",
458
410
  {
459
411
  className: "wallet-adapter-modal-list-more",
460
412
  onClick: handleCollapseClick,
461
413
  tabIndex: 0,
462
414
  children: [
463
- /* @__PURE__ */ jsxs5("span", { children: [
415
+ /* @__PURE__ */ jsxs4("span", { children: [
464
416
  expanded ? "Less " : "More ",
465
417
  "options"
466
418
  ] }),
467
- /* @__PURE__ */ jsx8(
419
+ /* @__PURE__ */ jsx7(
468
420
  "svg",
469
421
  {
470
422
  width: "13",
@@ -472,39 +424,36 @@ var WalletModal = ({
472
424
  viewBox: "0 0 13 7",
473
425
  xmlns: "http://www.w3.org/2000/svg",
474
426
  className: `${expanded ? "wallet-adapter-modal-list-more-icon-rotate" : ""}`,
475
- children: /* @__PURE__ */ jsx8("path", { d: "M0.71418 1.626L5.83323 6.26188C5.91574 6.33657 6.0181 6.39652 6.13327 6.43762C6.24844 6.47872 6.37371 6.5 6.50048 6.5C6.62725 6.5 6.75252 6.47872 6.8677 6.43762C6.98287 6.39652 7.08523 6.33657 7.16774 6.26188L12.2868 1.626C12.7753 1.1835 12.3703 0.5 11.6195 0.5H1.37997C0.629216 0.5 0.224175 1.1835 0.71418 1.626Z" })
427
+ children: /* @__PURE__ */ jsx7("path", { d: "M0.71418 1.626L5.83323 6.26188C5.91574 6.33657 6.0181 6.39652 6.13327 6.43762C6.24844 6.47872 6.37371 6.5 6.50048 6.5C6.62725 6.5 6.75252 6.47872 6.8677 6.43762C6.98287 6.39652 7.08523 6.33657 7.16774 6.26188L12.2868 1.626C12.7753 1.1835 12.3703 0.5 11.6195 0.5H1.37997C0.629216 0.5 0.224175 1.1835 0.71418 1.626Z" })
476
428
  }
477
429
  )
478
430
  ]
479
431
  }
480
432
  ) : null
481
- ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
482
- /* @__PURE__ */ jsx8("h1", { className: "wallet-adapter-modal-title", children: "Get an Aleo wallet to continue" }),
483
- /* @__PURE__ */ jsxs5("div", { className: "wallet-adapter-modal-middle", children: [
484
- /* @__PURE__ */ jsx8(AleoIcon, {}),
485
- /* @__PURE__ */ jsx8(
486
- "button",
487
- {
488
- type: "button",
489
- className: "wallet-adapter-modal-middle-button",
490
- onClick: (event) => handleWalletClick(event, getStartedWallet.adapter.name),
491
- children: "Get started"
492
- }
493
- )
494
- ] }),
495
- otherWallets.length ? /* @__PURE__ */ jsxs5(Fragment, { children: [
496
- /* @__PURE__ */ jsxs5(
433
+ ] }) : /* @__PURE__ */ jsxs4(Fragment, { children: [
434
+ /* @__PURE__ */ jsx7("h1", { className: "wallet-adapter-modal-title", children: "Get an Aleo wallet to continue" }),
435
+ /* @__PURE__ */ jsx7("div", { className: "wallet-adapter-modal-middle", children: /* @__PURE__ */ jsx7(
436
+ "button",
437
+ {
438
+ type: "button",
439
+ className: "wallet-adapter-modal-middle-button",
440
+ onClick: (event) => handleWalletClick(event, getStartedWallet.adapter.name),
441
+ children: "Get started"
442
+ }
443
+ ) }),
444
+ otherWallets.length ? /* @__PURE__ */ jsxs4(Fragment, { children: [
445
+ /* @__PURE__ */ jsxs4(
497
446
  "button",
498
447
  {
499
448
  className: "wallet-adapter-modal-list-more",
500
449
  onClick: handleCollapseClick,
501
450
  tabIndex: 0,
502
451
  children: [
503
- /* @__PURE__ */ jsxs5("span", { children: [
452
+ /* @__PURE__ */ jsxs4("span", { children: [
504
453
  expanded ? "Hide " : "View other ",
505
454
  "options"
506
455
  ] }),
507
- /* @__PURE__ */ jsx8(
456
+ /* @__PURE__ */ jsx7(
508
457
  "svg",
509
458
  {
510
459
  width: "13",
@@ -512,13 +461,13 @@ var WalletModal = ({
512
461
  viewBox: "0 0 13 7",
513
462
  xmlns: "http://www.w3.org/2000/svg",
514
463
  className: `${expanded ? "wallet-adapter-modal-list-more-icon-rotate" : ""}`,
515
- children: /* @__PURE__ */ jsx8("path", { d: "M0.71418 1.626L5.83323 6.26188C5.91574 6.33657 6.0181 6.39652 6.13327 6.43762C6.24844 6.47872 6.37371 6.5 6.50048 6.5C6.62725 6.5 6.75252 6.47872 6.8677 6.43762C6.98287 6.39652 7.08523 6.33657 7.16774 6.26188L12.2868 1.626C12.7753 1.1835 12.3703 0.5 11.6195 0.5H1.37997C0.629216 0.5 0.224175 1.1835 0.71418 1.626Z" })
464
+ children: /* @__PURE__ */ jsx7("path", { d: "M0.71418 1.626L5.83323 6.26188C5.91574 6.33657 6.0181 6.39652 6.13327 6.43762C6.24844 6.47872 6.37371 6.5 6.50048 6.5C6.62725 6.5 6.75252 6.47872 6.8677 6.43762C6.98287 6.39652 7.08523 6.33657 7.16774 6.26188L12.2868 1.626C12.7753 1.1835 12.3703 0.5 11.6195 0.5H1.37997C0.629216 0.5 0.224175 1.1835 0.71418 1.626Z" })
516
465
  }
517
466
  )
518
467
  ]
519
468
  }
520
469
  ),
521
- /* @__PURE__ */ jsx8(Collapse, { expanded, id: "wallet-adapter-modal-collapse", children: /* @__PURE__ */ jsx8("ul", { className: "wallet-adapter-modal-list", children: otherWallets.map((wallet2) => /* @__PURE__ */ jsx8(
470
+ /* @__PURE__ */ jsx7(Collapse, { expanded, id: "wallet-adapter-modal-collapse", children: /* @__PURE__ */ jsx7("ul", { className: "wallet-adapter-modal-list", children: otherWallets.map((wallet2) => /* @__PURE__ */ jsx7(
522
471
  WalletListItem,
523
472
  {
524
473
  handleClick: (event) => handleWalletClick(event, wallet2.adapter.name),
@@ -529,18 +478,18 @@ var WalletModal = ({
529
478
  )) }) })
530
479
  ] }) : null
531
480
  ] }),
532
- /* @__PURE__ */ jsx8(
481
+ /* @__PURE__ */ jsx7(
533
482
  "a",
534
483
  {
535
484
  className: "wallet-adapter-modal-footer",
536
485
  href: "https://provable.com/",
537
486
  target: "_blank",
538
487
  rel: "noopener noreferrer",
539
- children: /* @__PURE__ */ jsx8(ProvableLogo, {})
488
+ children: /* @__PURE__ */ jsx7(ProvableLogo, {})
540
489
  }
541
490
  )
542
491
  ] }) }),
543
- /* @__PURE__ */ jsx8("div", { className: "wallet-adapter-modal-overlay", onMouseDown: handleClose })
492
+ /* @__PURE__ */ jsx7("div", { className: "wallet-adapter-modal-overlay", onMouseDown: handleClose })
544
493
  ]
545
494
  }
546
495
  ),
@@ -550,7 +499,7 @@ var WalletModal = ({
550
499
 
551
500
  // src/WalletModalButton.tsx
552
501
  import { useCallback as useCallback3 } from "react";
553
- import { jsx as jsx9 } from "react/jsx-runtime";
502
+ import { jsx as jsx8 } from "react/jsx-runtime";
554
503
  var WalletModalButton = ({
555
504
  children = "Connect Wallet",
556
505
  onClick,
@@ -564,15 +513,15 @@ var WalletModalButton = ({
564
513
  },
565
514
  [onClick, setVisible, visible]
566
515
  );
567
- return /* @__PURE__ */ jsx9(Button, { className: "wallet-adapter-button-trigger", onClick: handleClick, ...props, children });
516
+ return /* @__PURE__ */ jsx8(Button, { className: "wallet-adapter-button-trigger", onClick: handleClick, ...props, children });
568
517
  };
569
518
 
570
519
  // src/WalletModalProvider.tsx
571
520
  import { useState as useState2 } from "react";
572
- import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
521
+ import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
573
522
  var WalletModalProvider = ({ children, ...props }) => {
574
523
  const [visible, setVisible] = useState2(false);
575
- return /* @__PURE__ */ jsxs6(
524
+ return /* @__PURE__ */ jsxs5(
576
525
  WalletModalContext.Provider,
577
526
  {
578
527
  value: {
@@ -581,7 +530,7 @@ var WalletModalProvider = ({ children, ...props }) => {
581
530
  },
582
531
  children: [
583
532
  children,
584
- visible && /* @__PURE__ */ jsx10(WalletModal, { ...props })
533
+ visible && /* @__PURE__ */ jsx9(WalletModal, { ...props })
585
534
  ]
586
535
  }
587
536
  );
@@ -590,7 +539,7 @@ var WalletModalProvider = ({ children, ...props }) => {
590
539
  // src/WalletDisconnectButton.tsx
591
540
  import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
592
541
  import { useWallet as useWallet3 } from "@provablehq/aleo-wallet-adaptor-react";
593
- import { jsx as jsx11 } from "react/jsx-runtime";
542
+ import { jsx as jsx10 } from "react/jsx-runtime";
594
543
  var WalletDisconnectButton = ({
595
544
  children,
596
545
  disabled,
@@ -612,12 +561,12 @@ var WalletDisconnectButton = ({
612
561
  if (wallet) return "Disconnect";
613
562
  return "Disconnect Wallet";
614
563
  }, [children, disconnecting, wallet]);
615
- return /* @__PURE__ */ jsx11(
564
+ return /* @__PURE__ */ jsx10(
616
565
  Button,
617
566
  {
618
567
  className: "wallet-adapter-button-trigger",
619
568
  disabled: disabled || !wallet,
620
- startIcon: wallet ? /* @__PURE__ */ jsx11(WalletIcon, { wallet }) : void 0,
569
+ startIcon: wallet ? /* @__PURE__ */ jsx10(WalletIcon, { wallet }) : void 0,
621
570
  onClick: handleClick,
622
571
  ...props,
623
572
  children: content
@@ -630,8 +579,8 @@ import { useCallback as useCallback5, useEffect, useMemo as useMemo4, useRef as
630
579
  import { useWallet as useWallet4 } from "@provablehq/aleo-wallet-adaptor-react";
631
580
 
632
581
  // src/icons.tsx
633
- import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
634
- var CopyIcon = () => /* @__PURE__ */ jsxs7(
582
+ import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
583
+ var CopyIcon = () => /* @__PURE__ */ jsxs6(
635
584
  "svg",
636
585
  {
637
586
  xmlns: "http://www.w3.org/2000/svg",
@@ -644,12 +593,12 @@ var CopyIcon = () => /* @__PURE__ */ jsxs7(
644
593
  strokeLinecap: "round",
645
594
  strokeLinejoin: "round",
646
595
  children: [
647
- /* @__PURE__ */ jsx12("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
648
- /* @__PURE__ */ jsx12("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
596
+ /* @__PURE__ */ jsx11("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
597
+ /* @__PURE__ */ jsx11("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
649
598
  ]
650
599
  }
651
600
  );
652
- var CheckIcon = () => /* @__PURE__ */ jsx12(
601
+ var CheckIcon = () => /* @__PURE__ */ jsx11(
653
602
  "svg",
654
603
  {
655
604
  xmlns: "http://www.w3.org/2000/svg",
@@ -661,10 +610,10 @@ var CheckIcon = () => /* @__PURE__ */ jsx12(
661
610
  strokeWidth: "2",
662
611
  strokeLinecap: "round",
663
612
  strokeLinejoin: "round",
664
- children: /* @__PURE__ */ jsx12("path", { d: "M20 6 9 17l-5-5" })
613
+ children: /* @__PURE__ */ jsx11("path", { d: "M20 6 9 17l-5-5" })
665
614
  }
666
615
  );
667
- var GenericWalletIcon = () => /* @__PURE__ */ jsxs7(
616
+ var GenericWalletIcon = () => /* @__PURE__ */ jsxs6(
668
617
  "svg",
669
618
  {
670
619
  xmlns: "http://www.w3.org/2000/svg",
@@ -677,14 +626,14 @@ var GenericWalletIcon = () => /* @__PURE__ */ jsxs7(
677
626
  strokeLinecap: "round",
678
627
  strokeLinejoin: "round",
679
628
  children: [
680
- /* @__PURE__ */ jsx12("path", { d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" }),
681
- /* @__PURE__ */ jsx12("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })
629
+ /* @__PURE__ */ jsx11("path", { d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" }),
630
+ /* @__PURE__ */ jsx11("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })
682
631
  ]
683
632
  }
684
633
  );
685
634
 
686
635
  // src/WalletMultiButton.tsx
687
- import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
636
+ import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
688
637
  var WalletMultiButton = ({ children, ...props }) => {
689
638
  const { address, wallet, disconnect } = useWallet4();
690
639
  const { setVisible } = useWalletModal();
@@ -731,22 +680,22 @@ var WalletMultiButton = ({ children, ...props }) => {
731
680
  document.removeEventListener("touchstart", listener);
732
681
  };
733
682
  }, [ref, closeDropdown]);
734
- if (!wallet) return /* @__PURE__ */ jsx13(WalletModalButton, { ...props, children });
735
- if (!base58) return /* @__PURE__ */ jsx13(WalletConnectButton, { ...props, children });
736
- return /* @__PURE__ */ jsxs8("div", { className: "wallet-adapter-dropdown", children: [
737
- /* @__PURE__ */ jsx13(
683
+ if (!wallet) return /* @__PURE__ */ jsx12(WalletModalButton, { ...props, children });
684
+ if (!base58) return /* @__PURE__ */ jsx12(WalletConnectButton, { ...props, children });
685
+ return /* @__PURE__ */ jsxs7("div", { className: "wallet-adapter-dropdown", children: [
686
+ /* @__PURE__ */ jsx12(
738
687
  Button,
739
688
  {
740
689
  "aria-expanded": active,
741
690
  className: "wallet-adapter-button-trigger",
742
691
  style: { pointerEvents: active ? "none" : "auto", ...props.style },
743
692
  onClick: openDropdown,
744
- startIcon: /* @__PURE__ */ jsx13(WalletIcon, { wallet }),
693
+ startIcon: /* @__PURE__ */ jsx12(WalletIcon, { wallet }),
745
694
  ...props,
746
695
  children: content
747
696
  }
748
697
  ),
749
- /* @__PURE__ */ jsxs8(
698
+ /* @__PURE__ */ jsxs7(
750
699
  "ul",
751
700
  {
752
701
  "aria-label": "dropdown-list",
@@ -754,18 +703,18 @@ var WalletMultiButton = ({ children, ...props }) => {
754
703
  ref,
755
704
  role: "menu",
756
705
  children: [
757
- /* @__PURE__ */ jsx13("li", { onClick: copyAddress, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: copied ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
706
+ /* @__PURE__ */ jsx12("li", { onClick: copyAddress, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: copied ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
758
707
  "Copied",
759
- /* @__PURE__ */ jsx13(CheckIcon, {})
760
- ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
708
+ /* @__PURE__ */ jsx12(CheckIcon, {})
709
+ ] }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
761
710
  "Copy address ",
762
- /* @__PURE__ */ jsx13(CopyIcon, {})
711
+ /* @__PURE__ */ jsx12(CopyIcon, {})
763
712
  ] }) }),
764
- /* @__PURE__ */ jsxs8("li", { onClick: openModal, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: [
713
+ /* @__PURE__ */ jsxs7("li", { onClick: openModal, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: [
765
714
  "Change wallet ",
766
- /* @__PURE__ */ jsx13(GenericWalletIcon, {})
715
+ /* @__PURE__ */ jsx12(GenericWalletIcon, {})
767
716
  ] }),
768
- /* @__PURE__ */ jsx13("li", { onClick: onDisconnect, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: "Disconnect" })
717
+ /* @__PURE__ */ jsx12("li", { onClick: onDisconnect, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: "Disconnect" })
769
718
  ]
770
719
  }
771
720
  )