@meshsdk/react 1.9.0-beta.50 → 1.9.0-beta.52

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.
package/dist/index.cjs CHANGED
@@ -23655,6 +23655,7 @@ var useWalletStore = () => {
23655
23655
  const [web3UserData, setWeb3UserData] = (0, import_react.useState)(
23656
23656
  void 0
23657
23657
  );
23658
+ const [connectedBitcoinWallet, setConnectedBitcoinWallet] = (0, import_react.useState)({});
23658
23659
  const connectWallet = (0, import_react.useCallback)(
23659
23660
  async (walletName, persist) => {
23660
23661
  setConnectingWallet(true);
@@ -23705,6 +23706,14 @@ var useWalletStore = () => {
23705
23706
  },
23706
23707
  []
23707
23708
  );
23709
+ const setBitcoinWallet = (0, import_react.useCallback)(
23710
+ async (walletInstance, walletName) => {
23711
+ setConnectedBitcoinWallet(walletInstance);
23712
+ setConnectedWalletName(walletName);
23713
+ setState("CONNECTED" /* CONNECTED */);
23714
+ },
23715
+ []
23716
+ );
23708
23717
  const setPersist = (0, import_react.useCallback)((persist) => {
23709
23718
  setPersistSession(persist);
23710
23719
  }, []);
@@ -23716,9 +23725,13 @@ var useWalletStore = () => {
23716
23725
  address2 = await connectedWalletInstance.getChangeAddress();
23717
23726
  setAddress(address2);
23718
23727
  }
23728
+ if (Object.keys(connectedBitcoinWallet).length > 0 && address.length === 0) {
23729
+ let address2 = await connectedBitcoinWallet.getChangeAddress();
23730
+ setAddress(address2);
23731
+ }
23719
23732
  }
23720
23733
  load();
23721
- }, [connectedWalletInstance]);
23734
+ }, [connectedWalletInstance, connectedBitcoinWallet]);
23722
23735
  (0, import_react.useEffect)(() => {
23723
23736
  const persist = localStorage.getItem(localstoragePersist);
23724
23737
  if (persistSession && persist) {
@@ -23747,11 +23760,13 @@ var useWalletStore = () => {
23747
23760
  return {
23748
23761
  hasConnectedWallet: INITIAL_STATE.walletName !== connectedWalletName,
23749
23762
  connectedWalletInstance,
23763
+ connectedBitcoinWallet,
23750
23764
  connectedWalletName,
23751
23765
  connectingWallet,
23752
23766
  connectWallet,
23753
23767
  disconnect,
23754
23768
  setWallet,
23769
+ setBitcoinWallet,
23755
23770
  setPersist,
23756
23771
  setWeb3Services,
23757
23772
  web3UserData,
@@ -23764,6 +23779,7 @@ var useWalletStore = () => {
23764
23779
  var WalletContext = (0, import_react.createContext)({
23765
23780
  hasConnectedWallet: false,
23766
23781
  connectedWalletInstance: INITIAL_STATE.walletInstance,
23782
+ connectedBitcoinWallet: {},
23767
23783
  connectedWalletName: INITIAL_STATE.walletName,
23768
23784
  connectingWallet: false,
23769
23785
  connectWallet: async () => {
@@ -23772,6 +23788,8 @@ var WalletContext = (0, import_react.createContext)({
23772
23788
  },
23773
23789
  setWallet: async () => {
23774
23790
  },
23791
+ setBitcoinWallet: async () => {
23792
+ },
23775
23793
  setPersist: () => {
23776
23794
  },
23777
23795
  setWeb3Services: () => {
@@ -23899,6 +23917,7 @@ var useWallet = () => {
23899
23917
  connectWallet,
23900
23918
  disconnect,
23901
23919
  setWallet,
23920
+ setBitcoinWallet,
23902
23921
  setPersist,
23903
23922
  setWeb3Services,
23904
23923
  web3UserData,
@@ -23920,6 +23939,7 @@ var useWallet = () => {
23920
23939
  connect: connectWallet,
23921
23940
  disconnect,
23922
23941
  setWallet,
23942
+ setBitcoinWallet,
23923
23943
  setPersist,
23924
23944
  setWeb3Services,
23925
23945
  web3UserData,
@@ -24233,10 +24253,40 @@ function ScreenBurner({
24233
24253
  ] }) });
24234
24254
  }
24235
24255
 
24236
- // src/common/icons/icon-book-dashed.tsx
24256
+ // src/cardano-wallet/screen-main.tsx
24257
+ var import_bitcoin = require("@meshsdk/bitcoin");
24258
+
24259
+ // src/common/icons/icon-bitcoin.tsx
24237
24260
  var import_jsx_runtime8 = require("react/jsx-runtime");
24261
+ function IconBitcoin() {
24262
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
24263
+ "svg",
24264
+ {
24265
+ xmlns: "http://www.w3.org/2000/svg",
24266
+ width: "24",
24267
+ height: "24",
24268
+ viewBox: "0 0 24 24",
24269
+ fill: "none",
24270
+ stroke: "currentColor",
24271
+ "stroke-width": "2",
24272
+ "stroke-linecap": "round",
24273
+ "stroke-linejoin": "round",
24274
+ style: {
24275
+ color: "#CC9900",
24276
+ width: "24px",
24277
+ height: "24px",
24278
+ strokeWidth: "1px"
24279
+ },
24280
+ className: "hover:mesh-fill-white",
24281
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727" })
24282
+ }
24283
+ );
24284
+ }
24285
+
24286
+ // src/common/icons/icon-book-dashed.tsx
24287
+ var import_jsx_runtime9 = require("react/jsx-runtime");
24238
24288
  function IconBookDashed() {
24239
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
24289
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
24240
24290
  "svg",
24241
24291
  {
24242
24292
  xmlns: "http://www.w3.org/2000/svg",
@@ -24256,26 +24306,26 @@ function IconBookDashed() {
24256
24306
  },
24257
24307
  className: "hover:mesh-fill-white",
24258
24308
  children: [
24259
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 17h2" }),
24260
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 22h2" }),
24261
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 2h2" }),
24262
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 22h1a1 1 0 0 0 1-1" }),
24263
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 2h1a1 1 0 0 1 1 1v1" }),
24264
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M20 15v2h-2" }),
24265
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M20 8v3" }),
24266
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 11V9" }),
24267
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 19.5V15" }),
24268
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" }),
24269
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 22H6.5a1 1 0 0 1 0-5H8" })
24309
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M12 17h2" }),
24310
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M12 22h2" }),
24311
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M12 2h2" }),
24312
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M18 22h1a1 1 0 0 0 1-1" }),
24313
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M18 2h1a1 1 0 0 1 1 1v1" }),
24314
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M20 15v2h-2" }),
24315
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M20 8v3" }),
24316
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M4 11V9" }),
24317
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M4 19.5V15" }),
24318
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" }),
24319
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M8 22H6.5a1 1 0 0 1 0-5H8" })
24270
24320
  ]
24271
24321
  }
24272
24322
  );
24273
24323
  }
24274
24324
 
24275
24325
  // src/common/icons/icon-download.tsx
24276
- var import_jsx_runtime9 = require("react/jsx-runtime");
24326
+ var import_jsx_runtime10 = require("react/jsx-runtime");
24277
24327
  function IconDownload() {
24278
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
24328
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
24279
24329
  "svg",
24280
24330
  {
24281
24331
  xmlns: "http://www.w3.org/2000/svg",
@@ -24294,18 +24344,18 @@ function IconDownload() {
24294
24344
  strokeWidth: "1px"
24295
24345
  },
24296
24346
  children: [
24297
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
24298
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "7 10 12 15 17 10" }),
24299
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
24347
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
24348
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("polyline", { points: "7 10 12 15 17 10" }),
24349
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
24300
24350
  ]
24301
24351
  }
24302
24352
  );
24303
24353
  }
24304
24354
 
24305
24355
  // src/common/icons/icon-fingerprint.tsx
24306
- var import_jsx_runtime10 = require("react/jsx-runtime");
24356
+ var import_jsx_runtime11 = require("react/jsx-runtime");
24307
24357
  function IconFingerprint() {
24308
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
24358
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
24309
24359
  "svg",
24310
24360
  {
24311
24361
  xmlns: "http://www.w3.org/2000/svg",
@@ -24325,24 +24375,24 @@ function IconFingerprint() {
24325
24375
  },
24326
24376
  className: "hover:mesh-fill-white",
24327
24377
  children: [
24328
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
24329
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
24330
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
24331
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M2 12a10 10 0 0 1 18-6" }),
24332
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M2 16h.01" }),
24333
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
24334
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
24335
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
24336
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
24378
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
24379
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
24380
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
24381
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M2 12a10 10 0 0 1 18-6" }),
24382
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M2 16h.01" }),
24383
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
24384
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
24385
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
24386
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
24337
24387
  ]
24338
24388
  }
24339
24389
  );
24340
24390
  }
24341
24391
 
24342
24392
  // src/common/icons/icon-monitor-smartphone.tsx
24343
- var import_jsx_runtime11 = require("react/jsx-runtime");
24393
+ var import_jsx_runtime12 = require("react/jsx-runtime");
24344
24394
  function IconMonitorSmartphone() {
24345
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
24395
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
24346
24396
  "svg",
24347
24397
  {
24348
24398
  xmlns: "http://www.w3.org/2000/svg",
@@ -24361,10 +24411,10 @@ function IconMonitorSmartphone() {
24361
24411
  strokeWidth: "1px"
24362
24412
  },
24363
24413
  children: [
24364
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
24365
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M10 19v-3.96 3.15" }),
24366
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M7 19h5" }),
24367
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
24414
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
24415
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M10 19v-3.96 3.15" }),
24416
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M7 19h5" }),
24417
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
24368
24418
  ]
24369
24419
  }
24370
24420
  );
@@ -24373,11 +24423,11 @@ function IconMonitorSmartphone() {
24373
24423
  // src/common/tooltip.tsx
24374
24424
  var React4 = __toESM(require("react"), 1);
24375
24425
  var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
24376
- var import_jsx_runtime12 = require("react/jsx-runtime");
24426
+ var import_jsx_runtime13 = require("react/jsx-runtime");
24377
24427
  var TooltipProvider = TooltipPrimitive.Provider;
24378
24428
  var Tooltip = TooltipPrimitive.Root;
24379
24429
  var TooltipTrigger = TooltipPrimitive.Trigger;
24380
- var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
24430
+ var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
24381
24431
  TooltipPrimitive.Content,
24382
24432
  {
24383
24433
  ref,
@@ -24392,7 +24442,7 @@ var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props },
24392
24442
  TooltipContent.displayName = TooltipPrimitive.Content.displayName;
24393
24443
 
24394
24444
  // src/cardano-wallet/wallet-icon.tsx
24395
- var import_jsx_runtime13 = require("react/jsx-runtime");
24445
+ var import_jsx_runtime14 = require("react/jsx-runtime");
24396
24446
  function WalletIcon({
24397
24447
  icon,
24398
24448
  name,
@@ -24400,21 +24450,21 @@ function WalletIcon({
24400
24450
  iconReactNode,
24401
24451
  loading = false
24402
24452
  }) {
24403
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
24404
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
24453
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
24454
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
24405
24455
  "button",
24406
24456
  {
24407
24457
  className: "mesh-flex mesh-items-center mesh-justify-center mesh-rounded-lg mesh-w-10 mesh-h-10 mesh-bg-neutral-50 mesh-border mesh-border-zinc-700 hover:mesh-border-zinc-200 mesh-cursor-pointer",
24408
24458
  onClick: action,
24409
24459
  disabled: loading,
24410
24460
  children: [
24411
- icon && !loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
24461
+ icon && !loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
24412
24462
  !loading && iconReactNode && iconReactNode,
24413
- loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-black", children: "..." })
24463
+ loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-black", children: "..." })
24414
24464
  ]
24415
24465
  }
24416
24466
  ) }),
24417
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: name }) })
24467
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: name }) })
24418
24468
  ] });
