@pushchain/ui-kit 5.1.0 → 5.1.1
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 +1 -1
- package/src/index.d.ts +2 -0
- package/src/lib/components/LoginModal/index.d.ts +23 -0
- package/src/lib/components/LoginModal/index.js +18 -19
- package/src/lib/components/LoginModal/index.js.map +1 -1
- package/src/lib/components/LoginModal/useSmartModalPosition.d.ts +6 -0
- package/src/lib/components/LoginModal/useSmartModalPosition.js +2 -1
- package/src/lib/components/LoginModal/useSmartModalPosition.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.d.ts +11 -0
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.d.ts +11 -0
- package/src/lib/components/PushUniversalAccountButton/index.d.ts +17 -0
- package/src/lib/components/PushUniversalAccountButton/index.js +8 -9
- package/src/lib/components/PushUniversalAccountButton/index.js.map +1 -1
- package/src/lib/components/PushWalletToast/index.d.ts +8 -0
- package/src/lib/components/PushWalletToast/index.js +2 -2
- package/src/lib/components/PushWalletToast/index.js.map +1 -1
- package/src/lib/components/common/Button.d.ts +23 -0
- package/src/lib/components/common/Button.js +4 -1
- package/src/lib/components/common/Button.js.map +1 -1
- package/src/lib/components/common/Spinner.d.ts +6 -0
- package/src/lib/components/common/icons/ArbitrumMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/AvalancheMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/BaseMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/BnbMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/CaretDown.d.ts +6 -0
- package/src/lib/components/common/icons/CaretUp.d.ts +6 -0
- package/src/lib/components/common/icons/CrossIcon.d.ts +6 -0
- package/src/lib/components/common/icons/DashIcon.d.ts +2 -0
- package/src/lib/components/common/icons/EllipseIcon.d.ts +2 -0
- package/src/lib/components/common/icons/EthereumMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/OptimismMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/PolygonMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/PushLogo.d.ts +2 -0
- package/src/lib/components/common/icons/PushMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/SolanaMonotone.d.ts +2 -0
- package/src/lib/components/common/icons/TickIcon.d.ts +2 -0
- package/src/lib/components/common/icons/WarningIcon.d.ts +2 -0
- package/src/lib/components/common/icons/index.d.ts +14 -0
- package/src/lib/components/common/index.d.ts +3 -0
- package/src/lib/constants/environment.d.ts +15 -0
- package/src/lib/constants/index.d.ts +72 -0
- package/src/lib/context/WalletContext.d.ts +43 -0
- package/src/lib/context/WalletContext.js +68 -78
- package/src/lib/context/WalletContext.js.map +1 -1
- package/src/lib/context/WalletContextMap.d.ts +2 -0
- package/src/lib/helpers/index.d.ts +1 -0
- package/src/lib/helpers/txnAuthGuard.d.ts +10 -0
- package/src/lib/helpers/txnAuthGuard.js +19 -18
- package/src/lib/helpers/txnAuthGuard.js.map +1 -1
- package/src/lib/helpers/wallet.helpers.d.ts +8 -0
- package/src/lib/hooks/useAppMetadata.d.ts +1 -0
- package/src/lib/hooks/useAppMetadata.js +1 -1
- package/src/lib/hooks/useAppMetadata.js.map +1 -1
- package/src/lib/hooks/usePushChain.d.ts +4 -0
- package/src/lib/hooks/usePushChainClient.d.ts +6 -0
- package/src/lib/hooks/usePushChainClient.js +14 -12
- package/src/lib/hooks/usePushChainClient.js.map +1 -1
- package/src/lib/hooks/usePushWallet.d.ts +2 -0
- package/src/lib/index.d.ts +7 -0
- package/src/lib/polyfills/index.d.ts +4 -0
- package/src/lib/providers/PushWalletProvider.d.ts +3 -0
- package/src/lib/providers/PushWalletProvider.js +6 -28
- package/src/lib/providers/PushWalletProvider.js.map +1 -1
- package/src/lib/providers/theme/ThemeContext.d.ts +0 -0
- package/src/lib/providers/theme/ThemeContext.js +1 -0
- package/src/lib/providers/walletProviders/BaseWalletProvider.d.ts +19 -0
- package/src/lib/providers/walletProviders/WalletProviderRegistry.d.ts +13 -0
- package/src/lib/providers/walletProviders/WalletProviderRegistry.js +2 -1
- package/src/lib/providers/walletProviders/WalletProviderRegistry.js.map +1 -1
- package/src/lib/providers/walletProviders/ethereum/chains.d.ts +42 -0
- package/src/lib/providers/walletProviders/ethereum/chains.js +1 -4
- package/src/lib/providers/walletProviders/ethereum/chains.js.map +1 -1
- package/src/lib/providers/walletProviders/ethereum/metamask.d.ts +18 -0
- package/src/lib/providers/walletProviders/ethereum/metamask.js +50 -49
- package/src/lib/providers/walletProviders/ethereum/metamask.js.map +1 -1
- package/src/lib/providers/walletProviders/ethereum/rabby.d.ts +17 -0
- package/src/lib/providers/walletProviders/ethereum/rabby.js +44 -45
- package/src/lib/providers/walletProviders/ethereum/rabby.js.map +1 -1
- package/src/lib/providers/walletProviders/ethereum/walletConnect.d.ts +17 -0
- package/src/lib/providers/walletProviders/ethereum/walletConnect.js +68 -66
- package/src/lib/providers/walletProviders/ethereum/walletConnect.js.map +1 -1
- package/src/lib/providers/walletProviders/ethereum/zerion.d.ts +17 -0
- package/src/lib/providers/walletProviders/ethereum/zerion.js +44 -45
- package/src/lib/providers/walletProviders/ethereum/zerion.js.map +1 -1
- package/src/lib/providers/walletProviders/helpers/address.d.ts +11 -0
- package/src/lib/providers/walletProviders/solana/phantom.d.ts +46 -0
- package/src/lib/providers/walletProviders/solana/phantom.js +60 -56
- package/src/lib/providers/walletProviders/solana/phantom.js.map +1 -1
- package/src/lib/providers/walletProviders/utils/eip6963.d.ts +12 -0
- package/src/lib/providers/walletProviders/utils/eip6963.js +4 -2
- package/src/lib/providers/walletProviders/utils/eip6963.js.map +1 -1
- package/src/lib/styles/token.d.ts +76 -0
- package/src/lib/styles/token.js +1 -5
- package/src/lib/styles/token.js.map +1 -1
- package/src/lib/types/PushWalletProvider.types.d.ts +71 -0
- package/src/lib/types/index.d.ts +2 -0
- package/src/lib/types/wallet.types.d.ts +52 -0
- package/src/lib/utils/theme.d.ts +2 -0
package/package.json
CHANGED
package/src/index.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { PushUI } from '../../constants';
|
|
3
|
+
import { ModalAppDetails, ProviderConfigProps, UniversalAccount } from '../../types';
|
|
4
|
+
type LoginModalProps = {
|
|
5
|
+
iframeRef: React.MutableRefObject<HTMLIFrameElement | null>;
|
|
6
|
+
themeMode?: typeof PushUI.CONSTANTS.THEME.LIGHT | typeof PushUI.CONSTANTS.THEME.DARK;
|
|
7
|
+
isWalletVisible: boolean;
|
|
8
|
+
isIframeLoading: boolean;
|
|
9
|
+
setIframeLoading: (isIframeLoading: boolean) => void;
|
|
10
|
+
sendWalletConfig: () => void;
|
|
11
|
+
modalAppData: ModalAppDetails | undefined;
|
|
12
|
+
config: ProviderConfigProps;
|
|
13
|
+
universalAccount: UniversalAccount | null;
|
|
14
|
+
isWalletMinimised: boolean;
|
|
15
|
+
setMinimiseWallet: (isWalletMinimised: boolean) => void;
|
|
16
|
+
handleUserLogOutEvent: () => void;
|
|
17
|
+
sendMessageToPushWallet: (message: any) => void;
|
|
18
|
+
isReadOnly: boolean;
|
|
19
|
+
toggleButtonRefs: React.MutableRefObject<Record<string, HTMLDivElement | null>>;
|
|
20
|
+
activeTriggerId: string | undefined;
|
|
21
|
+
};
|
|
22
|
+
declare const LoginModal: FC<LoginModalProps>;
|
|
23
|
+
export { LoginModal };
|
|
@@ -10,22 +10,20 @@ const constants_1 = require("../../constants");
|
|
|
10
10
|
const useSmartModalPosition_1 = require("./useSmartModalPosition");
|
|
11
11
|
const usePushChainClient_1 = require("../../hooks/usePushChainClient");
|
|
12
12
|
const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = constants_1.PushUI.CONSTANTS.THEME.DARK, modalAppData, setIframeLoading, sendWalletConfig, universalAccount, isWalletMinimised, setMinimiseWallet, handleUserLogOutEvent, config, sendMessageToPushWallet, isReadOnly, toggleButtonRefs, activeTriggerId, }) => {
|
|
13
|
+
var _a, _b;
|
|
13
14
|
const [version, setVersion] = react_1.default.useState(5);
|
|
14
15
|
const { modal } = config;
|
|
15
|
-
const { pushChainClient } = (0, usePushChainClient_1.usePushChainClient)(config
|
|
16
|
+
const { pushChainClient } = (0, usePushChainClient_1.usePushChainClient)((config === null || config === void 0 ? void 0 : config.uid) || 'default');
|
|
16
17
|
const { top, left } = (0, useSmartModalPosition_1.useSmartModalPosition)(activeTriggerId || null, toggleButtonRefs, 450, 675, config.uid);
|
|
17
|
-
const handleSendTransaction =
|
|
18
|
+
const handleSendTransaction = (data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
18
19
|
if (!pushChainClient)
|
|
19
20
|
return;
|
|
20
|
-
const res =
|
|
21
|
-
...data,
|
|
22
|
-
value: data.value ? BigInt(data.value) : data.value
|
|
23
|
-
});
|
|
21
|
+
const res = yield pushChainClient.universal.sendTransaction(Object.assign(Object.assign({}, data), { value: data.value ? BigInt(data.value) : data.value }));
|
|
24
22
|
sendMessageToPushWallet({
|
|
25
23
|
type: constants_1.APP_TO_WALLET_ACTION.PUSH_SEND_TRANSACTION_RESPONSE,
|
|
26
24
|
data: res.hash,
|
|
27
25
|
});
|
|
28
|
-
};
|
|
26
|
+
});
|
|
29
27
|
(0, react_1.useEffect)(() => {
|
|
30
28
|
if (config.version) {
|
|
31
29
|
setVersion(config.version);
|
|
@@ -33,7 +31,8 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
33
31
|
}, [config]);
|
|
34
32
|
(0, react_1.useEffect)(() => {
|
|
35
33
|
const pushMessageHandler = (event) => {
|
|
36
|
-
|
|
34
|
+
var _a;
|
|
35
|
+
if (((_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) !== event.source || !pushChainClient)
|
|
37
36
|
return;
|
|
38
37
|
switch (event.data.type) {
|
|
39
38
|
case constants_1.WALLET_TO_APP_ACTION.PUSH_SEND_TRANSACTION:
|
|
@@ -48,24 +47,24 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
48
47
|
}, [pushChainClient]);
|
|
49
48
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isWalletMinimised &&
|
|
50
49
|
universalAccount &&
|
|
51
|
-
config.modal
|
|
50
|
+
((_a = config.modal) === null || _a === void 0 ? void 0 : _a.connectedLayout) ===
|
|
52
51
|
constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER &&
|
|
53
|
-
config.modal
|
|
54
|
-
constants_1.PushUI.CONSTANTS.CONNECTED.INTERACTION.BLUR && ((0, jsx_runtime_1.jsx)(BlurBackground, { onClick: () => setMinimiseWallet(!isWalletMinimised) })), isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { "$isWalletMinimised": isWalletMinimised, "$universalAccount": universalAccount, "$accountMenuVariant": modal
|
|
52
|
+
((_b = config.modal) === null || _b === void 0 ? void 0 : _b.connectedInteraction) ===
|
|
53
|
+
constants_1.PushUI.CONSTANTS.CONNECTED.INTERACTION.BLUR && ((0, jsx_runtime_1.jsx)(BlurBackground, { onClick: () => setMinimiseWallet(!isWalletMinimised) })), isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { "$isWalletMinimised": isWalletMinimised, "$universalAccount": universalAccount, "$accountMenuVariant": modal === null || modal === void 0 ? void 0 : modal.connectedLayout, "$modalDefaults": modal, "$style": { top, left }, children: [(isIframeLoading && !isReadOnly) && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
55
54
|
handleUserLogOutEvent();
|
|
56
55
|
}, 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, { color: "var(--pw-int-brand-primary-color)" })] })] })), isIframeLoading && isReadOnly && !isWalletMinimised && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainerSecondary, { children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
57
56
|
setMinimiseWallet(true);
|
|
58
|
-
}, 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)(LoadingTextContainerSecondary, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, { color: "var(--pw-int-brand-primary-color)" })] })] })), (0, jsx_runtime_1.jsx)(FrameSubContainer, { "$isWalletMinimised": isWalletMinimised, "$isIframeLoading": isIframeLoading, children: (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [modal
|
|
57
|
+
}, 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)(LoadingTextContainerSecondary, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, { color: "var(--pw-int-brand-primary-color)" })] })] })), (0, jsx_runtime_1.jsx)(FrameSubContainer, { "$isWalletMinimised": isWalletMinimised, "$isIframeLoading": isIframeLoading, children: (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [(modal === null || modal === void 0 ? void 0 : modal.appPreview) &&
|
|
59
58
|
modalAppData &&
|
|
60
|
-
modal
|
|
59
|
+
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.PushUI.CONSTANTS.LOGIN.LAYOUT.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
|
|
61
60
|
? '#F5F6F8'
|
|
62
|
-
: '#17181b', children: [(0, jsx_runtime_1.jsx)(Heading, { children: modalAppData.title }), (0, jsx_runtime_1.jsx)(Description, { children: modalAppData
|
|
61
|
+
: '#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: `
|
|
63
62
|
${constants_1.WALLET_CONFIG_URL[config.network]}/auth?app=${window.location.origin}&version=${version}
|
|
64
63
|
`, allow: "clipboard-write; clipboard-read; publickey-credentials-create; publickey-credentials-get; display-capture; *", ref: iframeRef, style: {
|
|
65
64
|
border: 'none',
|
|
66
65
|
width: '100%',
|
|
67
66
|
height: universalAccount
|
|
68
|
-
? modal
|
|
67
|
+
? (modal === null || modal === void 0 ? void 0 : modal.connectedLayout) ===
|
|
69
68
|
constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
70
69
|
? '100vh'
|
|
71
70
|
: '675px'
|
|
@@ -93,12 +92,12 @@ const FrameContainer = styled_components_1.default.div `
|
|
|
93
92
|
top: ${({ $universalAccount, $accountMenuVariant, $style }) => $universalAccount
|
|
94
93
|
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
95
94
|
? '0'
|
|
96
|
-
: $style
|
|
95
|
+
: ($style === null || $style === void 0 ? void 0 : $style.top) != null
|
|
97
96
|
? `${$style.top}px`
|
|
98
97
|
: '50px'
|
|
99
98
|
: '0'};
|
|
100
|
-
left: ${({ $style }) => ($style
|
|
101
|
-
right: ${({ $style, $universalAccount, $accountMenuVariant }) => $style
|
|
99
|
+
left: ${({ $style }) => (($style === null || $style === void 0 ? void 0 : $style.left) != null ? `${$style.left}px` : 'auto')};
|
|
100
|
+
right: ${({ $style, $universalAccount, $accountMenuVariant }) => ($style === null || $style === void 0 ? void 0 : $style.left) != null
|
|
102
101
|
? 'auto'
|
|
103
102
|
: $universalAccount
|
|
104
103
|
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
@@ -107,7 +106,7 @@ const FrameContainer = styled_components_1.default.div `
|
|
|
107
106
|
: '0'};
|
|
108
107
|
display: flex;
|
|
109
108
|
flex-direction: column;
|
|
110
|
-
background-image: url(${({ $modalDefaults }) => $modalDefaults
|
|
109
|
+
background-image: url(${({ $modalDefaults }) => $modalDefaults === null || $modalDefaults === void 0 ? void 0 : $modalDefaults.bgImage});
|
|
111
110
|
background-size: cover;
|
|
112
111
|
background-color: ${({ $universalAccount, $accountMenuVariant }) => $universalAccount && $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER ?
|
|
113
112
|
'transparent' :
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAqD;AAErD,kFAAuC;AACvC,oDAA6D;AAC7D,+CAAwG;AAOxG,mEAAgE;AAChE,uEAAoE;AAuBpE,MAAM,UAAU,GAAwB,CAAC,EACvC,SAAS,EACT,eAAe,EACf,eAAe,EACf,SAAS,GAAG,kBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EACvC,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,MAAM,EACN,uBAAuB,EACvB,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
type Position = {
|
|
2
|
+
top: number;
|
|
3
|
+
left: number;
|
|
4
|
+
};
|
|
5
|
+
export declare function useSmartModalPosition(triggerId: string | null, triggerRefs: React.MutableRefObject<Record<string, HTMLDivElement | null>>, modalWidth?: number, modalHeight?: number, uid?: string): Position;
|
|
6
|
+
export {};
|
|
@@ -9,10 +9,11 @@ function useSmartModalPosition(triggerId, triggerRefs, modalWidth = 450, modalHe
|
|
|
9
9
|
const { isWalletMinimised, universalAccount, config } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
10
10
|
(0, react_1.useEffect)(() => {
|
|
11
11
|
const calculatePosition = () => {
|
|
12
|
+
var _a;
|
|
12
13
|
if (!triggerId || !triggerRefs.current[triggerId])
|
|
13
14
|
return;
|
|
14
15
|
const triggerRef = triggerRefs.current[triggerId];
|
|
15
|
-
if (config.modal
|
|
16
|
+
if (((_a = config.modal) === null || _a === void 0 ? void 0 : _a.connectedLayout) === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL) {
|
|
16
17
|
setPosition({ top: 0, left: 0 });
|
|
17
18
|
return;
|
|
18
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSmartModalPosition.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/useSmartModalPosition.ts"],"names":[],"mappings":";;AAMA,sDA2EC;AAjFD,iCAA4C;AAC5C,6DAAiE;AACjE,+CAAyC;AAIzC,SAAgB,qBAAqB,CACnC,SAAwB,EACxB,WAA0E,EAC1E,UAAU,GAAG,GAAG,EAChB,WAAW,GAAG,GAAG,EACjB,GAAY;IAEZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAExE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAElF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,GAAG,EAAE
|
|
1
|
+
{"version":3,"file":"useSmartModalPosition.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/useSmartModalPosition.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
export type ConnectPushWalletButtonProps = {
|
|
3
|
+
uid?: string;
|
|
4
|
+
connectButtonText?: string;
|
|
5
|
+
loadingComponent?: React.ReactNode;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
customComponent?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const ConnectWalletButton: FC<ConnectPushWalletButtonProps>;
|
|
11
|
+
export { ConnectWalletButton };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { UniversalAccount } from '../../types';
|
|
3
|
+
export type TogglePushWalletButtonProps = {
|
|
4
|
+
uid?: string;
|
|
5
|
+
universalAccount: UniversalAccount;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
customComponent?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const TogglePushWalletButton: React.FC<TogglePushWalletButtonProps>;
|
|
11
|
+
export { TogglePushWalletButton };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { ButtonThemeOverrides } from '../../styles/token';
|
|
3
|
+
import { AppMetadata } from '../../types';
|
|
4
|
+
type PushUniversalAccountButtonProps = {
|
|
5
|
+
uid?: string;
|
|
6
|
+
connectButtonText?: string;
|
|
7
|
+
loadingComponent?: React.ReactNode;
|
|
8
|
+
modalAppOverride?: AppMetadata;
|
|
9
|
+
loginAppOverride?: AppMetadata;
|
|
10
|
+
themeOverrides?: ButtonThemeOverrides;
|
|
11
|
+
customConnectComponent?: React.ReactNode;
|
|
12
|
+
customConnectedComponent?: React.ReactNode;
|
|
13
|
+
connectButtonClassName?: string;
|
|
14
|
+
connectedButtonClassName?: string;
|
|
15
|
+
};
|
|
16
|
+
declare const PushUniversalAccountButton: FC<PushUniversalAccountButtonProps>;
|
|
17
|
+
export { PushUniversalAccountButton };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PushUniversalAccountButton = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
6
7
|
const react_1 = require("react");
|
|
@@ -10,12 +11,10 @@ const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
|
|
|
10
11
|
const styled_components_1 = require("styled-components");
|
|
11
12
|
const theme_1 = require("../../utils/theme");
|
|
12
13
|
const buildButtonCssVars = (themeMode, themeOverrides) => {
|
|
14
|
+
var _a;
|
|
13
15
|
const isLightMode = themeMode === 'light';
|
|
14
|
-
const { dark, light,
|
|
15
|
-
const newTokens = {
|
|
16
|
-
...(0, theme_1.mapButtonCoreToInt)(globalOverrides),
|
|
17
|
-
...(0, theme_1.mapButtonCoreToInt)((isLightMode ? light : dark) ?? {}),
|
|
18
|
-
};
|
|
16
|
+
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
17
|
+
const newTokens = Object.assign(Object.assign({}, (0, theme_1.mapButtonCoreToInt)(globalOverrides)), (0, theme_1.mapButtonCoreToInt)((_a = (isLightMode ? light : dark)) !== null && _a !== void 0 ? _a : {}));
|
|
19
18
|
const cssVars = {};
|
|
20
19
|
for (const [key, value] of Object.entries(newTokens)) {
|
|
21
20
|
if (value !== undefined && value !== null && value !== '') {
|
|
@@ -32,7 +31,7 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
32
31
|
if (loginAppOverride)
|
|
33
32
|
updateWalletAppData(loginAppOverride);
|
|
34
33
|
}, []);
|
|
35
|
-
const mergedButtonOverrides = (0, react_1.useMemo)(() => ({
|
|
34
|
+
const mergedButtonOverrides = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, themeOverrides), ButtonThemeOverrides)), [themeOverrides, ButtonThemeOverrides]);
|
|
36
35
|
const wrapperStyle = (0, react_1.useMemo)(() => buildButtonCssVars(themeMode, mergedButtonOverrides), [themeMode, mergedButtonOverrides]);
|
|
37
36
|
const Component = () => {
|
|
38
37
|
if (universalAccount) {
|
|
@@ -44,7 +43,7 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
44
43
|
className: connectedButtonClassName,
|
|
45
44
|
customComponent: customConnectedComponent,
|
|
46
45
|
};
|
|
47
|
-
return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, {
|
|
46
|
+
return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, Object.assign({}, toggleButtonProps));
|
|
48
47
|
}
|
|
49
48
|
else {
|
|
50
49
|
// Merge props with buttonDefaults, giving priority to direct props
|
|
@@ -56,12 +55,12 @@ const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Conn
|
|
|
56
55
|
className: connectButtonClassName,
|
|
57
56
|
customComponent: customConnectComponent,
|
|
58
57
|
};
|
|
59
|
-
return (0, jsx_runtime_1.jsx)(ConnectWalletButton_1.ConnectWalletButton, {
|
|
58
|
+
return (0, jsx_runtime_1.jsx)(ConnectWalletButton_1.ConnectWalletButton, Object.assign({}, connectButtonProps));
|
|
60
59
|
}
|
|
61
60
|
};
|
|
62
61
|
return ((0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: {
|
|
63
62
|
themeMode,
|
|
64
|
-
themeOverrides: {
|
|
63
|
+
themeOverrides: Object.assign(Object.assign({}, themeOverrides), ButtonThemeOverrides),
|
|
65
64
|
}, children: (0, jsx_runtime_1.jsx)(Component, {}) }));
|
|
66
65
|
};
|
|
67
66
|
exports.PushUniversalAccountButton = PushUniversalAccountButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { ProgressEvent } from '@pushchain/core/src/lib/progress-hook/progress-hook.types';
|
|
3
|
+
type PushWalletToastProps = {
|
|
4
|
+
progress: ProgressEvent | null;
|
|
5
|
+
setProgress: React.Dispatch<React.SetStateAction<ProgressEvent | null>>;
|
|
6
|
+
};
|
|
7
|
+
declare const PushWalletToast: FC<PushWalletToastProps>;
|
|
8
|
+
export { PushWalletToast };
|
|
@@ -24,10 +24,10 @@ const PushWalletToast = ({ progress, setProgress }) => {
|
|
|
24
24
|
const overflow = el.scrollWidth > el.clientWidth;
|
|
25
25
|
setIsOverflowing(overflow);
|
|
26
26
|
}
|
|
27
|
-
}, [progress
|
|
27
|
+
}, [progress === null || progress === void 0 ? void 0 : progress.message]);
|
|
28
28
|
if (!progress)
|
|
29
29
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
30
|
-
const isInsufficientFundsError = progress
|
|
30
|
+
const isInsufficientFundsError = progress === null || progress === void 0 ? void 0 : progress.message.includes('insufficient funds for gas');
|
|
31
31
|
return ((0, jsx_runtime_1.jsxs)(ToastContainer, { children: [(0, jsx_runtime_1.jsx)(IconContainer, { children: (progress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_01 || progress.id === progress_hook_types_1.PROGRESS_HOOK.UEA_MIG_9901) ? (0, jsx_runtime_1.jsx)(common_1.TickIcon, {}) :
|
|
32
32
|
progress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_02 ? (0, jsx_runtime_1.jsx)(common_1.WarningIcon, {}) :
|
|
33
33
|
(0, jsx_runtime_1.jsx)(common_1.Spinner, { color: 'var(--pw-int-brand-primary-color)' }) }), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(TitleText, { children: progress.title }), progress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_01 &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushWalletToast/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA+D;AAC/D,mGAAyG;AACzG,kFAAuC;AACvC,oDAAoF;AACpF,kFAAkD;AAClD,8EAA8C;AAO9C,MAAM,eAAe,GAA6B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAA,cAAM,EAAyB,IAAI,CAAC,CAAC;IAErD,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,EAAE;QACzC,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,CAAC,IAAI,CAAC,iCAAiC,OAAO,EAAE,EAAE,QAAQ,CAAC,CAAC;QACtE,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACtB,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;YAE3B,MAAM,QAAQ,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;YACjD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushWalletToast/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type TransformedHTMLAttributes<T> = Omit<HTMLAttributes<T>, 'style' | 'color'>;
|
|
3
|
+
export type ButtonProps = {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
bgColor?: React.CSSProperties['backgroundColor'];
|
|
6
|
+
textColor?: React.CSSProperties['color'];
|
|
7
|
+
borderRadius?: React.CSSProperties['borderRadius'];
|
|
8
|
+
gap?: React.CSSProperties['gap'];
|
|
9
|
+
padding?: React.CSSProperties['padding'];
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
} & TransformedHTMLAttributes<HTMLButtonElement>;
|
|
13
|
+
declare const Button: React.ForwardRefExoticComponent<{
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
bgColor?: React.CSSProperties["backgroundColor"];
|
|
16
|
+
textColor?: React.CSSProperties["color"];
|
|
17
|
+
borderRadius?: React.CSSProperties["borderRadius"];
|
|
18
|
+
gap?: React.CSSProperties["gap"];
|
|
19
|
+
padding?: React.CSSProperties["padding"];
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
} & TransformedHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
export { Button };
|
|
@@ -30,7 +30,10 @@ const StyledButton = styled_components_1.default.button `
|
|
|
30
30
|
border-radius: ${({ $borderRadius }) => $borderRadius ? $borderRadius : '12px'};
|
|
31
31
|
white-space: nowrap;
|
|
32
32
|
`;
|
|
33
|
-
const Button = (0, react_1.forwardRef)((
|
|
33
|
+
const Button = (0, react_1.forwardRef)((_a, ref) => {
|
|
34
|
+
var { disabled, bgColor, textColor, borderRadius, gap, padding, style, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgColor", "textColor", "borderRadius", "gap", "padding", "style", "children"]);
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { style: style, role: "button", ref: ref, "$bgColor": bgColor, "$textColor": textColor, "$borderRadius": borderRadius, "$gap": gap, "$padding": padding, "$disabled": disabled }, props, { children: children })));
|
|
36
|
+
});
|
|
34
37
|
exports.Button = Button;
|
|
35
38
|
Button.displayName = 'Button';
|
|
36
39
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAwBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAOhC;;;;YAIU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;gBACtD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;WACxD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAC1B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;aAUzC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW;;;;SAI5B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;;mBAEJ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACrC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;;CAEzC,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAwBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAOhC;;;;YAIU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;gBACtD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;WACxD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAC1B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;aAUzC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW;;;;SAI5B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;;mBAEJ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACrC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;;CAEzC,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CAAC,EAAuF,EAAE,GAAG,EAAE,EAAE;QAAhG,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAArF,2FAAuF,CAAF;IAAY,OAAA,CAChG,uBAAC,YAAY,oBACP,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,cACE,OAAO,gBACL,SAAS,mBACN,YAAY,UACrB,GAAG,cACC,OAAO,eACN,QAAQ,IACf,KAAK,cAER,QAAQ,IACI,CAChB,CAAA;CAAA,CACF,CAAC;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export { default as DashIcon } from './DashIcon';
|
|
2
|
+
export { default as CrossIcon } from './CrossIcon';
|
|
3
|
+
export { default as Ellipse } from './EllipseIcon';
|
|
4
|
+
export { default as PushLogo } from './PushLogo';
|
|
5
|
+
export { default as PushMonotone } from './PushMonotone';
|
|
6
|
+
export { default as EthereumMonotone } from './EthereumMonotone';
|
|
7
|
+
export { default as ArbitrumMonotone } from './ArbitrumMonotone';
|
|
8
|
+
export { default as AvalancheMonotone } from './AvalancheMonotone';
|
|
9
|
+
export { default as BnbMonotone } from './BnbMonotone';
|
|
10
|
+
export { default as OptimismMonotone } from './OptimismMonotone';
|
|
11
|
+
export { default as PolygonMonotone } from './PolygonMonotone';
|
|
12
|
+
export { default as SolanaMonotone } from './SolanaMonotone';
|
|
13
|
+
export { default as TickIcon } from './TickIcon';
|
|
14
|
+
export { default as WarningIcon } from './WarningIcon';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PUSH_NETWORK } from '@pushchain/core/src/lib/constants/enums';
|
|
2
|
+
export type ConfigType = {
|
|
3
|
+
WALLET_URL: {
|
|
4
|
+
[PUSH_NETWORK.MAINNET]: string;
|
|
5
|
+
[PUSH_NETWORK.TESTNET]: string;
|
|
6
|
+
[PUSH_NETWORK.TESTNET_DONUT]: string;
|
|
7
|
+
[PUSH_NETWORK.LOCALNET]: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export declare const WALLET_CONFIG_URL: {
|
|
11
|
+
MAINNET: string;
|
|
12
|
+
TESTNET: string;
|
|
13
|
+
TESTNET_DONUT: string;
|
|
14
|
+
LOCALNET: string;
|
|
15
|
+
};
|