@pushchain/ui-kit 1.0.9 → 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 -3
- package/src/lib/components/LoginModal/index.d.ts +4 -4
- package/src/lib/components/LoginModal/index.js +28 -27
- 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 +3 -3
- 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.js +3 -3
- 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 +2 -0
- package/src/lib/styles/token.js +2 -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,10 +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/core": "^0.1.
|
|
7
|
-
"@
|
|
6
|
+
"@pushchain/core": "^0.1.15",
|
|
7
|
+
"@solana/web3.js": "^1.98.2",
|
|
8
8
|
"ethers": "^6.13.5",
|
|
9
9
|
"tslib": "^2.3.0",
|
|
10
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;
|
|
@@ -7,7 +7,7 @@ const react_1 = require("react");
|
|
|
7
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
8
|
const common_1 = require("../../components/common");
|
|
9
9
|
const constants_1 = require("../../constants");
|
|
10
|
-
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, }) => {
|
|
11
11
|
const { modal } = config;
|
|
12
12
|
const containerRef = (0, react_1.useRef)(null);
|
|
13
13
|
(0, react_1.useEffect)(() => {
|
|
@@ -20,23 +20,24 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
20
20
|
document.addEventListener('mousedown', handleOutsideClick);
|
|
21
21
|
return () => document.removeEventListener('mousedown', handleOutsideClick);
|
|
22
22
|
}, []);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { ref: containerRef, isWalletMinimised: isWalletMinimised,
|
|
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: () => {
|
|
24
24
|
handleUserLogOutEvent();
|
|
25
|
-
}, 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: () => {
|
|
26
26
|
handleUserLogOutEvent();
|
|
27
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) &&
|
|
28
28
|
modalAppData &&
|
|
29
|
-
(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
|
|
30
30
|
? '#F5F6F8'
|
|
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.
|
|
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: {
|
|
32
32
|
border: 'none',
|
|
33
33
|
width: '-webkit-fill-available',
|
|
34
|
-
height:
|
|
35
|
-
? (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
|
|
36
37
|
? '100vh'
|
|
37
38
|
: '675px'
|
|
38
39
|
: '100vh',
|
|
39
|
-
borderRadius:
|
|
40
|
+
borderRadius: universalAccount ? '10px' : '0px',
|
|
40
41
|
}, onLoad: () => {
|
|
41
42
|
setIframeLoading(false);
|
|
42
43
|
sendWalletConfig();
|
|
@@ -50,39 +51,39 @@ const FrameContainer = styled_components_1.default.div `
|
|
|
50
51
|
background-image: url(${({ modalDefaults }) => modalDefaults === null || modalDefaults === void 0 ? void 0 : modalDefaults.bgImage});
|
|
51
52
|
background-size: cover;
|
|
52
53
|
background-color: var(--pw-int-bg-primary-color);
|
|
53
|
-
border-radius: ${({
|
|
54
|
+
border-radius: ${({ universalAccount }) => universalAccount ? '10px' : 'unset'};
|
|
54
55
|
z-index: 9999;
|
|
55
56
|
|
|
56
|
-
width: ${({
|
|
57
|
+
width: ${({ universalAccount, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
57
58
|
? '0px'
|
|
58
|
-
:
|
|
59
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
59
|
+
: universalAccount
|
|
60
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
60
61
|
? '100%'
|
|
61
62
|
: '450px'
|
|
62
63
|
: '100vw'};
|
|
63
|
-
height: ${({
|
|
64
|
+
height: ${({ universalAccount, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
64
65
|
? '0px'
|
|
65
|
-
:
|
|
66
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
66
|
+
: universalAccount
|
|
67
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
67
68
|
? '100vw'
|
|
68
69
|
: '675px'
|
|
69
70
|
: '100vh'};
|
|
70
|
-
right: ${({
|
|
71
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
71
|
+
right: ${({ universalAccount, accountMenuVariant }) => universalAccount
|
|
72
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
72
73
|
? '0'
|
|
73
74
|
: '10px'
|
|
74
75
|
: '0'};
|
|
75
|
-
top: ${({
|
|
76
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
76
|
+
top: ${({ universalAccount, accountMenuVariant }) => universalAccount
|
|
77
|
+
? accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.FULL
|
|
77
78
|
? '0'
|
|
78
79
|
: '70px'
|
|
79
80
|
: '0'};
|
|
80
81
|
|
|
81
82
|
@media (max-width: 425px) {
|
|
82
|
-
width: ${({
|
|
83
|
-
right: ${({
|
|
84
|
-
top: ${({
|
|
85
|
-
? 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
|
|
86
87
|
? '0'
|
|
87
88
|
: '8%'
|
|
88
89
|
: '0'};
|
|
@@ -145,15 +146,15 @@ const AccountContainer = styled_components_1.default.div `
|
|
|
145
146
|
right: 4px;
|
|
146
147
|
justify-content: flex-end;
|
|
147
148
|
padding: var(--spacing-xxs) var(--spacing-xxs);
|
|
148
|
-
border-top-right-radius: ${({
|
|
149
|
-
border-top-left-radius: ${({
|
|
149
|
+
border-top-right-radius: ${({ universalAccount }) => universalAccount ? '10px' : '0px'};
|
|
150
|
+
border-top-left-radius: ${({ universalAccount }) => universalAccount ? '10px' : '0px'};
|
|
150
151
|
background-color: transparent;
|
|
151
152
|
`;
|
|
152
153
|
const SplitContainer = styled_components_1.default.div `
|
|
153
154
|
display: flex;
|
|
154
155
|
`;
|
|
155
156
|
const AppPreviewContainer = styled_components_1.default.div `
|
|
156
|
-
display: ${({
|
|
157
|
+
display: ${({ universalAccount }) => (universalAccount ? 'none' : 'flex')};
|
|
157
158
|
align-items: center;
|
|
158
159
|
justify-content: center;
|
|
159
160
|
flex: 1;
|
|
@@ -196,7 +197,7 @@ const TextContainer = styled_components_1.default.div `
|
|
|
196
197
|
font-size: 16px;
|
|
197
198
|
font-weight: 400;
|
|
198
199
|
line-height: 22px;
|
|
199
|
-
color: ${({ themeMode, textColor }) => themeMode === constants_1.CONSTANTS.THEME.LIGHT
|
|
200
|
+
color: ${({ themeMode, textColor }) => themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
200
201
|
? textColor
|
|
201
202
|
? textColor
|
|
202
203
|
: '#17181b'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqD;AACrD,kFAAuC;AACvC,oDAA6D;AAC7D,+
|
|
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"}
|
|
@@ -11,7 +11,7 @@ const styled_components_1 = require("styled-components");
|
|
|
11
11
|
const token_1 = require("../../styles/token");
|
|
12
12
|
const theme_1 = require("../../utils/theme");
|
|
13
13
|
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Account', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
|
|
14
|
-
const {
|
|
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,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;
|