24419
24469
  }
24420
24470
 
@@ -24423,9 +24473,9 @@ var import_react11 = require("react");
24423
24473
  var import_web3_sdk2 = require("@meshsdk/web3-sdk");
24424
24474
 
24425
24475
  // src/common/icons/icon-discord.tsx
24426
- var import_jsx_runtime14 = require("react/jsx-runtime");
24476
+ var import_jsx_runtime15 = require("react/jsx-runtime");
24427
24477
  function IconDiscord() {
24428
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
24478
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
24429
24479
  "svg",
24430
24480
  {
24431
24481
  viewBox: "0 0 20 20",
@@ -24434,7 +24484,7 @@ function IconDiscord() {
24434
24484
  width: "24px",
24435
24485
  height: "24px"
24436
24486
  },
24437
- children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
24487
+ children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
24438
24488
  "path",
24439
24489
  {
24440
24490
  d: "M16.238 4.515a14.842 14.842 0 0 0-3.664-1.136.055.055 0 0 0-.059.027 10.35 10.35 0 0 0-.456.938 13.702 13.702 0 0 0-4.115 0 9.479 9.479 0 0 0-.464-.938.058.058 0 0 0-.058-.027c-1.266.218-2.497.6-3.664 1.136a.052.052 0 0 0-.024.02C1.4 8.023.76 11.424 1.074 14.782a.062.062 0 0 0 .024.042 14.923 14.923 0 0 0 4.494 2.272.058.058 0 0 0 .064-.02c.346-.473.654-.972.92-1.496a.057.057 0 0 0-.032-.08 9.83 9.83 0 0 1-1.404-.669.058.058 0 0 1-.029-.046.058.058 0 0 1 .023-.05c.094-.07.189-.144.279-.218a.056.056 0 0 1 .058-.008c2.946 1.345 6.135 1.345 9.046 0a.056.056 0 0 1 .059.007c.09.074.184.149.28.22a.058.058 0 0 1 .023.049.059.059 0 0 1-.028.046 9.224 9.224 0 0 1-1.405.669.058.058 0 0 0-.033.033.056.056 0 0 0 .002.047c.27.523.58 1.022.92 1.495a.056.056 0 0 0 .062.021 14.878 14.878 0 0 0 4.502-2.272.055.055 0 0 0 .016-.018.056.056 0 0 0 .008-.023c.375-3.883-.63-7.256-2.662-10.246a.046.046 0 0 0-.023-.021Zm-9.223 8.221c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.717 1.814-1.618 1.814Zm5.981 0c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.71 1.814-1.618 1.814Z",
@@ -24446,9 +24496,9 @@ function IconDiscord() {
24446
24496
  }
24447
24497
 
24448
24498
  // src/common/icons/icon-google.tsx
24449
- var import_jsx_runtime15 = require("react/jsx-runtime");
24499
+ var import_jsx_runtime16 = require("react/jsx-runtime");
24450
24500
  function IconGoogle() {
24451
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
24501
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
24452
24502
  "svg",
24453
24503
  {
24454
24504
  viewBox: "0 0 262 262",
@@ -24459,28 +24509,28 @@ function IconGoogle() {
24459
24509
  height: "24px"
24460
24510
  },
24461
24511
  children: [
24462
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
24512
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
24463
24513
  "path",
24464
24514
  {
24465
24515
  d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",
24466
24516
  fill: "#4285F4"
24467
24517
  }
24468
24518
  ),
24469
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
24519
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
24470
24520
  "path",
24471
24521
  {
24472
24522
  d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",
24473
24523
  fill: "#34A853"
24474
24524
  }
24475
24525
  ),
24476
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
24526
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
24477
24527
  "path",
24478
24528
  {
24479
24529
  d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",
24480
24530
  fill: "#FBBC05"
24481
24531
  }
24482
24532
  ),
24483
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
24533
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
24484
24534
  "path",
24485
24535
  {
24486
24536
  d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",
@@ -24493,9 +24543,9 @@ function IconGoogle() {
24493
24543
  }
24494
24544
 
24495
24545
  // src/common/icons/icon-twitter.tsx
24496
- var import_jsx_runtime16 = require("react/jsx-runtime");
24546
+ var import_jsx_runtime17 = require("react/jsx-runtime");
24497
24547
  function IconTwitter() {
24498
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
24548
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
24499
24549
  "svg",
24500
24550
  {
24501
24551
  xmlns: "http://www.w3.org/2000/svg",
@@ -24505,13 +24555,13 @@ function IconTwitter() {
24505
24555
  width: "24px",
24506
24556
  height: "24px"
24507
24557
  },
24508
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z" })
24558
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z" })
24509
24559
  }
24510
24560
  );
24511
24561
  }
24512
24562
 
24513
24563
  // src/cardano-wallet/web3-services.tsx
24514
- var import_jsx_runtime17 = require("react/jsx-runtime");
24564
+ var import_jsx_runtime18 = require("react/jsx-runtime");
24515
24565
  function Web3Services({
24516
24566
  options,
24517
24567
  setOpen,
@@ -24543,8 +24593,8 @@ function Web3Services({
24543
24593
  setLoading(false);
24544
24594
  setOpen(false);
24545
24595
  }
24546
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
24547
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
24596
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
24597
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24548
24598
  WalletIcon,
24549
24599
  {
24550
24600
  iconReactNode: IconGoogle(),
@@ -24553,7 +24603,7 @@ function Web3Services({
24553
24603
  loading
24554
24604
  }
24555
24605
  ),
24556
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
24606
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24557
24607
  WalletIcon,
24558
24608
  {
24559
24609
  iconReactNode: IconDiscord(),
@@ -24562,7 +24612,7 @@ function Web3Services({
24562
24612
  loading
24563
24613
  }
24564
24614
  ),
24565
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
24615
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24566
24616
  WalletIcon,
24567
24617
  {
24568
24618
  iconReactNode: IconTwitter(),
@@ -24575,7 +24625,7 @@ function Web3Services({
24575
24625
  }
24576
24626
 
24577
24627
  // src/cardano-wallet/screen-main.tsx
24578
- var import_jsx_runtime18 = require("react/jsx-runtime");
24628
+ var import_jsx_runtime19 = require("react/jsx-runtime");
24579
24629
  function ScreenMain({
24580
24630
  injectFn,
24581
24631
  setOpen,
@@ -24588,9 +24638,9 @@ function ScreenMain({
24588
24638
  web3Services
24589
24639
  }) {
24590
24640
  const wallets = useWalletList({ injectFn });
24591
- const { connect: connect2 } = useWallet();
24592
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-5 mesh-place-items-center mesh-gap-y-8", children: [
24593
- wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24641
+ const { connect: connect2, setBitcoinWallet } = useWallet();
24642
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-5 mesh-place-items-center mesh-gap-y-8", children: [
24643
+ wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24594
24644
  WalletIcon,
24595
24645
  {
24596
24646
  icon: wallet.icon,
@@ -24602,7 +24652,7 @@ function ScreenMain({
24602
24652
  },
24603
24653
  index
24604
24654
  )),
24605
- web3Services && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24655
+ web3Services && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24606
24656
  Web3Services,
24607
24657
  {
24608
24658
  options: web3Services,
@@ -24610,7 +24660,7 @@ function ScreenMain({
24610
24660
  persist
24611
24661
  }
24612
24662
  ),
24613
- webauthn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24663
+ webauthn && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24614
24664
  WalletIcon,
24615
24665
  {
24616
24666
  iconReactNode: IconFingerprint(),
@@ -24620,7 +24670,7 @@ function ScreenMain({
24620
24670
  }
24621
24671
  }
24622
24672
  ),
24623
- cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24673
+ cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24624
24674
  WalletIcon,
24625
24675
  {
24626
24676
  iconReactNode: IconMonitorSmartphone(),
@@ -24630,7 +24680,7 @@ function ScreenMain({
24630
24680
  }
24631
24681
  }
24632
24682
  ),
24633
- burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24683
+ burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24634
24684
  WalletIcon,
24635
24685
  {
24636
24686
  iconReactNode: IconBookDashed(),
@@ -24640,7 +24690,7 @@ function ScreenMain({
24640
24690
  }
24641
24691
  }
24642
24692
  ),
24643
- showDownload && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
24693
+ showDownload && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24644
24694
  WalletIcon,
24645
24695
  {
24646
24696
  iconReactNode: IconDownload(),
@@ -24652,6 +24702,20 @@ function ScreenMain({
24652
24702
  );
24653
24703
  }
24654
24704
  }
24705
+ ),
24706
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24707
+ WalletIcon,
24708
+ {
24709
+ iconReactNode: IconBitcoin(),
24710
+ name: "Bitcoin",
24711
+ action: async () => {
24712
+ const wallet = await import_bitcoin.BrowserWallet.enable(
24713
+ "Mesh SDK want to connect"
24714
+ );
24715
+ setBitcoinWallet(wallet, "Bitcoin");
24716
+ setOpen(false);
24717
+ }
24718
+ }
24655
24719
  )
24656
24720
  ] }) });
24657
24721
  }
@@ -24659,7 +24723,7 @@ function ScreenMain({
24659
24723
  // src/cardano-wallet/screen-p2p.tsx
24660
24724
  var import_react12 = require("react");
24661
24725
  var import_cardano_peer_connect = __toESM(require_dist(), 1);
24662
- var import_jsx_runtime19 = require("react/jsx-runtime");
24726
+ var import_jsx_runtime20 = require("react/jsx-runtime");
24663
24727
  function ScreenP2P({
24664
24728
  cardanoPeerConnect,
24665
24729
  setOpen
@@ -24703,9 +24767,9 @@ function ScreenP2P({
24703
24767
  }
24704
24768
  }
24705
24769
  }, []);
24706
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
24707
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
24708
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
24770
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
24771
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
24772
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
24709
24773
  Button,
24710
24774
  {
24711
24775
  variant: "outline",
@@ -24725,10 +24789,10 @@ var import_wallet4 = require("@meshsdk/wallet");
24725
24789
 
24726
24790
  // src/common/input.tsx
24727
24791
  var React5 = __toESM(require("react"), 1);
24728
- var import_jsx_runtime20 = require("react/jsx-runtime");
24792
+ var import_jsx_runtime21 = require("react/jsx-runtime");
24729
24793
  var Input = React5.forwardRef(
24730
24794
  ({ className, type, ...props }, ref) => {
24731
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
24795
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
24732
24796
  "input",
24733
24797
  {
24734
24798
  type,
@@ -24748,11 +24812,11 @@ Input.displayName = "Input";
24748
24812
  var React6 = __toESM(require("react"), 1);
24749
24813
  var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
24750
24814
  var import_class_variance_authority2 = require("class-variance-authority");
24751
- var import_jsx_runtime21 = require("react/jsx-runtime");
24815
+ var import_jsx_runtime22 = require("react/jsx-runtime");
24752
24816
  var labelVariants = (0, import_class_variance_authority2.cva)(
24753
24817
  "mesh-text-sm mesh-font-medium mesh-leading-none peer-disabled:mesh-cursor-not-allowed peer-disabled:mesh-opacity-70"
24754
24818
  );
24755
- var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
24819
+ var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
24756
24820
  LabelPrimitive.Root,
24757
24821
  {
24758
24822
  ref,
@@ -24763,7 +24827,7 @@ var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
24763
24827
  Label2.displayName = LabelPrimitive.Root.displayName;
24764
24828
 
24765
24829
  // src/cardano-wallet/screen-webauthn.tsx
24766
- var import_jsx_runtime22 = require("react/jsx-runtime");
24830
+ var import_jsx_runtime23 = require("react/jsx-runtime");
24767
24831
  function ScreenWebauthn({
24768
24832
  url,
24769
24833
  networkId,
@@ -24797,10 +24861,10 @@ function ScreenWebauthn({
24797
24861
  createWallet(res.wallet.bech32PrivateKey);
24798
24862
  }
24799
24863
  }
24800
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: "Connecting wallet..." }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-gap-6 mesh-w-full mesh-mx-8", children: [
24801
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
24802
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label2, { htmlFor: "username", children: "Username" }),
24803
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
24864
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: "Connecting wallet..." }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-gap-6 mesh-w-full mesh-mx-8", children: [
24865
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
24866
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label2, { htmlFor: "username", children: "Username" }),
24867
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24804
24868
  Input,
24805
24869
  {
24806
24870
  id: "username",
@@ -24810,11 +24874,11 @@ function ScreenWebauthn({
24810
24874
  onChange: (e2) => setUserName(e2.target.value)
24811
24875
  }
24812
24876
  ),
24813
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
24877
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
24814
24878
  ] }),
24815
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
24816
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mesh-flex mesh-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label2, { htmlFor: "password", children: "Unique Code" }) }),
24817
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
24879
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
24880
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mesh-flex mesh-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label2, { htmlFor: "password", children: "Unique Code" }) }),
24881
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24818
24882
  Input,
24819
24883
  {
24820
24884
  id: "password",
@@ -24824,9 +24888,9 @@ function ScreenWebauthn({
24824
24888
  onChange: (e2) => setPassword(e2.target.value)
24825
24889
  }
24826
24890
  ),
24827
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
24891
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
24828
24892
  ] }),
24829
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
24893
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24830
24894
  Button,
24831
24895
  {
24832
24896
  className: "mesh-w-full",
@@ -24839,7 +24903,7 @@ function ScreenWebauthn({
24839
24903
  }
24840
24904
 
24841
24905
  // src/cardano-wallet/index.tsx
24842
- var import_jsx_runtime23 = require("react/jsx-runtime");
24906
+ var import_jsx_runtime24 = require("react/jsx-runtime");
24843
24907
  var CardanoWallet = ({
24844
24908
  label = "Connect Wallet",
24845
24909
  onConnected = void 0,
@@ -24864,16 +24928,16 @@ var CardanoWallet = ({
24864
24928
  if (onConnected) onConnected();
24865
24929
  }
24866
24930
  }, [connected, wallet]);
24867
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
24868
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: isDark ? "mesh-dark" : "", children: !connected ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "outline", className: isDark ? "mesh-dark" : "", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ConnectedButton, {}) }),
24869
- /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
24931
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
24932
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: isDark ? "mesh-dark" : "", children: !connected ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { variant: "outline", className: isDark ? "mesh-dark" : "", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ConnectedButton, {}) }),
24933
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
24870
24934
  DialogContent,
