@miden-sdk/miden-wallet-adapter-reactui 0.15.3 → 0.16.0-rc.5
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/LICENSE +21 -0
- package/dist/Button.d.ts +2 -2
- package/dist/Button.js +1 -1
- package/dist/Collapse.d.ts +1 -1
- package/dist/Collapse.js +16 -13
- package/dist/Collapse.js.map +1 -1
- package/dist/DiscoverMidenMessage.d.ts +1 -1
- package/dist/DiscoverMidenMessage.js +1 -1
- package/dist/DiscoverMidenMessage.js.map +1 -1
- package/dist/MidenSVG.d.ts +1 -1
- package/dist/MidenSVG.js.map +1 -1
- package/dist/WalletConnectButton.d.ts +2 -2
- package/dist/WalletConnectButton.js +9 -9
- package/dist/WalletConnectButton.js.map +1 -1
- package/dist/WalletDisconnectButton.d.ts +2 -2
- package/dist/WalletDisconnectButton.js +7 -7
- package/dist/WalletIcon.d.ts +2 -2
- package/dist/WalletIcon.js.map +1 -1
- package/dist/WalletListItem.d.ts +3 -2
- package/dist/WalletListItem.js +3 -3
- package/dist/WalletListItem.js.map +1 -1
- package/dist/WalletModal.d.ts +2 -2
- package/dist/WalletModal.js +16 -16
- package/dist/WalletModal.js.map +1 -1
- package/dist/WalletModalButton.d.ts +2 -2
- package/dist/WalletModalButton.js +4 -4
- package/dist/WalletModalButton.js.map +1 -1
- package/dist/WalletModalProvider.d.ts +2 -2
- package/dist/WalletModalProvider.js +3 -3
- package/dist/WalletModalProvider.js.map +1 -1
- package/dist/WalletMultiButton.d.ts +2 -2
- package/dist/WalletMultiButton.js +19 -19
- package/dist/WalletMultiButton.js.map +1 -1
- package/dist/index.d.ts +8 -8
- package/dist/index.js +8 -8
- package/dist/styles.css +22 -19
- package/dist/useWalletModal.js +9 -9
- package/dist/useWalletModal.js.map +1 -1
- package/package.json +18 -13
- package/src/Button.tsx +3 -3
- package/src/Collapse.tsx +73 -66
- package/src/DiscoverMidenMessage.tsx +5 -7
- package/src/MidenSVG.tsx +37 -16
- package/src/WalletConnectButton.tsx +15 -11
- package/src/WalletDisconnectButton.tsx +9 -9
- package/src/WalletIcon.tsx +6 -7
- package/src/WalletListItem.tsx +6 -5
- package/src/WalletModal.tsx +18 -24
- package/src/WalletModalButton.tsx +27 -19
- package/src/WalletModalProvider.tsx +22 -19
- package/src/WalletMultiButton.tsx +22 -28
- package/src/index.ts +8 -8
- package/src/useWalletModal.tsx +28 -23
- package/styles.css +22 -19
- package/tsconfig.json +3 -3
- package/yarn-error.log +0 -525
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Miden
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/Button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork } from
|
|
2
|
-
import type { CSSProperties, FC, MouseEvent, PropsWithChildren, ReactElement } from
|
|
1
|
+
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork } from "@miden-sdk/miden-wallet-adapter-base";
|
|
2
|
+
import type { CSSProperties, FC, MouseEvent, PropsWithChildren, ReactElement } from "react";
|
|
3
3
|
export type ButtonProps = PropsWithChildren<{
|
|
4
4
|
className?: string;
|
|
5
5
|
disabled?: boolean;
|
package/dist/Button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
export const Button = (props) => {
|
|
3
|
-
return (_jsxs("button", { className: `wallet-adapter-button ${props.className ||
|
|
3
|
+
return (_jsxs("button", { className: `wallet-adapter-button ${props.className || ""}`, disabled: props.disabled, style: props.style, onClick: props.onClick, tabIndex: props.tabIndex || 0, type: "button", children: [props.startIcon && (_jsx("i", { className: "wallet-adapter-button-start-icon", children: props.startIcon })), props.children, props.endIcon && (_jsx("i", { className: "wallet-adapter-button-end-icon", children: props.endIcon }))] }));
|
|
4
4
|
};
|
|
5
5
|
//# sourceMappingURL=Button.js.map
|
package/dist/Collapse.d.ts
CHANGED
package/dist/Collapse.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useLayoutEffect, useRef } from
|
|
3
|
-
export const Collapse = ({ id, children, expanded = false }) => {
|
|
2
|
+
import { useLayoutEffect, useRef } from "react";
|
|
3
|
+
export const Collapse = ({ id, children, expanded = false, }) => {
|
|
4
4
|
const ref = useRef(null);
|
|
5
5
|
const instant = useRef(true);
|
|
6
|
-
const transition =
|
|
6
|
+
const transition = "height 250ms ease-out";
|
|
7
7
|
const openCollapse = () => {
|
|
8
8
|
const node = ref.current;
|
|
9
9
|
if (!node)
|
|
10
10
|
return;
|
|
11
11
|
requestAnimationFrame(() => {
|
|
12
|
-
node.style.height = node.scrollHeight +
|
|
12
|
+
node.style.height = node.scrollHeight + "px";
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
15
|
const closeCollapse = () => {
|
|
@@ -17,10 +17,10 @@ export const Collapse = ({ id, children, expanded = false }) => {
|
|
|
17
17
|
if (!node)
|
|
18
18
|
return;
|
|
19
19
|
requestAnimationFrame(() => {
|
|
20
|
-
node.style.height = node.offsetHeight +
|
|
21
|
-
node.style.overflow =
|
|
20
|
+
node.style.height = node.offsetHeight + "px";
|
|
21
|
+
node.style.overflow = "hidden";
|
|
22
22
|
requestAnimationFrame(() => {
|
|
23
|
-
node.style.height =
|
|
23
|
+
node.style.height = "0";
|
|
24
24
|
});
|
|
25
25
|
});
|
|
26
26
|
};
|
|
@@ -39,13 +39,13 @@ export const Collapse = ({ id, children, expanded = false }) => {
|
|
|
39
39
|
function handleComplete() {
|
|
40
40
|
if (!node)
|
|
41
41
|
return;
|
|
42
|
-
node.style.overflow = expanded ?
|
|
42
|
+
node.style.overflow = expanded ? "initial" : "hidden";
|
|
43
43
|
if (expanded) {
|
|
44
|
-
node.style.height =
|
|
44
|
+
node.style.height = "auto";
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
function handleTransitionEnd(event) {
|
|
48
|
-
if (node && event.target === node && event.propertyName ===
|
|
48
|
+
if (node && event.target === node && event.propertyName === "height") {
|
|
49
49
|
handleComplete();
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -53,9 +53,12 @@ export const Collapse = ({ id, children, expanded = false }) => {
|
|
|
53
53
|
handleComplete();
|
|
54
54
|
instant.current = false;
|
|
55
55
|
}
|
|
56
|
-
node.addEventListener(
|
|
57
|
-
return () => node.removeEventListener(
|
|
56
|
+
node.addEventListener("transitionend", handleTransitionEnd);
|
|
57
|
+
return () => node.removeEventListener("transitionend", handleTransitionEnd);
|
|
58
58
|
}, [expanded]);
|
|
59
|
-
return (_jsx("div", { className: "wallet-adapter-collapse", id: id, ref: ref, role: "region", style: {
|
|
59
|
+
return (_jsx("div", { className: "wallet-adapter-collapse", id: id, ref: ref, role: "region", style: {
|
|
60
|
+
height: 0,
|
|
61
|
+
transition: instant.current ? undefined : transition,
|
|
62
|
+
}, children: children }));
|
|
60
63
|
};
|
|
61
64
|
//# sourceMappingURL=Collapse.js.map
|
package/dist/Collapse.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAOhD,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,
|
|
1
|
+
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const DiscoverMidenMessage: () => import("react
|
|
1
|
+
export declare const DiscoverMidenMessage: () => import("react").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MidenSVG } from
|
|
2
|
+
import { MidenSVG } from "./MidenSVG";
|
|
3
3
|
export const DiscoverMidenMessage = () => {
|
|
4
4
|
return (_jsxs("div", { className: "wallet-adapter-modal-discover-miden-message", children: [_jsx(MidenSVG, {}), _jsx("h1", { children: "Discover Miden" }), _jsx("p", { children: "Experience the next evolution of blockchain technology with Miden. Install the Bread Wallet and access a seamless, decentralized ecosystem today." })] }));
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscoverMidenMessage.js","sourceRoot":"","sources":["../src/DiscoverMidenMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,KAAC,QAAQ,KAAG,EACZ,
|
|
1
|
+
{"version":3,"file":"DiscoverMidenMessage.js","sourceRoot":"","sources":["../src/DiscoverMidenMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,KAAC,QAAQ,KAAG,EACZ,0CAAuB,EACvB,4KAII,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/MidenSVG.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { FC } from
|
|
1
|
+
import type { FC } from "react";
|
|
2
2
|
export declare const MidenSVG: FC;
|
package/dist/MidenSVG.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MidenSVG.js","sourceRoot":"","sources":["../src/MidenSVG.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAO,GAAG,EAAE;IAC/B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"MidenSVG.js","sourceRoot":"","sources":["../src/MidenSVG.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAO,GAAG,EAAE;IAC/B,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,aAEX,eACE,CAAC,EAAC,0gEAA0gE,EAC5gE,IAAI,EAAC,SAAS,GACd,EACF,YAAG,OAAO,EAAC,KAAK,YACd,eACE,CAAC,EAAC,s/DAAs/D,EACx/D,IAAI,EAAC,SAAS,GACd,GACA,EACJ,YAAG,OAAO,EAAC,KAAK,YACd,eACE,CAAC,EAAC,y/DAAy/D,EAC3/D,IAAI,EAAC,SAAS,GACd,GACA,EACJ,YAAG,OAAO,EAAC,KAAK,YACd,eACE,CAAC,EAAC,+gEAA+gE,EACjhE,IAAI,EAAC,SAAS,GACd,GACA,EACJ,YAAG,OAAO,EAAC,KAAK,YACd,eACE,CAAC,EAAC,y/DAAy/D,EAC3/D,IAAI,EAAC,SAAS,GACd,GACA,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { FC } from
|
|
2
|
-
import type { ButtonProps } from
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { ButtonProps } from "./Button";
|
|
3
3
|
export declare const WalletConnectButton: FC<ButtonProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useMemo } from
|
|
3
|
-
import { useWallet } from
|
|
4
|
-
import { Button } from
|
|
5
|
-
import { WalletIcon } from
|
|
6
|
-
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork } from
|
|
2
|
+
import { useCallback, useMemo } from "react";
|
|
3
|
+
import { useWallet } from "@miden-sdk/miden-wallet-adapter-react";
|
|
4
|
+
import { Button } from "./Button";
|
|
5
|
+
import { WalletIcon } from "./WalletIcon";
|
|
6
|
+
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork, } from "@miden-sdk/miden-wallet-adapter-base";
|
|
7
7
|
export const WalletConnectButton = ({ children, disabled, onClick, privateDataPermission, network, allowedPrivateData, ...props }) => {
|
|
8
8
|
const { wallet, connect, connecting, connected } = useWallet();
|
|
9
9
|
const handleClick = useCallback((event) => {
|
|
@@ -17,12 +17,12 @@ export const WalletConnectButton = ({ children, disabled, onClick, privateDataPe
|
|
|
17
17
|
if (children)
|
|
18
18
|
return children;
|
|
19
19
|
if (connecting)
|
|
20
|
-
return
|
|
20
|
+
return "Connecting ...";
|
|
21
21
|
if (connected)
|
|
22
|
-
return
|
|
22
|
+
return "Connected";
|
|
23
23
|
if (wallet)
|
|
24
|
-
return
|
|
25
|
-
return
|
|
24
|
+
return "Connect";
|
|
25
|
+
return "Connect Wallet";
|
|
26
26
|
}, [children, connecting, connected, wallet]);
|
|
27
27
|
return (_jsx(Button, { className: "wallet-adapter-button-trigger", disabled: disabled || !wallet || connecting || connected, startIcon: wallet ? _jsx(WalletIcon, { wallet: wallet }) : undefined, onClick: handleClick, ...props, children: content }));
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../src/WalletConnectButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../src/WalletConnectButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,CAAC,MAAM,mBAAmB,GAAoB,CAAC,EACnD,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,qBAAqB,EACrB,OAAO,EACP,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/D,MAAM,WAAW,GAAyC,WAAW,CACnE,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,gEAAgE;QAChE,IAAI,CAAC,KAAK,CAAC,gBAAgB;YACzB,OAAO,CACL,qBAAqB,IAAI,qBAAqB,CAAC,WAAW,EAC1D,OAAO,IAAI,oBAAoB,CAAC,OAAO,EACvC,kBAAkB,IAAI,kBAAkB,CAAC,IAAI,CAC9C,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,UAAU;YAAE,OAAO,gBAAgB,CAAC;QACxC,IAAI,SAAS;YAAE,OAAO,WAAW,CAAC;QAClC,IAAI,MAAM;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO,gBAAgB,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,UAAU,IAAI,SAAS,EACxD,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,SAAS,EAC9D,OAAO,EAAE,WAAW,KAChB,KAAK,YAER,OAAO,GACD,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { FC } from
|
|
2
|
-
import type { ButtonProps } from
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { ButtonProps } from "./Button";
|
|
3
3
|
export declare const WalletDisconnectButton: FC<ButtonProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useMemo } from
|
|
3
|
-
import { useWallet } from
|
|
4
|
-
import { Button } from
|
|
5
|
-
import { WalletIcon } from
|
|
2
|
+
import { useCallback, useMemo } from "react";
|
|
3
|
+
import { useWallet } from "@miden-sdk/miden-wallet-adapter-react";
|
|
4
|
+
import { Button } from "./Button";
|
|
5
|
+
import { WalletIcon } from "./WalletIcon";
|
|
6
6
|
export const WalletDisconnectButton = ({ children, disabled, onClick, ...props }) => {
|
|
7
7
|
const { wallet, disconnect, disconnecting } = useWallet();
|
|
8
8
|
const handleClick = useCallback((event) => {
|
|
@@ -16,10 +16,10 @@ export const WalletDisconnectButton = ({ children, disabled, onClick, ...props }
|
|
|
16
16
|
if (children)
|
|
17
17
|
return children;
|
|
18
18
|
if (disconnecting)
|
|
19
|
-
return
|
|
19
|
+
return "Disconnecting ...";
|
|
20
20
|
if (wallet)
|
|
21
|
-
return
|
|
22
|
-
return
|
|
21
|
+
return "Disconnect";
|
|
22
|
+
return "Disconnect Wallet";
|
|
23
23
|
}, [children, disconnecting, wallet]);
|
|
24
24
|
return (_jsx(Button, { className: "wallet-adapter-button-trigger", disabled: disabled || !wallet, startIcon: wallet ? _jsx(WalletIcon, { wallet: wallet }) : undefined, onClick: handleClick, ...props, children: content }));
|
|
25
25
|
};
|
package/dist/WalletIcon.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { DetailedHTMLProps, FC, ImgHTMLAttributes } from
|
|
2
|
-
import { Wallet } from
|
|
1
|
+
import type { DetailedHTMLProps, FC, ImgHTMLAttributes } from "react";
|
|
2
|
+
import { Wallet } from "@miden-sdk/miden-wallet-adapter-react";
|
|
3
3
|
export interface WalletIconProps extends DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
|
|
4
4
|
wallet: Wallet | null;
|
|
5
5
|
}
|
package/dist/WalletIcon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletIcon.js","sourceRoot":"","sources":["../src/WalletIcon.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"WalletIcon.js","sourceRoot":"","sources":["../src/WalletIcon.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,MAAM,IAAI,CACR,cACE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EACxB,GAAG,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,OAAO,KAC9B,KAAK,GACT,CACH,CACF,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/WalletListItem.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import type { FC, MouseEventHandler } from
|
|
2
|
-
import { Wallet } from
|
|
1
|
+
import type { FC, MouseEventHandler } from "react";
|
|
2
|
+
import { Wallet } from "@miden-sdk/miden-wallet-adapter-react";
|
|
3
|
+
/** @public */
|
|
3
4
|
export interface WalletListItemProps {
|
|
4
5
|
handleClick: MouseEventHandler<HTMLButtonElement>;
|
|
5
6
|
tabIndex?: number;
|
package/dist/WalletListItem.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { WalletReadyState } from
|
|
3
|
-
import { Button } from
|
|
4
|
-
import { WalletIcon } from
|
|
2
|
+
import { WalletReadyState } from "@miden-sdk/miden-wallet-adapter-base";
|
|
3
|
+
import { Button } from "./Button";
|
|
4
|
+
import { WalletIcon } from "./WalletIcon";
|
|
5
5
|
export const WalletListItem = ({ handleClick, tabIndex, wallet, }) => {
|
|
6
6
|
return (_jsx("li", { children: _jsxs(Button, { onClick: handleClick, startIcon: _jsx(WalletIcon, { wallet: wallet }), tabIndex: tabIndex, children: [wallet.adapter.name, wallet.readyState === WalletReadyState.Installed && (_jsxs(_Fragment, { children: [_jsx("span", { children: "Installed" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", children: _jsx("path", { d: "M10.1003 5L8.5 6.5745L13.6981 11.7L8.5 16.8255L10.1003 18.4L16.91 11.7L10.1003 5Z", fill: "black" }) })] }))] }) }));
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletListItem.js","sourceRoot":"","sources":["../src/WalletListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletListItem.js","sourceRoot":"","sources":["../src/WalletListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,WAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,uBACE,MAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,EACzC,QAAQ,EAAE,QAAQ,aAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,EACnB,MAAM,CAAC,UAAU,KAAK,gBAAgB,CAAC,SAAS,IAAI,CACnD,8BACE,uCAAsB,EACtB,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,eACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,OAAO,GACZ,GACE,IACL,CACJ,IACM,GACN,CACN,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/WalletModal.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { FC } from
|
|
2
|
-
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork } from
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork } from "@miden-sdk/miden-wallet-adapter-base";
|
|
3
3
|
export interface WalletModalProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
container?: string;
|
package/dist/WalletModal.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useLayoutEffect, useMemo, useRef, useState
|
|
3
|
-
import { createPortal } from
|
|
4
|
-
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork, WalletReadyState, } from
|
|
5
|
-
import { useWallet } from
|
|
6
|
-
import { MidenWalletName } from
|
|
7
|
-
import { useWalletModal } from
|
|
8
|
-
import { WalletListItem } from
|
|
9
|
-
import { DiscoverMidenMessage } from
|
|
10
|
-
export const WalletModal = ({ className =
|
|
2
|
+
import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { createPortal } from "react-dom";
|
|
4
|
+
import { AllowedPrivateData, PrivateDataPermission, WalletAdapterNetwork, WalletReadyState, } from "@miden-sdk/miden-wallet-adapter-base";
|
|
5
|
+
import { useWallet } from "@miden-sdk/miden-wallet-adapter-react";
|
|
6
|
+
import { MidenWalletName } from "@miden-sdk/miden-wallet-adapter-miden";
|
|
7
|
+
import { useWalletModal } from "./useWalletModal";
|
|
8
|
+
import { WalletListItem } from "./WalletListItem";
|
|
9
|
+
import { DiscoverMidenMessage } from "./DiscoverMidenMessage";
|
|
10
|
+
export const WalletModal = ({ className = "", container = "body", privateDataPermission, network, allowedPrivateData, }) => {
|
|
11
11
|
const ref = useRef(null);
|
|
12
12
|
const { wallets, select, connect, wallet } = useWallet();
|
|
13
13
|
const { setVisible } = useWalletModal();
|
|
@@ -58,7 +58,7 @@ export const WalletModal = ({ className = '', container = 'body', privateDataPer
|
|
|
58
58
|
if (!node)
|
|
59
59
|
return;
|
|
60
60
|
// here we query all focusable elements
|
|
61
|
-
const focusableElements = node.querySelectorAll(
|
|
61
|
+
const focusableElements = node.querySelectorAll("button");
|
|
62
62
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
63
63
|
const firstElement = focusableElements[0];
|
|
64
64
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
@@ -80,10 +80,10 @@ export const WalletModal = ({ className = '', container = 'body', privateDataPer
|
|
|
80
80
|
}, [ref]);
|
|
81
81
|
useLayoutEffect(() => {
|
|
82
82
|
const handleKeyDown = (event) => {
|
|
83
|
-
if (event.key ===
|
|
83
|
+
if (event.key === "Escape") {
|
|
84
84
|
hideModal();
|
|
85
85
|
}
|
|
86
|
-
else if (event.key ===
|
|
86
|
+
else if (event.key === "Tab") {
|
|
87
87
|
handleTabKey(event);
|
|
88
88
|
}
|
|
89
89
|
};
|
|
@@ -92,13 +92,13 @@ export const WalletModal = ({ className = '', container = 'body', privateDataPer
|
|
|
92
92
|
// Hack to enable fade in animation after mount
|
|
93
93
|
setTimeout(() => setFadeIn(true), 0);
|
|
94
94
|
// Prevent scrolling on mount
|
|
95
|
-
document.body.style.overflow =
|
|
95
|
+
document.body.style.overflow = "hidden";
|
|
96
96
|
// Listen for keydown events
|
|
97
|
-
window.addEventListener(
|
|
97
|
+
window.addEventListener("keydown", handleKeyDown, false);
|
|
98
98
|
return () => {
|
|
99
99
|
// Re-enable scrolling when component unmounts
|
|
100
100
|
document.body.style.overflow = overflow;
|
|
101
|
-
window.removeEventListener(
|
|
101
|
+
window.removeEventListener("keydown", handleKeyDown, false);
|
|
102
102
|
};
|
|
103
103
|
}, [hideModal, handleTabKey]);
|
|
104
104
|
useLayoutEffect(() => setPortal(document.querySelector(container)), [container]);
|
|
@@ -110,7 +110,7 @@ export const WalletModal = ({ className = '', container = 'body', privateDataPer
|
|
|
110
110
|
}
|
|
111
111
|
}, [wallet, privateDataPermission, network, allowedPrivateData, connect]);
|
|
112
112
|
return (portal &&
|
|
113
|
-
createPortal(_jsxs("div", { "aria-labelledby": "wallet-adapter-modal-title", "aria-modal": "true", className: `wallet-adapter-modal ${fadeIn &&
|
|
113
|
+
createPortal(_jsxs("div", { "aria-labelledby": "wallet-adapter-modal-title", "aria-modal": "true", className: `wallet-adapter-modal ${fadeIn && "wallet-adapter-modal-fade-in"} ${className}`, ref: ref, role: "dialog", children: [_jsx("div", { className: "wallet-adapter-modal-container", children: _jsxs("div", { className: "wallet-adapter-modal-wrapper", children: [_jsxs("div", { className: "wallet-adapter-modal-title", children: ["Connect a Wallet", _jsx("button", { onClick: handleClose, className: "wallet-adapter-modal-button-close", children: _jsx("svg", { width: "14", height: "14", children: _jsx("path", { d: "M14 12.461 8.3 6.772l5.234-5.233L12.006 0 6.772 5.234 1.54 0 0 1.539l5.234 5.233L0 12.006l1.539 1.528L6.772 8.3l5.69 5.7L14 12.461z" }) }) })] }), installedWallets.length ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "wallet-adapter-modal-content", children: ["Connect your Bread Wallet and start exploring its powerful features now!", _jsx("hr", {})] }), _jsxs("ul", { className: "wallet-adapter-modal-list", children: [_jsx("span", { className: "wallet-adapter-modal-list-section-title", children: "Recommended" }), _jsx(WalletListItem, { handleClick: (event) => handleWalletClick(event, getStartedWallet.adapter.name), wallet: getStartedWallet }, getStartedWallet.adapter.name), (otherInstalledWallets.length > 0 ||
|
|
114
114
|
otherWallets.length > 0) && (_jsxs(_Fragment, { children: [_jsx("hr", {}), _jsx("span", { className: "wallet-adapter-modal-list-section-title", children: "Other wallets" }), otherInstalledWallets.map((wallet) => (_jsx(WalletListItem, { handleClick: (event) => handleWalletClick(event, wallet.adapter.name), wallet: wallet }, wallet.adapter.name))), otherWallets.map((wallet) => (_jsx(WalletListItem, { handleClick: (event) => handleWalletClick(event, wallet.adapter.name), wallet: wallet }, wallet.adapter.name)))] }))] })] })) : (_jsx(_Fragment, { children: _jsxs("div", { className: "wallet-adapter-modal-middle", children: [_jsx(DiscoverMidenMessage, {}), _jsx("a", { href: getStartedWallet.adapter.url, target: "_blank", rel: "noopener noreferrer", className: "wallet-adapter-modal-chrome-badge", children: _jsx("img", { src: "https://developer.chrome.com/static/docs/webstore/branding/image/HRs9MPufa1J1h5glNhut.png", alt: "Available in the Chrome Web Store" }) })] }) }))] }) }), _jsx("div", { className: "wallet-adapter-modal-overlay", onMouseDown: handleClose })] }), portal));
|
|
115
115
|
};
|
|
116
116
|
//# sourceMappingURL=WalletModal.js.map
|
package/dist/WalletModal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletModal.js","sourceRoot":"","sources":["../src/WalletModal.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"WalletModal.js","sourceRoot":"","sources":["../src/WalletModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { FC } from
|
|
2
|
-
import type { ButtonProps } from
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { ButtonProps } from "./Button";
|
|
3
3
|
export declare const WalletModalButton: FC<ButtonProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from
|
|
3
|
-
import { Button } from
|
|
4
|
-
import { useWalletModal } from
|
|
5
|
-
export const WalletModalButton = ({ children =
|
|
2
|
+
import { useCallback } from "react";
|
|
3
|
+
import { Button } from "./Button";
|
|
4
|
+
import { useWalletModal } from "./useWalletModal";
|
|
5
|
+
export const WalletModalButton = ({ children = "Select Wallet", onClick, ...props }) => {
|
|
6
6
|
const { visible, setVisible } = useWalletModal();
|
|
7
7
|
const handleClick = useCallback((event) => {
|
|
8
8
|
if (onClick)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletModalButton.js","sourceRoot":"","sources":["../src/WalletModalButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"WalletModalButton.js","sourceRoot":"","sources":["../src/WalletModalButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAoB,CAAC,EACjD,QAAQ,GAAG,eAAe,EAC1B,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAEjD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAoC,EAAE,EAAE;QACvC,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAC/B,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,WAAW,KAChB,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { FC, ReactNode } from
|
|
2
|
-
import type { WalletModalProps } from
|
|
1
|
+
import type { FC, ReactNode } from "react";
|
|
2
|
+
import type { WalletModalProps } from "./WalletModal";
|
|
3
3
|
export interface WalletModalProviderProps extends WalletModalProps {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from
|
|
3
|
-
import { WalletModalContext } from
|
|
4
|
-
import { WalletModal } from
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { WalletModalContext } from "./useWalletModal";
|
|
4
|
+
import { WalletModal } from "./WalletModal";
|
|
5
5
|
export const WalletModalProvider = ({ children, ...props }) => {
|
|
6
6
|
const [visible, setVisible] = useState(false);
|
|
7
7
|
return (_jsxs(WalletModalContext.Provider, { value: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletModalProvider.js","sourceRoot":"","sources":["../src/WalletModalProvider.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAM5C,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,
|
|
1
|
+
{"version":3,"file":"WalletModalProvider.js","sourceRoot":"","sources":["../src/WalletModalProvider.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAM5C,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,MAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,OAAO;YACP,UAAU;SACX,aAEA,QAAQ,EACR,OAAO,IAAI,KAAC,WAAW,OAAK,KAAK,GAAI,IACV,CAC/B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { FC } from
|
|
2
|
-
import type { ButtonProps } from
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { ButtonProps } from "./Button";
|
|
3
3
|
export declare const WalletMultiButton: FC<ButtonProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useMemo, useRef, useState
|
|
3
|
-
import { useWallet } from
|
|
4
|
-
import { Button } from
|
|
5
|
-
import { useWalletModal } from
|
|
6
|
-
import { WalletConnectButton } from
|
|
7
|
-
import { WalletIcon } from
|
|
8
|
-
import { WalletModalButton } from
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { useWallet } from "@miden-sdk/miden-wallet-adapter-react";
|
|
4
|
+
import { Button } from "./Button";
|
|
5
|
+
import { useWalletModal } from "./useWalletModal";
|
|
6
|
+
import { WalletConnectButton } from "./WalletConnectButton";
|
|
7
|
+
import { WalletIcon } from "./WalletIcon";
|
|
8
|
+
import { WalletModalButton } from "./WalletModalButton";
|
|
9
9
|
export const WalletMultiButton = ({ children, ...props }) => {
|
|
10
10
|
const { address, wallet, disconnect } = useWallet();
|
|
11
11
|
const { setVisible } = useWalletModal();
|
|
@@ -17,7 +17,7 @@ export const WalletMultiButton = ({ children, ...props }) => {
|
|
|
17
17
|
return children;
|
|
18
18
|
if (!wallet || !address)
|
|
19
19
|
return null;
|
|
20
|
-
const underscoreIndex = address.indexOf(
|
|
20
|
+
const underscoreIndex = address.indexOf("_");
|
|
21
21
|
const frontPart = address.slice(0, 6);
|
|
22
22
|
const middlePart = address.slice(underscoreIndex - 4, underscoreIndex);
|
|
23
23
|
return `${frontPart}...${middlePart}`;
|
|
@@ -47,11 +47,11 @@ export const WalletMultiButton = ({ children, ...props }) => {
|
|
|
47
47
|
return;
|
|
48
48
|
closeDropdown();
|
|
49
49
|
};
|
|
50
|
-
document.addEventListener(
|
|
51
|
-
document.addEventListener(
|
|
50
|
+
document.addEventListener("mousedown", listener);
|
|
51
|
+
document.addEventListener("touchstart", listener);
|
|
52
52
|
return () => {
|
|
53
|
-
document.removeEventListener(
|
|
54
|
-
document.removeEventListener(
|
|
53
|
+
document.removeEventListener("mousedown", listener);
|
|
54
|
+
document.removeEventListener("touchstart", listener);
|
|
55
55
|
};
|
|
56
56
|
}, [ref, closeDropdown]);
|
|
57
57
|
if (!wallet)
|
|
@@ -59,12 +59,12 @@ export const WalletMultiButton = ({ children, ...props }) => {
|
|
|
59
59
|
if (!address)
|
|
60
60
|
return _jsx(WalletConnectButton, { ...props, children: children });
|
|
61
61
|
return (_jsxs("div", { className: "wallet-adapter-dropdown", children: [_jsx(Button, { "aria-expanded": active, className: "wallet-adapter-button-trigger", style: {
|
|
62
|
-
pointerEvents: active ?
|
|
63
|
-
width:
|
|
64
|
-
backgroundColor:
|
|
65
|
-
border:
|
|
66
|
-
color:
|
|
67
|
-
...props.style
|
|
68
|
-
}, onClick: openDropdown, startIcon: _jsx(WalletIcon, { wallet: wallet }), ...props, children: content }), _jsxs("ul", { "aria-label": "dropdown-list", className: `wallet-adapter-dropdown-list ${active &&
|
|
62
|
+
pointerEvents: active ? "none" : "auto",
|
|
63
|
+
width: "100%",
|
|
64
|
+
backgroundColor: "#FFFFFF",
|
|
65
|
+
border: "1px solid #D7D7D7",
|
|
66
|
+
color: "black",
|
|
67
|
+
...props.style,
|
|
68
|
+
}, onClick: openDropdown, startIcon: _jsx(WalletIcon, { wallet: wallet }), ...props, children: content }), _jsxs("ul", { "aria-label": "dropdown-list", className: `wallet-adapter-dropdown-list ${active && "wallet-adapter-dropdown-list-active"}`, ref: ref, role: "menu", children: [_jsx("li", { onClick: copyAddress, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: copied ? "Copied" : "Copy address" }), _jsx("li", { onClick: openModal, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: "Change wallet" }), _jsx("li", { onClick: disconnect, className: "wallet-adapter-dropdown-list-item", role: "menuitem", children: "Disconnect" })] })] }));
|
|
69
69
|
};
|
|
70
70
|
//# sourceMappingURL=WalletMultiButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletMultiButton.js","sourceRoot":"","sources":["../src/WalletMultiButton.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"WalletMultiButton.js","sourceRoot":"","sources":["../src/WalletMultiButton.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
1
|
+
export * from "./useWalletModal";
|
|
2
|
+
export * from "./WalletConnectButton";
|
|
3
|
+
export * from "./WalletModal";
|
|
4
|
+
export * from "./WalletModalButton";
|
|
5
|
+
export * from "./WalletModalProvider";
|
|
6
|
+
export * from "./WalletDisconnectButton";
|
|
7
|
+
export * from "./WalletIcon";
|
|
8
|
+
export * from "./WalletMultiButton";
|