@meshsdk/react 1.9.0-beta.95 → 1.9.0-beta.96
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 +116 -180
- package/dist/index.d.cts +0 -5
- package/dist/index.d.ts +0 -5
- package/dist/index.js +101 -165
- package/package.json +4 -5
package/dist/index.cjs
CHANGED
|
@@ -245,7 +245,6 @@ var useWalletStore = () => {
|
|
|
245
245
|
const [web3UserData, setWeb3UserData] = (0, import_react.useState)(
|
|
246
246
|
void 0
|
|
247
247
|
);
|
|
248
|
-
const [connectedBitcoinWallet, setConnectedBitcoinWallet] = (0, import_react.useState)({});
|
|
249
248
|
const connectWallet = (0, import_react.useCallback)(
|
|
250
249
|
async (walletName, persist) => {
|
|
251
250
|
setConnectingWallet(true);
|
|
@@ -296,14 +295,6 @@ var useWalletStore = () => {
|
|
|
296
295
|
},
|
|
297
296
|
[]
|
|
298
297
|
);
|
|
299
|
-
const setBitcoinWallet = (0, import_react.useCallback)(
|
|
300
|
-
async (walletInstance, walletName) => {
|
|
301
|
-
setConnectedBitcoinWallet(walletInstance);
|
|
302
|
-
setConnectedWalletName(walletName);
|
|
303
|
-
setState("CONNECTED" /* CONNECTED */);
|
|
304
|
-
},
|
|
305
|
-
[]
|
|
306
|
-
);
|
|
307
298
|
const setPersist = (0, import_react.useCallback)((persist) => {
|
|
308
299
|
setPersistSession(persist);
|
|
309
300
|
}, []);
|
|
@@ -315,13 +306,9 @@ var useWalletStore = () => {
|
|
|
315
306
|
address2 = await connectedWalletInstance.getChangeAddress();
|
|
316
307
|
setAddress(address2);
|
|
317
308
|
}
|
|
318
|
-
if (Object.keys(connectedBitcoinWallet).length > 0 && address.length === 0) {
|
|
319
|
-
let address2 = await connectedBitcoinWallet.getChangeAddress();
|
|
320
|
-
setAddress(address2);
|
|
321
|
-
}
|
|
322
309
|
}
|
|
323
310
|
load();
|
|
324
|
-
}, [connectedWalletInstance
|
|
311
|
+
}, [connectedWalletInstance]);
|
|
325
312
|
(0, import_react.useEffect)(() => {
|
|
326
313
|
const persist = localStorage.getItem(localstoragePersist);
|
|
327
314
|
if (persistSession && persist) {
|
|
@@ -350,13 +337,11 @@ var useWalletStore = () => {
|
|
|
350
337
|
return {
|
|
351
338
|
hasConnectedWallet: INITIAL_STATE.walletName !== connectedWalletName,
|
|
352
339
|
connectedWalletInstance,
|
|
353
|
-
connectedBitcoinWallet,
|
|
354
340
|
connectedWalletName,
|
|
355
341
|
connectingWallet,
|
|
356
342
|
connectWallet,
|
|
357
343
|
disconnect,
|
|
358
344
|
setWallet,
|
|
359
|
-
setBitcoinWallet,
|
|
360
345
|
setPersist,
|
|
361
346
|
setWeb3Services,
|
|
362
347
|
web3UserData,
|
|
@@ -369,7 +354,6 @@ var useWalletStore = () => {
|
|
|
369
354
|
var WalletContext = (0, import_react.createContext)({
|
|
370
355
|
hasConnectedWallet: false,
|
|
371
356
|
connectedWalletInstance: INITIAL_STATE.walletInstance,
|
|
372
|
-
connectedBitcoinWallet: {},
|
|
373
357
|
connectedWalletName: INITIAL_STATE.walletName,
|
|
374
358
|
connectingWallet: false,
|
|
375
359
|
connectWallet: async () => {
|
|
@@ -378,8 +362,6 @@ var WalletContext = (0, import_react.createContext)({
|
|
|
378
362
|
},
|
|
379
363
|
setWallet: async () => {
|
|
380
364
|
},
|
|
381
|
-
setBitcoinWallet: async () => {
|
|
382
|
-
},
|
|
383
365
|
setPersist: () => {
|
|
384
366
|
},
|
|
385
367
|
setWeb3Services: () => {
|
|
@@ -507,7 +489,6 @@ var useWallet = () => {
|
|
|
507
489
|
connectWallet,
|
|
508
490
|
disconnect,
|
|
509
491
|
setWallet,
|
|
510
|
-
setBitcoinWallet,
|
|
511
492
|
setPersist,
|
|
512
493
|
setWeb3Services,
|
|
513
494
|
web3UserData,
|
|
@@ -529,7 +510,6 @@ var useWallet = () => {
|
|
|
529
510
|
connect: connectWallet,
|
|
530
511
|
disconnect,
|
|
531
512
|
setWallet,
|
|
532
|
-
setBitcoinWallet,
|
|
533
513
|
setPersist,
|
|
534
514
|
setWeb3Services,
|
|
535
515
|
web3UserData,
|
|
@@ -849,40 +829,10 @@ function ScreenBurner({
|
|
|
849
829
|
] }) });
|
|
850
830
|
}
|
|
851
831
|
|
|
852
|
-
// src/cardano-wallet/screen-main.tsx
|
|
853
|
-
var import_bitcoin = require("@meshsdk/bitcoin");
|
|
854
|
-
|
|
855
|
-
// src/common/icons/icon-bitcoin.tsx
|
|
856
|
-
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
857
|
-
function IconBitcoin() {
|
|
858
|
-
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
859
|
-
"svg",
|
|
860
|
-
{
|
|
861
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
862
|
-
width: "24",
|
|
863
|
-
height: "24",
|
|
864
|
-
viewBox: "0 0 24 24",
|
|
865
|
-
fill: "none",
|
|
866
|
-
stroke: "currentColor",
|
|
867
|
-
strokeWidth: "2",
|
|
868
|
-
strokeLinecap: "round",
|
|
869
|
-
strokeLinejoin: "round",
|
|
870
|
-
style: {
|
|
871
|
-
color: "#CC9900",
|
|
872
|
-
width: "24px",
|
|
873
|
-
height: "24px",
|
|
874
|
-
strokeWidth: "1px"
|
|
875
|
-
},
|
|
876
|
-
className: "hover:mesh-fill-white",
|
|
877
|
-
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" })
|
|
878
|
-
}
|
|
879
|
-
);
|
|
880
|
-
}
|
|
881
|
-
|
|
882
832
|
// src/common/icons/icon-book-dashed.tsx
|
|
883
|
-
var
|
|
833
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
884
834
|
function IconBookDashed() {
|
|
885
|
-
return /* @__PURE__ */ (0,
|
|
835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
886
836
|
"svg",
|
|
887
837
|
{
|
|
888
838
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -902,26 +852,26 @@ function IconBookDashed() {
|
|
|
902
852
|
},
|
|
903
853
|
className: "hover:mesh-fill-white",
|
|
904
854
|
children: [
|
|
905
|
-
/* @__PURE__ */ (0,
|
|
906
|
-
/* @__PURE__ */ (0,
|
|
907
|
-
/* @__PURE__ */ (0,
|
|
908
|
-
/* @__PURE__ */ (0,
|
|
909
|
-
/* @__PURE__ */ (0,
|
|
910
|
-
/* @__PURE__ */ (0,
|
|
911
|
-
/* @__PURE__ */ (0,
|
|
912
|
-
/* @__PURE__ */ (0,
|
|
913
|
-
/* @__PURE__ */ (0,
|
|
914
|
-
/* @__PURE__ */ (0,
|
|
915
|
-
/* @__PURE__ */ (0,
|
|
855
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 17h2" }),
|
|
856
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 22h2" }),
|
|
857
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 2h2" }),
|
|
858
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 22h1a1 1 0 0 0 1-1" }),
|
|
859
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 2h1a1 1 0 0 1 1 1v1" }),
|
|
860
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M20 15v2h-2" }),
|
|
861
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M20 8v3" }),
|
|
862
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 11V9" }),
|
|
863
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 19.5V15" }),
|
|
864
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" }),
|
|
865
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 22H6.5a1 1 0 0 1 0-5H8" })
|
|
916
866
|
]
|
|
917
867
|
}
|
|
918
868
|
);
|
|
919
869
|
}
|
|
920
870
|
|
|
921
871
|
// src/common/icons/icon-download.tsx
|
|
922
|
-
var
|
|
872
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
923
873
|
function IconDownload() {
|
|
924
|
-
return /* @__PURE__ */ (0,
|
|
874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
925
875
|
"svg",
|
|
926
876
|
{
|
|
927
877
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -940,18 +890,18 @@ function IconDownload() {
|
|
|
940
890
|
strokeWidth: "1px"
|
|
941
891
|
},
|
|
942
892
|
children: [
|
|
943
|
-
/* @__PURE__ */ (0,
|
|
944
|
-
/* @__PURE__ */ (0,
|
|
945
|
-
/* @__PURE__ */ (0,
|
|
893
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
|
|
894
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "7 10 12 15 17 10" }),
|
|
895
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
|
|
946
896
|
]
|
|
947
897
|
}
|
|
948
898
|
);
|
|
949
899
|
}
|
|
950
900
|
|
|
951
901
|
// src/common/icons/icon-fingerprint.tsx
|
|
952
|
-
var
|
|
902
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
953
903
|
function IconFingerprint() {
|
|
954
|
-
return /* @__PURE__ */ (0,
|
|
904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
955
905
|
"svg",
|
|
956
906
|
{
|
|
957
907
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -971,24 +921,24 @@ function IconFingerprint() {
|
|
|
971
921
|
},
|
|
972
922
|
className: "hover:mesh-fill-white",
|
|
973
923
|
children: [
|
|
974
|
-
/* @__PURE__ */ (0,
|
|
975
|
-
/* @__PURE__ */ (0,
|
|
976
|
-
/* @__PURE__ */ (0,
|
|
977
|
-
/* @__PURE__ */ (0,
|
|
978
|
-
/* @__PURE__ */ (0,
|
|
979
|
-
/* @__PURE__ */ (0,
|
|
980
|
-
/* @__PURE__ */ (0,
|
|
981
|
-
/* @__PURE__ */ (0,
|
|
982
|
-
/* @__PURE__ */ (0,
|
|
924
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
|
|
925
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
|
|
926
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
|
|
927
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M2 12a10 10 0 0 1 18-6" }),
|
|
928
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M2 16h.01" }),
|
|
929
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
|
|
930
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
|
|
931
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
|
|
932
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
|
|
983
933
|
]
|
|
984
934
|
}
|
|
985
935
|
);
|
|
986
936
|
}
|
|
987
937
|
|
|
988
938
|
// src/common/icons/icon-monitor-smartphone.tsx
|
|
989
|
-
var
|
|
939
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
990
940
|
function IconMonitorSmartphone() {
|
|
991
|
-
return /* @__PURE__ */ (0,
|
|
941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
992
942
|
"svg",
|
|
993
943
|
{
|
|
994
944
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1007,10 +957,10 @@ function IconMonitorSmartphone() {
|
|
|
1007
957
|
strokeWidth: "1px"
|
|
1008
958
|
},
|
|
1009
959
|
children: [
|
|
1010
|
-
/* @__PURE__ */ (0,
|
|
1011
|
-
/* @__PURE__ */ (0,
|
|
1012
|
-
/* @__PURE__ */ (0,
|
|
1013
|
-
/* @__PURE__ */ (0,
|
|
960
|
+
/* @__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" }),
|
|
961
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M10 19v-3.96 3.15" }),
|
|
962
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M7 19h5" }),
|
|
963
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
|
|
1014
964
|
]
|
|
1015
965
|
}
|
|
1016
966
|
);
|
|
@@ -1019,11 +969,11 @@ function IconMonitorSmartphone() {
|
|
|
1019
969
|
// src/common/tooltip.tsx
|
|
1020
970
|
var React4 = __toESM(require("react"), 1);
|
|
1021
971
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
|
|
1022
|
-
var
|
|
972
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
1023
973
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
1024
974
|
var Tooltip = TooltipPrimitive.Root;
|
|
1025
975
|
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
1026
|
-
var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0,
|
|
976
|
+
var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1027
977
|
TooltipPrimitive.Content,
|
|
1028
978
|
{
|
|
1029
979
|
ref,
|
|
@@ -1038,7 +988,7 @@ var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props },
|
|
|
1038
988
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
1039
989
|
|
|
1040
990
|
// src/cardano-wallet/wallet-icon.tsx
|
|
1041
|
-
var
|
|
991
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1042
992
|
function WalletIcon({
|
|
1043
993
|
icon,
|
|
1044
994
|
name,
|
|
@@ -1046,21 +996,21 @@ function WalletIcon({
|
|
|
1046
996
|
iconReactNode,
|
|
1047
997
|
loading = false
|
|
1048
998
|
}) {
|
|
1049
|
-
return /* @__PURE__ */ (0,
|
|
1050
|
-
/* @__PURE__ */ (0,
|
|
999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
|
|
1000
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
1051
1001
|
"button",
|
|
1052
1002
|
{
|
|
1053
1003
|
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",
|
|
1054
1004
|
onClick: action,
|
|
1055
1005
|
disabled: loading,
|
|
1056
1006
|
children: [
|
|
1057
|
-
icon && !loading && /* @__PURE__ */ (0,
|
|
1007
|
+
icon && !loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
|
|
1058
1008
|
!loading && iconReactNode && iconReactNode,
|
|
1059
|
-
loading && /* @__PURE__ */ (0,
|
|
1009
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-black", children: "..." })
|
|
1060
1010
|
]
|
|
1061
1011
|
}
|
|
1062
1012
|
) }),
|
|
1063
|
-
/* @__PURE__ */ (0,
|
|
1013
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: name }) })
|
|
1064
1014
|
] });
|
|
1065
1015
|
}
|
|
1066
1016
|
|
|
@@ -1069,9 +1019,9 @@ var import_react11 = require("react");
|
|
|
1069
1019
|
var import_web3_sdk2 = require("@meshsdk/web3-sdk");
|
|
1070
1020
|
|
|
1071
1021
|
// src/common/icons/icon-discord.tsx
|
|
1072
|
-
var
|
|
1022
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1073
1023
|
function IconDiscord() {
|
|
1074
|
-
return /* @__PURE__ */ (0,
|
|
1024
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1075
1025
|
"svg",
|
|
1076
1026
|
{
|
|
1077
1027
|
viewBox: "0 0 20 20",
|
|
@@ -1080,7 +1030,7 @@ function IconDiscord() {
|
|
|
1080
1030
|
width: "24px",
|
|
1081
1031
|
height: "24px"
|
|
1082
1032
|
},
|
|
1083
|
-
children: /* @__PURE__ */ (0,
|
|
1033
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1084
1034
|
"path",
|
|
1085
1035
|
{
|
|
1086
1036
|
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",
|
|
@@ -1092,9 +1042,9 @@ function IconDiscord() {
|
|
|
1092
1042
|
}
|
|
1093
1043
|
|
|
1094
1044
|
// src/common/icons/icon-google.tsx
|
|
1095
|
-
var
|
|
1045
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1096
1046
|
function IconGoogle() {
|
|
1097
|
-
return /* @__PURE__ */ (0,
|
|
1047
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
1098
1048
|
"svg",
|
|
1099
1049
|
{
|
|
1100
1050
|
viewBox: "0 0 262 262",
|
|
@@ -1105,28 +1055,28 @@ function IconGoogle() {
|
|
|
1105
1055
|
height: "24px"
|
|
1106
1056
|
},
|
|
1107
1057
|
children: [
|
|
1108
|
-
/* @__PURE__ */ (0,
|
|
1058
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1109
1059
|
"path",
|
|
1110
1060
|
{
|
|
1111
1061
|
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",
|
|
1112
1062
|
fill: "#4285F4"
|
|
1113
1063
|
}
|
|
1114
1064
|
),
|
|
1115
|
-
/* @__PURE__ */ (0,
|
|
1065
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1116
1066
|
"path",
|
|
1117
1067
|
{
|
|
1118
1068
|
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",
|
|
1119
1069
|
fill: "#34A853"
|
|
1120
1070
|
}
|
|
1121
1071
|
),
|
|
1122
|
-
/* @__PURE__ */ (0,
|
|
1072
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1123
1073
|
"path",
|
|
1124
1074
|
{
|
|
1125
1075
|
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",
|
|
1126
1076
|
fill: "#FBBC05"
|
|
1127
1077
|
}
|
|
1128
1078
|
),
|
|
1129
|
-
/* @__PURE__ */ (0,
|
|
1079
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1130
1080
|
"path",
|
|
1131
1081
|
{
|
|
1132
1082
|
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",
|
|
@@ -1139,9 +1089,9 @@ function IconGoogle() {
|
|
|
1139
1089
|
}
|
|
1140
1090
|
|
|
1141
1091
|
// src/common/icons/icon-twitter.tsx
|
|
1142
|
-
var
|
|
1092
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1143
1093
|
function IconTwitter() {
|
|
1144
|
-
return /* @__PURE__ */ (0,
|
|
1094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1145
1095
|
"svg",
|
|
1146
1096
|
{
|
|
1147
1097
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1151,13 +1101,13 @@ function IconTwitter() {
|
|
|
1151
1101
|
width: "24px",
|
|
1152
1102
|
height: "24px"
|
|
1153
1103
|
},
|
|
1154
|
-
children: /* @__PURE__ */ (0,
|
|
1104
|
+
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" })
|
|
1155
1105
|
}
|
|
1156
1106
|
);
|
|
1157
1107
|
}
|
|
1158
1108
|
|
|
1159
1109
|
// src/cardano-wallet/web3-services.tsx
|
|
1160
|
-
var
|
|
1110
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1161
1111
|
function Web3Services({
|
|
1162
1112
|
options,
|
|
1163
1113
|
setOpen,
|
|
@@ -1189,8 +1139,8 @@ function Web3Services({
|
|
|
1189
1139
|
setLoading(false);
|
|
1190
1140
|
setOpen(false);
|
|
1191
1141
|
}
|
|
1192
|
-
return /* @__PURE__ */ (0,
|
|
1193
|
-
/* @__PURE__ */ (0,
|
|
1142
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
|
|
1143
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1194
1144
|
WalletIcon,
|
|
1195
1145
|
{
|
|
1196
1146
|
iconReactNode: IconGoogle(),
|
|
@@ -1199,7 +1149,7 @@ function Web3Services({
|
|
|
1199
1149
|
loading
|
|
1200
1150
|
}
|
|
1201
1151
|
),
|
|
1202
|
-
/* @__PURE__ */ (0,
|
|
1152
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1203
1153
|
WalletIcon,
|
|
1204
1154
|
{
|
|
1205
1155
|
iconReactNode: IconDiscord(),
|
|
@@ -1208,7 +1158,7 @@ function Web3Services({
|
|
|
1208
1158
|
loading
|
|
1209
1159
|
}
|
|
1210
1160
|
),
|
|
1211
|
-
/* @__PURE__ */ (0,
|
|
1161
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1212
1162
|
WalletIcon,
|
|
1213
1163
|
{
|
|
1214
1164
|
iconReactNode: IconTwitter(),
|
|
@@ -1221,7 +1171,7 @@ function Web3Services({
|
|
|
1221
1171
|
}
|
|
1222
1172
|
|
|
1223
1173
|
// src/cardano-wallet/screen-main.tsx
|
|
1224
|
-
var
|
|
1174
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1225
1175
|
function ScreenMain({
|
|
1226
1176
|
injectFn,
|
|
1227
1177
|
setOpen,
|
|
@@ -1234,9 +1184,9 @@ function ScreenMain({
|
|
|
1234
1184
|
web3Services
|
|
1235
1185
|
}) {
|
|
1236
1186
|
const wallets = useWalletList({ injectFn });
|
|
1237
|
-
const { connect: connect2
|
|
1238
|
-
return /* @__PURE__ */ (0,
|
|
1239
|
-
wallets.map((wallet, index) => /* @__PURE__ */ (0,
|
|
1187
|
+
const { connect: connect2 } = useWallet();
|
|
1188
|
+
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: [
|
|
1189
|
+
wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1240
1190
|
WalletIcon,
|
|
1241
1191
|
{
|
|
1242
1192
|
icon: wallet.icon,
|
|
@@ -1248,7 +1198,7 @@ function ScreenMain({
|
|
|
1248
1198
|
},
|
|
1249
1199
|
index
|
|
1250
1200
|
)),
|
|
1251
|
-
web3Services && /* @__PURE__ */ (0,
|
|
1201
|
+
web3Services && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1252
1202
|
Web3Services,
|
|
1253
1203
|
{
|
|
1254
1204
|
options: web3Services,
|
|
@@ -1256,7 +1206,7 @@ function ScreenMain({
|
|
|
1256
1206
|
persist
|
|
1257
1207
|
}
|
|
1258
1208
|
),
|
|
1259
|
-
webauthn && /* @__PURE__ */ (0,
|
|
1209
|
+
webauthn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1260
1210
|
WalletIcon,
|
|
1261
1211
|
{
|
|
1262
1212
|
iconReactNode: IconFingerprint(),
|
|
@@ -1266,7 +1216,7 @@ function ScreenMain({
|
|
|
1266
1216
|
}
|
|
1267
1217
|
}
|
|
1268
1218
|
),
|
|
1269
|
-
cardanoPeerConnect && /* @__PURE__ */ (0,
|
|
1219
|
+
cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1270
1220
|
WalletIcon,
|
|
1271
1221
|
{
|
|
1272
1222
|
iconReactNode: IconMonitorSmartphone(),
|
|
@@ -1276,7 +1226,7 @@ function ScreenMain({
|
|
|
1276
1226
|
}
|
|
1277
1227
|
}
|
|
1278
1228
|
),
|
|
1279
|
-
burnerWallet && /* @__PURE__ */ (0,
|
|
1229
|
+
burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1280
1230
|
WalletIcon,
|
|
1281
1231
|
{
|
|
1282
1232
|
iconReactNode: IconBookDashed(),
|
|
@@ -1286,7 +1236,7 @@ function ScreenMain({
|
|
|
1286
1236
|
}
|
|
1287
1237
|
}
|
|
1288
1238
|
),
|
|
1289
|
-
showDownload && /* @__PURE__ */ (0,
|
|
1239
|
+
showDownload && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1290
1240
|
WalletIcon,
|
|
1291
1241
|
{
|
|
1292
1242
|
iconReactNode: IconDownload(),
|
|
@@ -1298,20 +1248,6 @@ function ScreenMain({
|
|
|
1298
1248
|
);
|
|
1299
1249
|
}
|
|
1300
1250
|
}
|
|
1301
|
-
),
|
|
1302
|
-
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1303
|
-
WalletIcon,
|
|
1304
|
-
{
|
|
1305
|
-
iconReactNode: IconBitcoin(),
|
|
1306
|
-
name: "Bitcoin",
|
|
1307
|
-
action: async () => {
|
|
1308
|
-
const wallet = await import_bitcoin.BrowserWallet.enable(
|
|
1309
|
-
"Mesh SDK want to connect"
|
|
1310
|
-
);
|
|
1311
|
-
setBitcoinWallet(wallet, "Bitcoin");
|
|
1312
|
-
setOpen(false);
|
|
1313
|
-
}
|
|
1314
|
-
}
|
|
1315
1251
|
)
|
|
1316
1252
|
] }) });
|
|
1317
1253
|
}
|
|
@@ -1319,7 +1255,7 @@ function ScreenMain({
|
|
|
1319
1255
|
// src/cardano-wallet/screen-p2p.tsx
|
|
1320
1256
|
var import_react12 = require("react");
|
|
1321
1257
|
var import_cardano_peer_connect = require("@fabianbormann/cardano-peer-connect");
|
|
1322
|
-
var
|
|
1258
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1323
1259
|
function ScreenP2P({
|
|
1324
1260
|
cardanoPeerConnect,
|
|
1325
1261
|
setOpen
|
|
@@ -1363,9 +1299,9 @@ function ScreenP2P({
|
|
|
1363
1299
|
}
|
|
1364
1300
|
}
|
|
1365
1301
|
}, []);
|
|
1366
|
-
return /* @__PURE__ */ (0,
|
|
1367
|
-
/* @__PURE__ */ (0,
|
|
1368
|
-
/* @__PURE__ */ (0,
|
|
1302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
|
|
1303
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
|
|
1304
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1369
1305
|
Button,
|
|
1370
1306
|
{
|
|
1371
1307
|
variant: "outline",
|
|
@@ -1385,10 +1321,10 @@ var import_wallet4 = require("@meshsdk/wallet");
|
|
|
1385
1321
|
|
|
1386
1322
|
// src/common/input.tsx
|
|
1387
1323
|
var React5 = __toESM(require("react"), 1);
|
|
1388
|
-
var
|
|
1324
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1389
1325
|
var Input = React5.forwardRef(
|
|
1390
1326
|
({ className, type, ...props }, ref) => {
|
|
1391
|
-
return /* @__PURE__ */ (0,
|
|
1327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1392
1328
|
"input",
|
|
1393
1329
|
{
|
|
1394
1330
|
type,
|
|
@@ -1408,11 +1344,11 @@ Input.displayName = "Input";
|
|
|
1408
1344
|
var React6 = __toESM(require("react"), 1);
|
|
1409
1345
|
var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
|
|
1410
1346
|
var import_class_variance_authority2 = require("class-variance-authority");
|
|
1411
|
-
var
|
|
1347
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1412
1348
|
var labelVariants = (0, import_class_variance_authority2.cva)(
|
|
1413
1349
|
"mesh-text-sm mesh-font-medium mesh-leading-none peer-disabled:mesh-cursor-not-allowed peer-disabled:mesh-opacity-70"
|
|
1414
1350
|
);
|
|
1415
|
-
var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
1351
|
+
var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1416
1352
|
LabelPrimitive.Root,
|
|
1417
1353
|
{
|
|
1418
1354
|
ref,
|
|
@@ -1423,7 +1359,7 @@ var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
1423
1359
|
Label2.displayName = LabelPrimitive.Root.displayName;
|
|
1424
1360
|
|
|
1425
1361
|
// src/cardano-wallet/screen-webauthn.tsx
|
|
1426
|
-
var
|
|
1362
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1427
1363
|
function ScreenWebauthn({
|
|
1428
1364
|
url,
|
|
1429
1365
|
networkId,
|
|
@@ -1457,10 +1393,10 @@ function ScreenWebauthn({
|
|
|
1457
1393
|
createWallet(res.wallet.bech32PrivateKey);
|
|
1458
1394
|
}
|
|
1459
1395
|
}
|
|
1460
|
-
return /* @__PURE__ */ (0,
|
|
1461
|
-
/* @__PURE__ */ (0,
|
|
1462
|
-
/* @__PURE__ */ (0,
|
|
1463
|
-
/* @__PURE__ */ (0,
|
|
1396
|
+
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: [
|
|
1397
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
|
|
1398
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label2, { htmlFor: "username", children: "Username" }),
|
|
1399
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1464
1400
|
Input,
|
|
1465
1401
|
{
|
|
1466
1402
|
id: "username",
|
|
@@ -1470,11 +1406,11 @@ function ScreenWebauthn({
|
|
|
1470
1406
|
onChange: (e) => setUserName(e.target.value)
|
|
1471
1407
|
}
|
|
1472
1408
|
),
|
|
1473
|
-
/* @__PURE__ */ (0,
|
|
1409
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
|
|
1474
1410
|
] }),
|
|
1475
|
-
/* @__PURE__ */ (0,
|
|
1476
|
-
/* @__PURE__ */ (0,
|
|
1477
|
-
/* @__PURE__ */ (0,
|
|
1411
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
|
|
1412
|
+
/* @__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" }) }),
|
|
1413
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1478
1414
|
Input,
|
|
1479
1415
|
{
|
|
1480
1416
|
id: "password",
|
|
@@ -1484,9 +1420,9 @@ function ScreenWebauthn({
|
|
|
1484
1420
|
onChange: (e) => setPassword(e.target.value)
|
|
1485
1421
|
}
|
|
1486
1422
|
),
|
|
1487
|
-
/* @__PURE__ */ (0,
|
|
1423
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
|
|
1488
1424
|
] }),
|
|
1489
|
-
/* @__PURE__ */ (0,
|
|
1425
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1490
1426
|
Button,
|
|
1491
1427
|
{
|
|
1492
1428
|
className: "mesh-w-full",
|
|
@@ -1499,7 +1435,7 @@ function ScreenWebauthn({
|
|
|
1499
1435
|
}
|
|
1500
1436
|
|
|
1501
1437
|
// src/cardano-wallet/index.tsx
|
|
1502
|
-
var
|
|
1438
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1503
1439
|
var CardanoWallet = ({
|
|
1504
1440
|
label = "Connect Wallet",
|
|
1505
1441
|
onConnected = void 0,
|
|
@@ -1524,16 +1460,16 @@ var CardanoWallet = ({
|
|
|
1524
1460
|
if (onConnected) onConnected();
|
|
1525
1461
|
}
|
|
1526
1462
|
}, [connected, wallet]);
|
|
1527
|
-
return /* @__PURE__ */ (0,
|
|
1528
|
-
/* @__PURE__ */ (0,
|
|
1529
|
-
/* @__PURE__ */ (0,
|
|
1463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
|
|
1464
|
+
/* @__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, {}) }),
|
|
1465
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1530
1466
|
DialogContent,
|
|
1531
1467
|
{
|
|
1532
1468
|
className: "sm:mesh-max-w-[425px] mesh-dark",
|
|
1533
1469
|
onOpenAutoFocus: (event) => event.preventDefault(),
|
|
1534
1470
|
children: [
|
|
1535
|
-
/* @__PURE__ */ (0,
|
|
1536
|
-
screen == "main" && /* @__PURE__ */ (0,
|
|
1471
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Header, { screen, setScreen }),
|
|
1472
|
+
screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1537
1473
|
ScreenMain,
|
|
1538
1474
|
{
|
|
1539
1475
|
injectFn,
|
|
@@ -1547,14 +1483,14 @@ var CardanoWallet = ({
|
|
|
1547
1483
|
web3Services
|
|
1548
1484
|
}
|
|
1549
1485
|
),
|
|
1550
|
-
screen == "p2p" && /* @__PURE__ */ (0,
|
|
1486
|
+
screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1551
1487
|
ScreenP2P,
|
|
1552
1488
|
{
|
|
1553
1489
|
cardanoPeerConnect,
|
|
1554
1490
|
setOpen
|
|
1555
1491
|
}
|
|
1556
1492
|
),
|
|
1557
|
-
screen == "burner" && burnerWallet && /* @__PURE__ */ (0,
|
|
1493
|
+
screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1558
1494
|
ScreenBurner,
|
|
1559
1495
|
{
|
|
1560
1496
|
networkId: burnerWallet.networkId,
|
|
@@ -1562,7 +1498,7 @@ var CardanoWallet = ({
|
|
|
1562
1498
|
setOpen
|
|
1563
1499
|
}
|
|
1564
1500
|
),
|
|
1565
|
-
screen == "webauthn" && webauthn && /* @__PURE__ */ (0,
|
|
1501
|
+
screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1566
1502
|
ScreenWebauthn,
|
|
1567
1503
|
{
|
|
1568
1504
|
url: webauthn.url,
|
|
@@ -1571,7 +1507,7 @@ var CardanoWallet = ({
|
|
|
1571
1507
|
setOpen
|
|
1572
1508
|
}
|
|
1573
1509
|
),
|
|
1574
|
-
/* @__PURE__ */ (0,
|
|
1510
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Footer, {})
|
|
1575
1511
|
]
|
|
1576
1512
|
}
|
|
1577
1513
|
)
|
|
@@ -1581,25 +1517,25 @@ function Header({
|
|
|
1581
1517
|
screen,
|
|
1582
1518
|
setScreen
|
|
1583
1519
|
}) {
|
|
1584
|
-
return /* @__PURE__ */ (0,
|
|
1585
|
-
/* @__PURE__ */ (0,
|
|
1586
|
-
screen != "main" ? /* @__PURE__ */ (0,
|
|
1587
|
-
/* @__PURE__ */ (0,
|
|
1588
|
-
/* @__PURE__ */ (0,
|
|
1520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogHeader, { children: [
|
|
1521
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
|
|
1522
|
+
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" } }),
|
|
1523
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "mesh-text-white", children: screens[screen].title }),
|
|
1524
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: "24px" } })
|
|
1589
1525
|
] }),
|
|
1590
|
-
/* @__PURE__ */ (0,
|
|
1526
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
|
|
1591
1527
|
] });
|
|
1592
1528
|
}
|
|
1593
1529
|
function Footer() {
|
|
1594
|
-
return /* @__PURE__ */ (0,
|
|
1530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1595
1531
|
"a",
|
|
1596
1532
|
{
|
|
1597
1533
|
href: "https://meshjs.dev/",
|
|
1598
1534
|
target: "_blank",
|
|
1599
1535
|
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",
|
|
1600
1536
|
children: [
|
|
1601
|
-
/* @__PURE__ */ (0,
|
|
1602
|
-
/* @__PURE__ */ (0,
|
|
1537
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Powered by" }),
|
|
1538
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1603
1539
|
"svg",
|
|
1604
1540
|
{
|
|
1605
1541
|
width: 24,
|
|
@@ -1607,31 +1543,31 @@ function Footer() {
|
|
|
1607
1543
|
enableBackground: "new 0 0 300 200",
|
|
1608
1544
|
viewBox: "0 0 300 200",
|
|
1609
1545
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1610
|
-
children: /* @__PURE__ */ (0,
|
|
1546
|
+
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" })
|
|
1611
1547
|
}
|
|
1612
1548
|
),
|
|
1613
|
-
/* @__PURE__ */ (0,
|
|
1549
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Mesh SDK" })
|
|
1614
1550
|
]
|
|
1615
1551
|
}
|
|
1616
1552
|
) });
|
|
1617
1553
|
}
|
|
1618
1554
|
|
|
1619
1555
|
// src/mesh-badge/mesh-logo.tsx
|
|
1620
|
-
var
|
|
1621
|
-
var MeshLogo = () => /* @__PURE__ */ (0,
|
|
1556
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1557
|
+
var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1622
1558
|
"svg",
|
|
1623
1559
|
{
|
|
1624
1560
|
className: "mesh-h-16 mesh-p-2",
|
|
1625
1561
|
fill: "currentColor",
|
|
1626
1562
|
viewBox: "0 0 300 200",
|
|
1627
1563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1628
|
-
children: /* @__PURE__ */ (0,
|
|
1564
|
+
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" })
|
|
1629
1565
|
}
|
|
1630
1566
|
);
|
|
1631
1567
|
|
|
1632
1568
|
// src/mesh-badge/index.tsx
|
|
1633
|
-
var
|
|
1634
|
-
var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0,
|
|
1569
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1570
|
+
var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
1635
1571
|
"a",
|
|
1636
1572
|
{
|
|
1637
1573
|
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`}`,
|
|
@@ -1643,7 +1579,7 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime26
|
|
|
1643
1579
|
rel: "noopener noreferrer",
|
|
1644
1580
|
target: "_blank",
|
|
1645
1581
|
children: [
|
|
1646
|
-
/* @__PURE__ */ (0,
|
|
1582
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MeshLogo, {}),
|
|
1647
1583
|
"Mesh"
|
|
1648
1584
|
]
|
|
1649
1585
|
}
|