24871
24935
  {
24872
24936
  className: "sm:mesh-max-w-[425px] mesh-dark",
24873
24937
  onOpenAutoFocus: (event) => event.preventDefault(),
24874
24938
  children: [
24875
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Header, { screen, setScreen }),
24876
- screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24939
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Header, { screen, setScreen }),
24940
+ screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
24877
24941
  ScreenMain,
24878
24942
  {
24879
24943
  injectFn,
@@ -24887,14 +24951,14 @@ var CardanoWallet = ({
24887
24951
  web3Services
24888
24952
  }
24889
24953
  ),
24890
- screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24954
+ screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
24891
24955
  ScreenP2P,
24892
24956
  {
24893
24957
  cardanoPeerConnect,
24894
24958
  setOpen
24895
24959
  }
24896
24960
  ),
24897
- screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24961
+ screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
24898
24962
  ScreenBurner,
24899
24963
  {
24900
24964
  networkId: burnerWallet.networkId,
@@ -24902,7 +24966,7 @@ var CardanoWallet = ({
24902
24966
  setOpen
24903
24967
  }
24904
24968
  ),
24905
- screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
24969
+ screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
24906
24970
  ScreenWebauthn,
24907
24971
  {
24908
24972
  url: webauthn.url,
@@ -24911,7 +24975,7 @@ var CardanoWallet = ({
24911
24975
  setOpen
24912
24976
  }
24913
24977
  ),
24914
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Footer, {})
24978
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Footer, {})
24915
24979
  ]
