@meshsdk/react 1.9.0-beta.50 → 1.9.0-beta.53
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 +180 -116
- package/dist/index.d.cts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +165 -101
- package/package.json +5 -4
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/
|
|
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,
|
|
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,
|
|
24260
|
-
/* @__PURE__ */ (0,
|
|
24261
|
-
/* @__PURE__ */ (0,
|
|
24262
|
-
/* @__PURE__ */ (0,
|
|
24263
|
-
/* @__PURE__ */ (0,
|
|
24264
|
-
/* @__PURE__ */ (0,
|
|
24265
|
-
/* @__PURE__ */ (0,
|
|
24266
|
-
/* @__PURE__ */ (0,
|
|
24267
|
-
/* @__PURE__ */ (0,
|
|
24268
|
-
/* @__PURE__ */ (0,
|
|
24269
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
24326
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
24277
24327
|
function IconDownload() {
|
|
24278
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
24298
|
-
/* @__PURE__ */ (0,
|
|
24299
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
24356
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
24307
24357
|
function IconFingerprint() {
|
|
24308
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
24329
|
-
/* @__PURE__ */ (0,
|
|
24330
|
-
/* @__PURE__ */ (0,
|
|
24331
|
-
/* @__PURE__ */ (0,
|
|
24332
|
-
/* @__PURE__ */ (0,
|
|
24333
|
-
/* @__PURE__ */ (0,
|
|
24334
|
-
/* @__PURE__ */ (0,
|
|
24335
|
-
/* @__PURE__ */ (0,
|
|
24336
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
24393
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
24344
24394
|
function IconMonitorSmartphone() {
|
|
24345
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
24365
|
-
/* @__PURE__ */ (0,
|
|
24366
|
-
/* @__PURE__ */ (0,
|
|
24367
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
24404
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
24463
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-black", children: "..." })
|
|
24414
24464
|
]
|
|
24415
24465
|
}
|
|
24416
24466
|
) }),
|
|
24417
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
24476
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
24427
24477
|
function IconDiscord() {
|
|
24428
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
24499
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
24450
24500
|
function IconGoogle() {
|
|
24451
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
24546
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
24497
24547
|
function IconTwitter() {
|
|
24498
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
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,
|
|
24547
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
24593
|
-
wallets.map((wallet, index) => /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
24707
|
-
/* @__PURE__ */ (0,
|
|
24708
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
24801
|
-
/* @__PURE__ */ (0,
|
|
24802
|
-
/* @__PURE__ */ (0,
|
|
24803
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
24816
|
-
/* @__PURE__ */ (0,
|
|
24817
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
24868
|
-
/* @__PURE__ */ (0,
|
|
24869
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
24876
|
-
screen == "main" && /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
24925
|
-
/* @__PURE__ */ (0,
|
|
24926
|
-
screen != "main" ? /* @__PURE__ */ (0,
|
|
24927
|
-
/* @__PURE__ */ (0,
|
|
24928
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
24942
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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
|
|
24961
|
-
var MeshLogo = () => /* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
24974
|
-
var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0,
|
|
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,
|
|
25050
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MeshLogo, {}),
|
|
24987
25051
|
"Mesh"
|
|
24988
25052
|
]
|
|
24989
25053
|
}
|