@pushchain/ui-kit 1.0.8-alpha.0 → 1.1.0-alpha.0
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/package.json +3 -2
- package/src/lib/components/LoginModal/index.d.ts +4 -4
- package/src/lib/components/LoginModal/index.js +44 -37
- package/src/lib/components/LoginModal/index.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.d.ts +2 -2
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js +5 -4
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/index.js +4 -4
- package/src/lib/components/PushUniversalAccountButton/index.js.map +1 -1
- package/src/lib/components/common/Spinner.js +1 -1
- package/src/lib/components/common/Spinner.js.map +1 -1
- package/src/lib/constants/environment.d.ts +7 -12
- package/src/lib/constants/environment.js +6 -12
- package/src/lib/constants/environment.js.map +1 -1
- package/src/lib/constants/index.d.ts +24 -19
- package/src/lib/constants/index.js +17 -9
- package/src/lib/constants/index.js.map +1 -1
- package/src/lib/context/WalletContext.d.ts +4 -2
- package/src/lib/context/WalletContext.js +147 -23
- package/src/lib/context/WalletContext.js.map +1 -1
- package/src/lib/helpers/wallet.helpers.d.ts +2 -0
- package/src/lib/helpers/wallet.helpers.js +6 -1
- package/src/lib/helpers/wallet.helpers.js.map +1 -1
- package/src/lib/hooks/usePushChainClient.d.ts +3 -2
- package/src/lib/hooks/usePushChainClient.js +23 -22
- package/src/lib/hooks/usePushChainClient.js.map +1 -1
- package/src/lib/index.d.ts +3 -3
- package/src/lib/providers/PushWalletProvider.d.ts +1 -1
- package/src/lib/providers/PushWalletProvider.js +5 -8
- package/src/lib/providers/PushWalletProvider.js.map +1 -1
- package/src/lib/providers/walletProviders/BaseWalletProvider.d.ts +3 -1
- package/src/lib/providers/walletProviders/BaseWalletProvider.js.map +1 -1
- package/src/lib/providers/walletProviders/ethereum/metamask.d.ts +5 -1
- package/src/lib/providers/walletProviders/ethereum/metamask.js +69 -11
- package/src/lib/providers/walletProviders/ethereum/metamask.js.map +1 -1
- package/src/lib/providers/walletProviders/helpers/address.js.map +1 -1
- package/src/lib/providers/walletProviders/solana/phantom.d.ts +5 -1
- package/src/lib/providers/walletProviders/solana/phantom.js +45 -0
- package/src/lib/providers/walletProviders/solana/phantom.js.map +1 -1
- package/src/lib/styles/token.d.ts +4 -0
- package/src/lib/styles/token.js +4 -0
- package/src/lib/styles/token.js.map +1 -1
- package/src/lib/types/PushWalletProvider.types.d.ts +14 -6
- package/src/lib/types/wallet.types.d.ts +14 -5
- package/src/lib/types/wallet.types.js +1 -1
- package/src/lib/types/wallet.types.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushchain/ui-kit",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0-alpha.0",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"@metamask/sdk": "^0.32.0",
|
|
6
|
-
"@pushchain/
|
|
6
|
+
"@pushchain/core": "^0.1.15",
|
|
7
|
+
"@solana/web3.js": "^1.98.2",
|
|
7
8
|
"ethers": "^6.13.5",
|
|
8
9
|
"tslib": "^2.3.0",
|
|
9
10
|
"viem": "^2.23.9"
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { ModalAppDetails, ProviderConfigProps,
|
|
2
|
+
import { PushUI } from '../../constants';
|
|
3
|
+
import { ModalAppDetails, ProviderConfigProps, UniversalAccount } from '../../types';
|
|
4
4
|
type LoginModalProps = {
|
|
5
5
|
iframeRef: React.MutableRefObject<HTMLIFrameElement | null>;
|
|
6
|
-
themeMode?: typeof CONSTANTS.THEME.LIGHT | typeof CONSTANTS.THEME.DARK;
|
|
6
|
+
themeMode?: typeof PushUI.CONSTANTS.THEME.LIGHT | typeof PushUI.CONSTANTS.THEME.DARK;
|
|
7
7
|
isWalletVisible: boolean;
|
|
8
8
|
isIframeLoading: boolean;
|
|
9
9
|
setIframeLoading: (isIframeLoading: boolean) => void;
|
|
10
10
|
sendWalletConfig: () => void;
|
|
11
11
|
modalAppData: ModalAppDetails | undefined;
|
|
12
12
|
config: ProviderConfigProps;
|
|
13
|
-
|
|
13
|
+
universalAccount: UniversalAccount | null;
|
|
14
14
|
isWalletMinimised: boolean;
|
|
15
15
|
setMinimiseWallet: (isWalletMinimised: boolean) => void;
|
|
16
16
|
handleUserLogOutEvent: () => void;
|
|
@@ -3,28 +3,41 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.LoginModal = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
6
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
8
|
const common_1 = require("../../components/common");
|
|
8
9
|
const constants_1 = require("../../constants");
|
|
9
|
-
const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = constants_1.CONSTANTS.THEME.DARK, modalAppData, setIframeLoading, sendWalletConfig,
|
|
10
|
+
const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = constants_1.PushUI.CONSTANTS.THEME.DARK, modalAppData, setIframeLoading, sendWalletConfig, universalAccount, isWalletMinimised, setMinimiseWallet, handleUserLogOutEvent, config, }) => {
|
|
10
11
|
const { modal } = config;
|
|
11
|
-
|
|
12
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
13
|
+
(0, react_1.useEffect)(() => {
|
|
14
|
+
const handleOutsideClick = (event) => {
|
|
15
|
+
if (containerRef.current &&
|
|
16
|
+
!containerRef.current.contains(event.target)) {
|
|
17
|
+
setMinimiseWallet(!isWalletMinimised);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
document.addEventListener('mousedown', handleOutsideClick);
|
|
21
|
+
return () => document.removeEventListener('mousedown', handleOutsideClick);
|
|
22
|
+
}, []);
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { ref: containerRef, isWalletMinimised: isWalletMinimised, universalAccount: universalAccount, themeMode: themeMode ? themeMode : constants_1.PushUI.CONSTANTS.THEME.DARK, accountMenuVariant: modal === null || modal === void 0 ? void 0 : modal.connectedLayout, modalDefaults: modal, children: [isIframeLoading && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { themeMode: themeMode ? themeMode : constants_1.PushUI.CONSTANTS.THEME.DARK, children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
12
24
|
handleUserLogOutEvent();
|
|
13
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, {
|
|
25
|
+
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, { universalAccount: universalAccount, children: universalAccount ? ((0, jsx_runtime_1.jsx)(DashButtonContainer, { onClick: () => setMinimiseWallet(true), children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "18px", width: "18px", color: "var(--pw-int-text-primary-color)" }) })) : ((0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
14
26
|
handleUserLogOutEvent();
|
|
15
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color:
|
|
27
|
+
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: "var(--pw-int-text-primary-color)" }) })) }), (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [(modal === null || modal === void 0 ? void 0 : modal.appPreview) &&
|
|
16
28
|
modalAppData &&
|
|
17
|
-
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.CONSTANTS.LOGIN.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, {
|
|
29
|
+
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.PushUI.CONSTANTS.LOGIN.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, { universalAccount: universalAccount, children: (0, jsx_runtime_1.jsxs)(AppContainer, { children: [(modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL) && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL, alt: modalAppData.title }) })), (0, jsx_runtime_1.jsxs)(TextContainer, { themeMode: themeMode ? themeMode : constants_1.PushUI.CONSTANTS.THEME.DARK, textColor: themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
18
30
|
? '#F5F6F8'
|
|
19
|
-
: '#17181b', children: [(0, jsx_runtime_1.jsx)(Heading, { children: modalAppData.title }), (0, jsx_runtime_1.jsx)(Description, { children: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.description })] })] }) })), (0, jsx_runtime_1.jsx)(MainFrameContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${constants_1.WALLET_CONFIG_URL[config.
|
|
31
|
+
: '#17181b', children: [(0, jsx_runtime_1.jsx)(Heading, { children: modalAppData.title }), (0, jsx_runtime_1.jsx)(Description, { children: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.description })] })] }) })), (0, jsx_runtime_1.jsx)(MainFrameContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${constants_1.WALLET_CONFIG_URL[config.network]}/auth?app=${window.location.origin}`, allow: "publickey-credentials-create; publickey-credentials-get; *", ref: iframeRef, style: {
|
|
20
32
|
border: 'none',
|
|
21
33
|
width: '-webkit-fill-available',
|
|
22
|
-
height:
|
|
23
|
-
? (modal === null || modal === void 0 ? void 0 : modal.connectedLayout) ===
|
|
34
|
+
height: universalAccount
|
|
35
|
+
? (modal === null || modal === void 0 ? void 0 : modal.connectedLayout) ===
|
|
36
|
+
constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
24
37
|
? '100vh'
|
|
25
38
|
: '675px'
|
|
26
39
|
: '100vh',
|
|
27
|
-
borderRadius:
|
|
40
|
+
borderRadius: universalAccount ? '10px' : '0px',
|
|
28
41
|
}, onLoad: () => {
|
|
29
42
|
setIframeLoading(false);
|
|
30
43
|
sendWalletConfig();
|
|
@@ -32,49 +45,45 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
32
45
|
};
|
|
33
46
|
exports.LoginModal = LoginModal;
|
|
34
47
|
const FrameContainer = styled_components_1.default.div `
|
|
35
|
-
position:
|
|
36
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
37
|
-
? 'fixed'
|
|
38
|
-
: 'absolute'
|
|
39
|
-
: 'fixed'};
|
|
48
|
+
position: fixed;
|
|
40
49
|
display: flex;
|
|
41
50
|
flex-direction: column;
|
|
42
51
|
background-image: url(${({ modalDefaults }) => modalDefaults === null || modalDefaults === void 0 ? void 0 : modalDefaults.bgImage});
|
|
43
52
|
background-size: cover;
|
|
44
53
|
background-color: var(--pw-int-bg-primary-color);
|
|
45
|
-
border-radius: 10px;
|
|
54
|
+
border-radius: ${({ universalAccount }) => universalAccount ? '10px' : 'unset'};
|
|
46
55
|
z-index: 9999;
|
|
47
56
|
|
|
48
|
-
width: ${({
|
|
57
|
+
width: ${({ universalAccount, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
49
58
|
? '0px'
|
|
50
|
-
:
|
|
51
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
59
|
+
: universalAccount
|
|
60
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
52
61
|
? '100%'
|
|
53
62
|
: '450px'
|
|
54
63
|
: '100vw'};
|
|
55
|
-
height: ${({
|
|
64
|
+
height: ${({ universalAccount, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
56
65
|
? '0px'
|
|
57
|
-
:
|
|
58
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
66
|
+
: universalAccount
|
|
67
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
59
68
|
? '100vw'
|
|
60
69
|
: '675px'
|
|
61
70
|
: '100vh'};
|
|
62
|
-
right: ${({
|
|
63
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
71
|
+
right: ${({ universalAccount, accountMenuVariant }) => universalAccount
|
|
72
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
64
73
|
? '0'
|
|
65
74
|
: '10px'
|
|
66
75
|
: '0'};
|
|
67
|
-
top: ${({
|
|
68
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
76
|
+
top: ${({ universalAccount, accountMenuVariant }) => universalAccount
|
|
77
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
69
78
|
? '0'
|
|
70
79
|
: '70px'
|
|
71
80
|
: '0'};
|
|
72
81
|
|
|
73
82
|
@media (max-width: 425px) {
|
|
74
|
-
width: ${({
|
|
75
|
-
right: ${({
|
|
76
|
-
top: ${({
|
|
77
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
83
|
+
width: ${({ universalAccount, isWalletMinimised }) => isWalletMinimised ? '0px' : universalAccount ? '96%' : '100%'};
|
|
84
|
+
right: ${({ universalAccount }) => (universalAccount ? '2%' : '0')};
|
|
85
|
+
top: ${({ universalAccount, accountMenuVariant }) => universalAccount
|
|
86
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
78
87
|
? '0'
|
|
79
88
|
: '8%'
|
|
80
89
|
: '0'};
|
|
@@ -92,11 +101,9 @@ const DashButtonContainer = styled_components_1.default.div `
|
|
|
92
101
|
align-items: center;
|
|
93
102
|
justify-content: center;
|
|
94
103
|
cursor: pointer;
|
|
95
|
-
border-radius: 1000px;
|
|
96
104
|
height: 20px;
|
|
97
105
|
width: 20px;
|
|
98
106
|
padding: 2px;
|
|
99
|
-
background-color: #ff0000;
|
|
100
107
|
`;
|
|
101
108
|
const LoadingTextContainer = styled_components_1.default.div `
|
|
102
109
|
display: flex;
|
|
@@ -121,8 +128,8 @@ const FrameLoadingContainer = styled_components_1.default.div `
|
|
|
121
128
|
flex-direction: column;
|
|
122
129
|
display: flex;
|
|
123
130
|
padding: 8px;
|
|
124
|
-
color:
|
|
125
|
-
background-color:
|
|
131
|
+
color: var(--pw-int-text-primary-color);
|
|
132
|
+
background-color: var(--pw-int-bg-primary-color);
|
|
126
133
|
`;
|
|
127
134
|
const FrameSubContainer = styled_components_1.default.div `
|
|
128
135
|
display: ${({ isWalletMinimised, isIframeLoading }) => isWalletMinimised || isIframeLoading ? 'none' : 'flex'};
|
|
@@ -139,15 +146,15 @@ const AccountContainer = styled_components_1.default.div `
|
|
|
139
146
|
right: 4px;
|
|
140
147
|
justify-content: flex-end;
|
|
141
148
|
padding: var(--spacing-xxs) var(--spacing-xxs);
|
|
142
|
-
border-top-right-radius: ${({
|
|
143
|
-
border-top-left-radius: ${({
|
|
149
|
+
border-top-right-radius: ${({ universalAccount }) => universalAccount ? '10px' : '0px'};
|
|
150
|
+
border-top-left-radius: ${({ universalAccount }) => universalAccount ? '10px' : '0px'};
|
|
144
151
|
background-color: transparent;
|
|
145
152
|
`;
|
|
146
153
|
const SplitContainer = styled_components_1.default.div `
|
|
147
154
|
display: flex;
|
|
148
155
|
`;
|
|
149
156
|
const AppPreviewContainer = styled_components_1.default.div `
|
|
150
|
-
display: ${({
|
|
157
|
+
display: ${({ universalAccount }) => (universalAccount ? 'none' : 'flex')};
|
|
151
158
|
align-items: center;
|
|
152
159
|
justify-content: center;
|
|
153
160
|
flex: 1;
|
|
@@ -190,7 +197,7 @@ const TextContainer = styled_components_1.default.div `
|
|
|
190
197
|
font-size: 16px;
|
|
191
198
|
font-weight: 400;
|
|
192
199
|
line-height: 22px;
|
|
193
|
-
color: ${({ themeMode, textColor }) => themeMode === constants_1.CONSTANTS.THEME.LIGHT
|
|
200
|
+
color: ${({ themeMode, textColor }) => themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
194
201
|
? textColor
|
|
195
202
|
? textColor
|
|
196
203
|
: '#17181b'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { UniversalAccount } from '../../types';
|
|
3
3
|
type TogglePushWalletButtonProps = {
|
|
4
4
|
uid?: string;
|
|
5
|
-
|
|
5
|
+
universalAccount: UniversalAccount;
|
|
6
6
|
};
|
|
7
7
|
declare const TogglePushWalletButton: React.FC<TogglePushWalletButtonProps>;
|
|
8
8
|
export { TogglePushWalletButton };
|
|
@@ -6,10 +6,11 @@ const usePushWallet_1 = require("../../hooks/usePushWallet");
|
|
|
6
6
|
const common_1 = require("../common");
|
|
7
7
|
const helpers_1 = require("../../helpers");
|
|
8
8
|
const constants_1 = require("../../constants");
|
|
9
|
-
const TogglePushWalletButton = ({ uid,
|
|
9
|
+
const TogglePushWalletButton = ({ uid, universalAccount, }) => {
|
|
10
10
|
const { setMinimiseWallet, isWalletMinimised } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
11
|
-
const {
|
|
12
|
-
function getChainIcon(
|
|
11
|
+
const { chain, address } = universalAccount;
|
|
12
|
+
function getChainIcon(chain) {
|
|
13
|
+
const chainId = (0, helpers_1.getChainId)(chain);
|
|
13
14
|
if (!chainId) {
|
|
14
15
|
return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
|
|
15
16
|
}
|
|
@@ -22,7 +23,7 @@ const TogglePushWalletButton = ({ uid, universalAddress, }) => {
|
|
|
22
23
|
}
|
|
23
24
|
}
|
|
24
25
|
const maskedAddress = (0, helpers_1.centerMaskString)(address);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgColor: "var(--pwauth-btn-connected-bg-color)", textColor: "var(--pwauth-btn-connected-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", children: [getChainIcon(
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgColor: "var(--pwauth-btn-connected-bg-color)", textColor: "var(--pwauth-btn-connected-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", children: [getChainIcon(chain), maskedAddress, (0, jsx_runtime_1.jsx)(common_1.PushLogo, {})] }) }));
|
|
26
27
|
};
|
|
27
28
|
exports.TogglePushWalletButton = TogglePushWalletButton;
|
|
28
29
|
//# sourceMappingURL=TogglePushWalletButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;AACA,6DAAiE;AAEjE,sCAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;AACA,6DAAiE;AAEjE,sCAA2D;AAC3D,2CAA6D;AAC7D,+CAA6C;AAO7C,MAAM,sBAAsB,GAA0C,CAAC,EACrE,GAAG,EACH,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;IAE5C,SAAS,YAAY,CAAC,KAAY;QAChC,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;QACD,MAAM,aAAa,GAAG,sBAAU,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,uBAAC,aAAa,KAAG,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,0BAAgB,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,2DACE,wBAAC,eAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACpD,OAAO,EAAC,sCAAsC,EAC9C,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAC,yCAAyC,aAErD,YAAY,CAAC,KAAK,CAAC,EACnB,aAAa,EACd,uBAAC,iBAAQ,KAAG,IACL,GACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEO,wDAAsB"}
|
|
@@ -10,8 +10,8 @@ const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
|
|
|
10
10
|
const styled_components_1 = require("styled-components");
|
|
11
11
|
const token_1 = require("../../styles/token");
|
|
12
12
|
const theme_1 = require("../../utils/theme");
|
|
13
|
-
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect
|
|
14
|
-
const {
|
|
13
|
+
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Account', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
|
|
14
|
+
const { universalAccount, themeOverrides, themeMode, updateModalAppData, updateWalletAppData, } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
15
15
|
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
16
16
|
:root{
|
|
17
17
|
${(props) => {
|
|
@@ -32,11 +32,11 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
32
32
|
updateWalletAppData(loginAppOverride);
|
|
33
33
|
}, []);
|
|
34
34
|
const Component = () => {
|
|
35
|
-
if (
|
|
35
|
+
if (universalAccount) {
|
|
36
36
|
// Merge props with buttonDefaults, giving priority to direct props
|
|
37
37
|
const toggleButtonProps = {
|
|
38
38
|
uid: uid,
|
|
39
|
-
|
|
39
|
+
universalAccount: universalAccount,
|
|
40
40
|
};
|
|
41
41
|
return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, Object.assign({}, toggleButtonProps));
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAAqE;AAErE,8CAAwD;AACxD,6CAAuD;AAYvD,MAAM,0BAA0B,GAAwC,CAAC,EACvE,GAAG,GAAG,SAAS,EACf,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAAqE;AAErE,8CAAwD;AACxD,6CAAuD;AAYvD,MAAM,0BAA0B,GAAwC,CAAC,EACvE,GAAG,GAAG,SAAS,EACf,iBAAiB,GAAG,iBAAiB,EACrC,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EAAE,oBAAoB,GACrC,EAAE,EAAE;IACH,MAAM,EACJ,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,mBAAmB,GACpB,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG,IAAA,qCAAiB,EAAA;;QAE/B,CAAC,KAAK,EAAE,EAAE;QACV,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClD,MAAM,WAAW,GAAG,SAAS,KAAK,OAAO,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAyB,cAAc,EAAlC,eAAe,kBAAK,cAAc,EAApD,iBAAmC,CAAiB,CAAC;QAC3D,MAAM,SAAS,iDACV,0BAAkB,GAClB,IAAA,0BAAkB,EAAC,eAAe,CAAC,GACnC,IAAA,0BAAkB,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAClD,CAAC;QACF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;aAC1C,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;;GAEJ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB;YAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAC3D,IAAI,gBAAgB;YAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,gBAAgB,EAAE,CAAC;YACrB,mEAAmE;YACnE,MAAM,iBAAiB,GAAG;gBACxB,GAAG,EAAE,GAAG;gBACR,gBAAgB,EAAE,gBAAgB;aACnC,CAAC;YAEF,OAAO,uBAAC,+CAAsB,oBAAK,iBAAiB,EAAI,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,mEAAmE;YACnE,MAAM,kBAAkB,GAAG;gBACzB,GAAG,EAAE,GAAG;gBACR,iBAAiB;gBACjB,gBAAgB;aACjB,CAAC;YAEF,OAAO,uBAAC,yCAAmB,oBAAK,kBAAkB,EAAI,CAAC;QACzD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iCAAa,IACZ,KAAK,EAAE;YACL,SAAS;YACT,cAAc,kCAAO,cAAc,GAAK,oBAAoB,CAAE;SAC/D,aAED,uBAAC,WAAW,KAAG,EACf,uBAAC,SAAS,KAAG,IACC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEO,gEAA0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Spinner.tsx"],"names":[],"mappings":";;;;AACA,+EAAsD;AACtD,mCAAkC;AAElC,uCAAuC;AACvC,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOrB,CAAC;AAEF,mCAAmC;AACnC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;eAIb,IAAI;;;;CAIlB,CAAC;AAEF,+BAA+B;AAC/B,MAAM,OAAO,GAAG,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Spinner.tsx"],"names":[],"mappings":";;;;AACA,+EAAsD;AACtD,mCAAkC;AAElC,uCAAuC;AACvC,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOrB,CAAC;AAEF,mCAAmC;AACnC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;eAIb,IAAI;;;;CAIlB,CAAC;AAEF,+BAA+B;AAC/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,uBAAC,SAAS,cACR,uBAAC,eAAO,KAAG,GACD,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
MAINNET = "MAINNET",
|
|
3
|
-
DEVNET = "DEVNET",
|
|
4
|
-
TESTNET = "TESTNET",
|
|
5
|
-
LOCAL = "LOCAL"
|
|
6
|
-
}
|
|
1
|
+
import { PushChain } from '@pushchain/core';
|
|
7
2
|
export type ConfigType = {
|
|
8
3
|
WALLET_URL: {
|
|
9
|
-
[
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
4
|
+
[PushChain.CONSTANTS.PUSH_NETWORK.MAINNET]: string;
|
|
5
|
+
[PushChain.CONSTANTS.PUSH_NETWORK.TESTNET]: string;
|
|
6
|
+
[PushChain.CONSTANTS.PUSH_NETWORK.TESTNET_DONUT]: string;
|
|
7
|
+
[PushChain.CONSTANTS.PUSH_NETWORK.LOCALNET]: string;
|
|
13
8
|
};
|
|
14
9
|
};
|
|
15
10
|
export declare const WALLET_CONFIG_URL: {
|
|
16
11
|
MAINNET: string;
|
|
17
|
-
DEVNET: string;
|
|
18
12
|
TESTNET: string;
|
|
19
|
-
|
|
13
|
+
TESTNET_DONUT: string;
|
|
14
|
+
LOCALNET: string;
|
|
20
15
|
};
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WALLET_CONFIG_URL =
|
|
4
|
-
|
|
5
|
-
(function (ENV) {
|
|
6
|
-
ENV["MAINNET"] = "MAINNET";
|
|
7
|
-
ENV["DEVNET"] = "DEVNET";
|
|
8
|
-
ENV["TESTNET"] = "TESTNET";
|
|
9
|
-
ENV["LOCAL"] = "LOCAL";
|
|
10
|
-
})(ENV || (exports.ENV = ENV = {}));
|
|
3
|
+
exports.WALLET_CONFIG_URL = void 0;
|
|
4
|
+
const core_1 = require("@pushchain/core");
|
|
11
5
|
exports.WALLET_CONFIG_URL = {
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[
|
|
15
|
-
[
|
|
6
|
+
[core_1.PushChain.CONSTANTS.PUSH_NETWORK.MAINNET]: 'https://wallet.push.org',
|
|
7
|
+
[core_1.PushChain.CONSTANTS.PUSH_NETWORK.TESTNET]: 'https://wallet-alpha.push.org',
|
|
8
|
+
[core_1.PushChain.CONSTANTS.PUSH_NETWORK.TESTNET_DONUT]: 'https://wallet-alpha.push.org',
|
|
9
|
+
[core_1.PushChain.CONSTANTS.PUSH_NETWORK.LOCALNET]: 'http://localhost:5173',
|
|
16
10
|
};
|
|
17
11
|
//# sourceMappingURL=environment.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"environment.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/constants/environment.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"environment.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/constants/environment.ts"],"names":[],"mappings":";;;AAAA,0CAA4C;AAW/B,QAAA,iBAAiB,GAAG;IAC/B,CAAC,gBAAS,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,yBAAyB;IACrE,CAAC,gBAAS,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,+BAA+B;IAC3E,CAAC,gBAAS,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,EAC9C,+BAA+B;IACjC,CAAC,gBAAS,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,uBAAuB;CACrE,CAAC"}
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
export declare const PushUI: {
|
|
2
|
+
CONSTANTS: {
|
|
3
|
+
NETWORK: typeof import("@pushchain/core/src/lib/constants/enums").PUSH_NETWORK;
|
|
4
|
+
CHAIN: {
|
|
5
|
+
ETHEREUM: string;
|
|
6
|
+
SOLANA: string;
|
|
7
|
+
};
|
|
8
|
+
THEME: {
|
|
9
|
+
LIGHT: string;
|
|
10
|
+
DARK: string;
|
|
11
|
+
};
|
|
12
|
+
LOGIN: {
|
|
13
|
+
SPLIT: string;
|
|
14
|
+
SIMPLE: string;
|
|
15
|
+
};
|
|
16
|
+
CONNECTED: {
|
|
17
|
+
FULL: string;
|
|
18
|
+
HOVER: string;
|
|
19
|
+
};
|
|
19
20
|
};
|
|
20
21
|
};
|
|
21
22
|
export declare enum WALLET_TO_APP_ACTION {
|
|
@@ -24,12 +25,16 @@ export declare enum WALLET_TO_APP_ACTION {
|
|
|
24
25
|
APP_CONNECTION_REJECTED = "appConnectionRejected",
|
|
25
26
|
IS_LOGGED_IN = "isLoggedIn",
|
|
26
27
|
IS_LOGGED_OUT = "loggedOut",
|
|
27
|
-
|
|
28
|
+
SIGN_MESSAGE = "signatureMessage",
|
|
29
|
+
SIGN_TRANSACTION = "signatureTransaction",
|
|
30
|
+
SIGN_TYPED_DATA = "signatureTypedData",
|
|
28
31
|
ERROR = "error"
|
|
29
32
|
}
|
|
30
33
|
export declare enum APP_TO_WALLET_ACTION {
|
|
31
34
|
NEW_CONNECTION_REQUEST = "newConnectionRequest",
|
|
32
35
|
SIGN_MESSAGE = "signMessage",
|
|
36
|
+
SIGN_TRANSACTION = "signTransaction",
|
|
37
|
+
SIGN_TYPED_DATA = "signTypedData",
|
|
33
38
|
LOG_OUT = "logOut",
|
|
34
39
|
CONNECTION_STATUS = "connectionStatus",
|
|
35
40
|
WALLET_CONFIG = "walletConfig"
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CHAIN_LOGO = exports.APP_TO_WALLET_ACTION = exports.WALLET_TO_APP_ACTION = exports.
|
|
3
|
+
exports.CHAIN_LOGO = exports.APP_TO_WALLET_ACTION = exports.WALLET_TO_APP_ACTION = exports.PushUI = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const core_1 = require("@pushchain/core");
|
|
5
6
|
const common_1 = require("../components/common");
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
exports.PushUI = {
|
|
8
|
+
CONSTANTS: {
|
|
9
|
+
NETWORK: core_1.PushChain.CONSTANTS.PUSH_NETWORK,
|
|
10
|
+
CHAIN: { ETHEREUM: 'ethereum', SOLANA: 'solana' },
|
|
11
|
+
THEME: { LIGHT: 'light', DARK: 'dark' },
|
|
12
|
+
LOGIN: { SPLIT: 'split', SIMPLE: 'simple' },
|
|
13
|
+
CONNECTED: { FULL: 'full', HOVER: 'hover' },
|
|
14
|
+
},
|
|
13
15
|
};
|
|
14
16
|
// events send by wallet to the dapp
|
|
15
17
|
var WALLET_TO_APP_ACTION;
|
|
@@ -19,7 +21,9 @@ var WALLET_TO_APP_ACTION;
|
|
|
19
21
|
WALLET_TO_APP_ACTION["APP_CONNECTION_REJECTED"] = "appConnectionRejected";
|
|
20
22
|
WALLET_TO_APP_ACTION["IS_LOGGED_IN"] = "isLoggedIn";
|
|
21
23
|
WALLET_TO_APP_ACTION["IS_LOGGED_OUT"] = "loggedOut";
|
|
22
|
-
WALLET_TO_APP_ACTION["
|
|
24
|
+
WALLET_TO_APP_ACTION["SIGN_MESSAGE"] = "signatureMessage";
|
|
25
|
+
WALLET_TO_APP_ACTION["SIGN_TRANSACTION"] = "signatureTransaction";
|
|
26
|
+
WALLET_TO_APP_ACTION["SIGN_TYPED_DATA"] = "signatureTypedData";
|
|
23
27
|
WALLET_TO_APP_ACTION["ERROR"] = "error";
|
|
24
28
|
})(WALLET_TO_APP_ACTION || (exports.WALLET_TO_APP_ACTION = WALLET_TO_APP_ACTION = {}));
|
|
25
29
|
// events send by dapp to the wallet
|
|
@@ -27,6 +31,8 @@ var APP_TO_WALLET_ACTION;
|
|
|
27
31
|
(function (APP_TO_WALLET_ACTION) {
|
|
28
32
|
APP_TO_WALLET_ACTION["NEW_CONNECTION_REQUEST"] = "newConnectionRequest";
|
|
29
33
|
APP_TO_WALLET_ACTION["SIGN_MESSAGE"] = "signMessage";
|
|
34
|
+
APP_TO_WALLET_ACTION["SIGN_TRANSACTION"] = "signTransaction";
|
|
35
|
+
APP_TO_WALLET_ACTION["SIGN_TYPED_DATA"] = "signTypedData";
|
|
30
36
|
APP_TO_WALLET_ACTION["LOG_OUT"] = "logOut";
|
|
31
37
|
APP_TO_WALLET_ACTION["CONNECTION_STATUS"] = "connectionStatus";
|
|
32
38
|
APP_TO_WALLET_ACTION["WALLET_CONFIG"] = "walletConfig";
|
|
@@ -49,6 +55,8 @@ exports.CHAIN_LOGO = {
|
|
|
49
55
|
'5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp': common_1.SolanaMonotone, // mainnet
|
|
50
56
|
'4uhcVJyU9pJkvQyS88uRDiswHXSCkY3z': common_1.SolanaMonotone, // testnet
|
|
51
57
|
EtWTRABZaYq6iMfeYKouRu166VU2xqa1: common_1.SolanaMonotone, // devnet
|
|
58
|
+
9: common_1.PushMonotone,
|
|
59
|
+
9000: common_1.PushMonotone,
|
|
52
60
|
devnet: common_1.PushMonotone,
|
|
53
61
|
};
|
|
54
62
|
tslib_1.__exportStar(require("./environment"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/constants/index.ts"],"names":[],"mappings":";;;;AAAA,iDAS8B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/constants/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA4C;AAC5C,iDAS8B;AAEjB,QAAA,MAAM,GAAG;IACpB,SAAS,EAAE;QACT,OAAO,EAAE,gBAAS,CAAC,SAAS,CAAC,YAAY;QACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE;QACjD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;QACvC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;KAC5C;CACF,CAAC;AAEF,oCAAoC;AACpC,IAAY,oBAaX;AAbD,WAAY,oBAAoB;IAC9B,iEAAyC,CAAA;IAEzC,uEAA+C,CAAA;IAC/C,yEAAiD,CAAA;IAEjD,mDAA2B,CAAA;IAC3B,mDAA2B,CAAA;IAE3B,yDAAiC,CAAA;IACjC,iEAAyC,CAAA;IACzC,8DAAsC,CAAA;IACtC,uCAAe,CAAA;AACjB,CAAC,EAbW,oBAAoB,oCAApB,oBAAoB,QAa/B;AAED,oCAAoC;AACpC,IAAY,oBASX;AATD,WAAY,oBAAoB;IAC9B,uEAA+C,CAAA;IAC/C,oDAA4B,CAAA;IAC5B,4DAAoC,CAAA;IACpC,yDAAiC,CAAA;IACjC,0CAAkB,CAAA;IAElB,8DAAsC,CAAA;IACtC,sDAA8B,CAAA;AAChC,CAAC,EATW,oBAAoB,oCAApB,oBAAoB,QAS/B;AAEY,QAAA,UAAU,GAAmD;IACxE,CAAC,EAAE,yBAAgB;IACnB,QAAQ,EAAE,yBAAgB;IAC1B,GAAG,EAAE,wBAAe;IACpB,KAAK,EAAE,wBAAe;IACtB,EAAE,EAAE,oBAAW;IACf,EAAE,EAAE,oBAAW;IACf,KAAK,EAAE,yBAAgB;IACvB,MAAM,EAAE,yBAAgB;IACxB,QAAQ,EAAE,yBAAgB;IAC1B,EAAE,EAAE,yBAAgB;IACpB,IAAI,EAAE,wBAAe;IACrB,IAAI,EAAE,wBAAe;IACrB,KAAK,EAAE,0BAAiB;IACxB,KAAK,EAAE,0BAAiB;IACxB,kCAAkC,EAAE,uBAAc,EAAE,UAAU;IAC9D,kCAAkC,EAAE,uBAAc,EAAE,UAAU;IAC9D,gCAAgC,EAAE,uBAAc,EAAE,SAAS;IAC3D,CAAC,EAAE,qBAAY;IACf,IAAI,EAAE,qBAAY;IAClB,MAAM,EAAE,qBAAY;CACrB,CAAC;AAEF,wDAA8B"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import { ConnectionStatus, ModalAppDetails, PushWalletProviderProps,
|
|
2
|
+
import { ConnectionStatus, ModalAppDetails, PushWalletProviderProps, UniversalAccount, WalletAppDetails, ThemeMode, ITypedData } from '../types';
|
|
3
3
|
import { ThemeOverrides } from '../styles/token';
|
|
4
4
|
export type WalletContextType = {
|
|
5
|
-
|
|
5
|
+
universalAccount: UniversalAccount | null;
|
|
6
6
|
connectionStatus: ConnectionStatus;
|
|
7
7
|
isWalletMinimised: boolean;
|
|
8
8
|
setMinimiseWallet: (isWalletMinimised: boolean) => void;
|
|
9
9
|
handleConnectToPushWallet: () => void;
|
|
10
10
|
handleUserLogOutEvent: () => void;
|
|
11
11
|
handleSignMessage: (data: Uint8Array) => Promise<Uint8Array>;
|
|
12
|
+
handleSignTransaction: (data: Uint8Array) => Promise<Uint8Array>;
|
|
13
|
+
handleSignTypedData: (data: ITypedData) => Promise<Uint8Array>;
|
|
12
14
|
config: PushWalletProviderProps['config'];
|
|
13
15
|
app?: PushWalletProviderProps['app'];
|
|
14
16
|
modalAppData: ModalAppDetails | undefined;
|