24916
24980
  }
24917
24981
  )
@@ -24921,25 +24985,25 @@ function Header({
24921
24985
  screen,
24922
24986
  setScreen
24923
24987
  }) {
24924
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogHeader, { children: [
24925
- /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
24926
- screen != "main" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconChevronRight, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: "24px" } }),
24927
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: screens[screen].title }),
24928
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: "24px" } })
24988
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogHeader, { children: [
24989
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
24990
+ screen != "main" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconChevronRight, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { style: { width: "24px" } }),
24991
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: screens[screen].title }),
24992
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { style: { width: "24px" } })
24929
24993
  ] }),
24930
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
24994
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
24931
24995
  ] });
24932
24996
  }
24933
24997
  function Footer() {
24934
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
24998
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
24935
24999
  "a",
24936
25000
  {
24937
25001
  href: "https://meshjs.dev/",
24938
25002
  target: "_blank",
24939
25003
  className: "mesh-grow mesh-flex mesh-gap-1 mesh-items-center mesh-justify-center mesh-text-zinc-500 hover:mesh-text-white mesh-fill-zinc-500 hover:mesh-fill-white",
24940
25004
  children: [
24941
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Powered by" }),
24942
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
25005
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "", children: "Powered by" }),
25006
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
24943
25007
  "svg",
24944
25008
  {
24945
25009
  width: 24,
@@ -24947,31 +25011,31 @@ function Footer() {
24947
25011
  enableBackground: "new 0 0 300 200",
24948
25012
  viewBox: "0 0 300 200",
24949
25013
  xmlns: "http://www.w3.org/2000/svg",
24950
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
25014
+ children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
24951
25015
  }
24952
25016
  ),
24953
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Mesh SDK" })
25017
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "", children: "Mesh SDK" })
24954
25018
  ]
24955
25019
  }
24956
25020
  ) });
24957
25021
  }
24958
25022
 
24959
25023
  // src/mesh-badge/mesh-logo.tsx
24960
- var import_jsx_runtime24 = require("react/jsx-runtime");
24961
- var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
25024
+ var import_jsx_runtime25 = require("react/jsx-runtime");
25025
+ var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
24962
25026
  "svg",
24963
25027
  {
24964
25028
  className: "mesh-h-16 mesh-p-2",
24965
25029
  fill: "currentColor",
24966
25030
  viewBox: "0 0 300 200",
24967
25031
  xmlns: "http://www.w3.org/2000/svg",
24968
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
25032
+ children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
24969
25033
  }
24970
25034
  );
24971
25035
 
24972
25036
  // src/mesh-badge/index.tsx
24973
- var import_jsx_runtime25 = require("react/jsx-runtime");
24974
- var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
25037
+ var import_jsx_runtime26 = require("react/jsx-runtime");
25038
+ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
24975
25039
  "a",
24976
25040
  {
24977
25041
  className: `mesh-flex mesh-max-w-fit mesh-flex-col mesh-items-center mesh-rounded-md mesh-border mesh-border-solid mesh-border-current mesh-p-1 mesh-text-xl mesh-font-semibold mesh-no-underline ${isDark ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
@@ -24983,7 +25047,7 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25
24983
25047
  rel: "noopener noreferrer",
24984
25048
  target: "_blank",
24985
25049
  children: [
24986
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MeshLogo, {}),
25050
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MeshLogo, {}),
24987
25051
  "Mesh"
24988
25052
  ]
24989
25053
  }