@pushchain/ui-kit 2.0.5 → 2.0.7
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/CHANGELOG.md +6 -0
- package/package.json +2 -2
- package/src/lib/components/LoginModal/index.js +31 -31
- package/src/lib/components/LoginModal/index.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js +1 -1
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js +1 -1
- package/src/lib/components/PushUniversalAccountButton/index.js +14 -14
- package/src/lib/components/PushUniversalAccountButton/index.js.map +1 -1
- package/src/lib/components/common/Button.d.ts +6 -6
- package/src/lib/components/common/Button.js +8 -8
- package/src/lib/components/common/Button.js.map +1 -1
- package/src/lib/providers/PushWalletProvider.js +19 -19
- package/src/lib/providers/PushWalletProvider.js.map +1 -1
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushchain/ui-kit",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.7",
|
|
4
4
|
"homepage": "https://push.org",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"pushchain",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@coral-xyz/anchor": "^0.31.1",
|
|
21
21
|
"@metamask/sdk": "^0.32.0",
|
|
22
|
-
"@pushchain/core": "2.0.
|
|
22
|
+
"@pushchain/core": "2.0.10",
|
|
23
23
|
"@solana/web3.js": "^1.98.2",
|
|
24
24
|
"@walletconnect/ethereum-provider": "^2.21.5",
|
|
25
25
|
"buffer": "^6.0.3",
|
|
@@ -44,11 +44,11 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
44
44
|
((_a = config.modal) === null || _a === void 0 ? void 0 : _a.connectedLayout) ===
|
|
45
45
|
constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER &&
|
|
46
46
|
((_b = config.modal) === null || _b === void 0 ? void 0 : _b.connectedInteraction) ===
|
|
47
|
-
constants_1.PushUI.CONSTANTS.CONNECTED.INTERACTION.BLUR && ((0, jsx_runtime_1.jsx)(BlurBackground, { onClick: () => setMinimiseWallet(!isWalletMinimised) })), isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, {
|
|
47
|
+
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 && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
48
48
|
handleUserLogOutEvent();
|
|
49
|
-
}, 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)" })] })] })), (0, jsx_runtime_1.jsx)(FrameSubContainer, {
|
|
49
|
+
}, 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)" })] })] })), (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) &&
|
|
50
50
|
modalAppData &&
|
|
51
|
-
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.PushUI.CONSTANTS.LOGIN.LAYOUT.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, {
|
|
51
|
+
(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
|
|
52
52
|
? '#F5F6F8'
|
|
53
53
|
: '#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: `
|
|
54
54
|
${constants_1.WALLET_CONFIG_URL[config.network]}/auth?app=${window.location.origin}&version=1
|
|
@@ -81,48 +81,48 @@ const BlurBackground = styled_components_1.default.div `
|
|
|
81
81
|
`;
|
|
82
82
|
const FrameContainer = styled_components_1.default.div `
|
|
83
83
|
position: fixed;
|
|
84
|
-
top: ${({ style }) => `${style === null || style === void 0 ? void 0 : style.top}px`};
|
|
85
|
-
left: ${({ style }) => `${style === null || style === void 0 ? void 0 : style.left}px`};
|
|
84
|
+
top: ${({ $style }) => `${$style === null || $style === void 0 ? void 0 : $style.top}px`};
|
|
85
|
+
left: ${({ $style }) => `${$style === null || $style === void 0 ? void 0 : $style.left}px`};
|
|
86
86
|
display: flex;
|
|
87
87
|
flex-direction: column;
|
|
88
|
-
background-image: url(${({
|
|
88
|
+
background-image: url(${({ $modalDefaults }) => $modalDefaults === null || $modalDefaults === void 0 ? void 0 : $modalDefaults.bgImage});
|
|
89
89
|
background-size: cover;
|
|
90
|
-
background-color: ${({
|
|
90
|
+
background-color: ${({ $universalAccount, $accountMenuVariant }) => $universalAccount && $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER ?
|
|
91
91
|
'transparent' :
|
|
92
92
|
'var(--pw-int-bg-primary-color)'};
|
|
93
|
-
border-radius: ${({
|
|
93
|
+
border-radius: ${({ $universalAccount }) => $universalAccount ? '10px' : 'unset'};
|
|
94
94
|
z-index: 999;
|
|
95
95
|
|
|
96
|
-
width: ${({
|
|
96
|
+
width: ${({ $universalAccount, $isWalletMinimised, $accountMenuVariant }) => $isWalletMinimised
|
|
97
97
|
? '0px'
|
|
98
|
-
:
|
|
99
|
-
?
|
|
98
|
+
: $universalAccount
|
|
99
|
+
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
100
100
|
? '100%'
|
|
101
101
|
: '450px'
|
|
102
102
|
: '100vw'};
|
|
103
|
-
height: ${({
|
|
103
|
+
height: ${({ $universalAccount, $isWalletMinimised, $accountMenuVariant }) => $isWalletMinimised
|
|
104
104
|
? '0px'
|
|
105
|
-
:
|
|
106
|
-
?
|
|
105
|
+
: $universalAccount
|
|
106
|
+
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
107
107
|
? '100vw'
|
|
108
108
|
: '675px'
|
|
109
109
|
: '100vh'};
|
|
110
|
-
right: ${({
|
|
111
|
-
?
|
|
110
|
+
right: ${({ $universalAccount, $accountMenuVariant }) => $universalAccount
|
|
111
|
+
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
112
112
|
? '0'
|
|
113
113
|
: '10px'
|
|
114
114
|
: '0'};
|
|
115
|
-
top: ${({
|
|
116
|
-
?
|
|
115
|
+
top: ${({ $universalAccount, $accountMenuVariant }) => $universalAccount
|
|
116
|
+
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
117
117
|
? '0'
|
|
118
118
|
: '70px'
|
|
119
119
|
: '0'};
|
|
120
120
|
|
|
121
121
|
@media (max-width: 425px) {
|
|
122
|
-
width: ${({
|
|
123
|
-
right: ${({
|
|
124
|
-
top: ${({
|
|
125
|
-
?
|
|
122
|
+
width: ${({ $universalAccount, $isWalletMinimised }) => $isWalletMinimised ? '0px' : $universalAccount ? '100%' : '100%'};
|
|
123
|
+
right: ${({ $universalAccount }) => ($universalAccount ? '2%' : '0')};
|
|
124
|
+
top: ${({ $universalAccount, $accountMenuVariant }) => $universalAccount
|
|
125
|
+
? $accountMenuVariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
126
126
|
? '0'
|
|
127
127
|
: '8%'
|
|
128
128
|
: '0'};
|
|
@@ -163,7 +163,7 @@ const FrameLoadingContainer = styled_components_1.default.div `
|
|
|
163
163
|
box-sizing: border-box;
|
|
164
164
|
`;
|
|
165
165
|
const FrameSubContainer = styled_components_1.default.div `
|
|
166
|
-
display: ${({
|
|
166
|
+
display: ${({ $isWalletMinimised, $isIframeLoading }) => $isWalletMinimised || $isIframeLoading ? 'none' : 'flex'};
|
|
167
167
|
width: 100%;
|
|
168
168
|
height: 100%;
|
|
169
169
|
flex-direction: column;
|
|
@@ -177,15 +177,15 @@ const AccountContainer = styled_components_1.default.div `
|
|
|
177
177
|
right: 8px;
|
|
178
178
|
justify-content: flex-end;
|
|
179
179
|
// padding: var(--spacing-xxs) var(--spacing-xxs);
|
|
180
|
-
border-top-right-radius: ${({
|
|
181
|
-
border-top-left-radius: ${({
|
|
180
|
+
border-top-right-radius: ${({ $universalAccount }) => $universalAccount ? '10px' : '0px'};
|
|
181
|
+
border-top-left-radius: ${({ $universalAccount }) => $universalAccount ? '10px' : '0px'};
|
|
182
182
|
background-color: transparent;
|
|
183
183
|
`;
|
|
184
184
|
const SplitContainer = styled_components_1.default.div `
|
|
185
185
|
display: flex;
|
|
186
186
|
`;
|
|
187
187
|
const AppPreviewContainer = styled_components_1.default.div `
|
|
188
|
-
display: ${({
|
|
188
|
+
display: ${({ $universalAccount }) => ($universalAccount ? 'none' : 'flex')};
|
|
189
189
|
align-items: center;
|
|
190
190
|
justify-content: center;
|
|
191
191
|
flex: 1;
|
|
@@ -228,12 +228,12 @@ const TextContainer = styled_components_1.default.div `
|
|
|
228
228
|
font-size: 16px;
|
|
229
229
|
font-weight: 400;
|
|
230
230
|
line-height: 22px;
|
|
231
|
-
color: ${({
|
|
232
|
-
?
|
|
233
|
-
?
|
|
231
|
+
color: ${({ $themeMode, $textColor }) => $themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
232
|
+
? $textColor
|
|
233
|
+
? $textColor
|
|
234
234
|
: '#17181b'
|
|
235
|
-
:
|
|
236
|
-
?
|
|
235
|
+
: $textColor
|
|
236
|
+
? $textColor
|
|
237
237
|
: '#F5F6F8'};
|
|
238
238
|
`;
|
|
239
239
|
const Heading = styled_components_1.default.h1 `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqD;AAErD,kFAAuC;AACvC,oDAA6D;AAC7D,+CAAwG;AAOxG,mEAAgE;AAChE,uEAAoE;AAqBpE,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,eAAe,EACf,uBAAuB,EACxB,EAAE,EAAE;;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,uCAAkB,EAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,KAAI,SAAS,CAAC,CAAC;IAEzE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAA,6CAAqB,EACzC,eAAe,EACf,GAAG,EACH,GAAG,EACH,MAAM,CAAC,GAAG,CACX,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAO,IAAmB,EAAE,EAAE;QAC1D,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,eAAe,iCACtD,IAAI,KACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IACnD,CAAC;QAEH,uBAAuB,CAAC;YACtB,IAAI,EAAE,gCAAoB,CAAC,8BAA8B;YACzD,IAAI,EAAE,GAAG,CAAC,IAAI;SACf,CAAC,CAAC;IACL,CAAC,CAAA,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;;YACjD,IAAI,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,aAAa,MAAK,KAAK,CAAC,MAAM,IAAI,CAAC,eAAe;gBAAE,OAAO;YAElF,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,gCAAoB,CAAC,qBAAqB;oBAC7C,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACvC,MAAM;gBACR;oBACE,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,6DACG,CAAC,iBAAiB;gBACjB,gBAAgB;gBAChB,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,eAAe;oBAC3B,kBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;gBACzC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,oBAAoB;oBAChC,kBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,IAAI,CAC/C,uBAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,GACpD,CACH,EACF,eAAe,CAAC,CAAC,CAAC,CACjB,wBAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, }) => {
|
|
|
20
20
|
return word.charAt(0).toUpperCase() + word.slice(1);
|
|
21
21
|
};
|
|
22
22
|
const handleConnectWalletButton = () => handleConnectToPushWallet();
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(common_1.Button, {
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(common_1.Button, { bgColor: "var(--pwauth-btn-connect-bg-color)", textColor: "var(--pwauth-btn-connect-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", onClick: handleConnectWalletButton, disabled: isConnectButtonDisbaled || isLoading, children: connectionStatus === constants_1.PushUI.CONSTANTS.CONNECTION.STATUS.NOT_CONNECTED
|
|
24
24
|
? connectButtonText
|
|
25
25
|
: isLoading
|
|
26
26
|
? loadingComponent
|
|
@@ -23,7 +23,7 @@ const TogglePushWalletButton = ({ uid, universalAccount, }) => {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
const maskedAddress = (0, helpers_1.centerMaskString)(address);
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised),
|
|
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)", gap: '8px', padding: '12px', ref: toggleButtonRef, children: [getChainIcon(chain), maskedAddress] }) }));
|
|
27
27
|
};
|
|
28
28
|
exports.TogglePushWalletButton = TogglePushWalletButton;
|
|
29
29
|
//# sourceMappingURL=TogglePushWalletButton.js.map
|
|
@@ -10,22 +10,22 @@ const ConnectWalletButton_1 = require("./ConnectWalletButton");
|
|
|
10
10
|
const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
|
|
11
11
|
const styled_components_1 = require("styled-components");
|
|
12
12
|
const theme_1 = require("../../utils/theme");
|
|
13
|
+
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
14
|
+
[data-pw-wrapper='${(props) => props.uid}']{
|
|
15
|
+
${(props) => {
|
|
16
|
+
var _a;
|
|
17
|
+
const { themeOverrides, themeMode } = props.theme;
|
|
18
|
+
const isLightMode = themeMode === 'light';
|
|
19
|
+
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
20
|
+
const newTokens = Object.assign(Object.assign({}, (0, theme_1.mapButtonCoreToInt)(globalOverrides)), (0, theme_1.mapButtonCoreToInt)((_a = (isLightMode ? light : dark)) !== null && _a !== void 0 ? _a : {}));
|
|
21
|
+
return Object.entries(newTokens)
|
|
22
|
+
.map(([key, value]) => `${key}: ${value};`)
|
|
23
|
+
.join('\n');
|
|
24
|
+
}}
|
|
25
|
+
}
|
|
26
|
+
`;
|
|
13
27
|
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Account', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
|
|
14
28
|
const { universalAccount, themeOverrides, themeMode, updateModalAppData, updateWalletAppData, } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
15
|
-
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
16
|
-
[data-pw-wrapper='${(props) => props.uid}']{
|
|
17
|
-
${(props) => {
|
|
18
|
-
var _a;
|
|
19
|
-
const { themeOverrides, themeMode } = props.theme;
|
|
20
|
-
const isLightMode = themeMode === 'light';
|
|
21
|
-
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
22
|
-
const newTokens = Object.assign(Object.assign({}, (0, theme_1.mapButtonCoreToInt)(globalOverrides)), (0, theme_1.mapButtonCoreToInt)((_a = (isLightMode ? light : dark)) !== null && _a !== void 0 ? _a : {}));
|
|
23
|
-
return Object.entries(newTokens)
|
|
24
|
-
.map(([key, value]) => `${key}: ${value};`)
|
|
25
|
-
.join('\n');
|
|
26
|
-
}}
|
|
27
|
-
}
|
|
28
|
-
`;
|
|
29
29
|
(0, react_1.useEffect)(() => {
|
|
30
30
|
if (modalAppOverride)
|
|
31
31
|
updateModalAppData(modalAppOverride);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAsD;AACtD,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAI2B;AAE3B,6CAAuD;AAiBvD,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAsD;AACtD,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAI2B;AAE3B,6CAAuD;AAiBvD,MAAM,WAAW,GAAG,IAAA,qCAAiB,EAAiB;sBAChC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG;MACpC,CAAC,KAAK,EAAE,EAAE;;IACV,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAoB,CAAC;IACjE,MAAM,WAAW,GAAG,SAAS,KAAK,OAAO,CAAC;IAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAyB,cAAc,EAAlC,eAAe,kBAAK,cAAc,EAApD,iBAAmC,CAAiB,CAAC;IAC3D,MAAM,SAAS,mCACV,IAAA,0BAAkB,EAAC,eAAe,CAAC,GACnC,IAAA,0BAAkB,EAAC,MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAC1D,CAAC;IACF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;;CAEJ,CAAC;AAEF,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,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,IAAC,GAAG,EAAE,GAAG,GAAI,EACzB,uBAAC,SAAS,KAAG,IACC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEO,gEAA0B"}
|
|
@@ -2,18 +2,18 @@ import React, { HTMLAttributes, ReactNode } from 'react';
|
|
|
2
2
|
export type TransformedHTMLAttributes<T> = Omit<HTMLAttributes<T>, 'style' | 'color'>;
|
|
3
3
|
export type ButtonProps = {
|
|
4
4
|
children?: ReactNode;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
bgColor?: React.CSSProperties['backgroundColor'];
|
|
6
|
+
textColor?: React.CSSProperties['color'];
|
|
7
|
+
borderRadius?: React.CSSProperties['borderRadius'];
|
|
8
8
|
gap?: React.CSSProperties['gap'];
|
|
9
9
|
padding?: React.CSSProperties['padding'];
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
} & TransformedHTMLAttributes<HTMLButtonElement>;
|
|
12
12
|
declare const Button: React.ForwardRefExoticComponent<{
|
|
13
13
|
children?: ReactNode;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
bgColor?: React.CSSProperties["backgroundColor"];
|
|
15
|
+
textColor?: React.CSSProperties["color"];
|
|
16
|
+
borderRadius?: React.CSSProperties["borderRadius"];
|
|
17
17
|
gap?: React.CSSProperties["gap"];
|
|
18
18
|
padding?: React.CSSProperties["padding"];
|
|
19
19
|
disabled?: boolean;
|
|
@@ -9,9 +9,9 @@ const StyledButton = styled_components_1.default.button `
|
|
|
9
9
|
/* Common Button CSS */
|
|
10
10
|
|
|
11
11
|
align-items: center;
|
|
12
|
-
cursor: ${(
|
|
13
|
-
background: ${(
|
|
14
|
-
color: ${(
|
|
12
|
+
cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};
|
|
13
|
+
background: ${({ $bgColor }) => ($bgColor ? $bgColor : '#d548ec')};
|
|
14
|
+
color: ${({ $textColor }) => $textColor ? $textColor : 'rgba(255, 255, 255, 1)'};
|
|
15
15
|
display: flex;
|
|
16
16
|
font-family: var(--pw-int-font-family);
|
|
17
17
|
justify-content: center;
|
|
@@ -21,18 +21,18 @@ const StyledButton = styled_components_1.default.button `
|
|
|
21
21
|
font-style: normal;
|
|
22
22
|
font-weight: 500;
|
|
23
23
|
line-height: 16px;
|
|
24
|
-
padding: ${(
|
|
24
|
+
padding: ${({ $padding }) => $padding ? $padding : '16px 24px'};
|
|
25
25
|
min-width: 100px;
|
|
26
26
|
width: inherit;
|
|
27
27
|
height: 48px;
|
|
28
|
-
gap: ${(
|
|
28
|
+
gap: ${({ $gap }) => $gap ? $gap : '4px'};
|
|
29
29
|
border: none;
|
|
30
|
-
border-radius: ${(
|
|
30
|
+
border-radius: ${({ $borderRadius }) => $borderRadius ? $borderRadius : '12px'};
|
|
31
31
|
white-space: nowrap;
|
|
32
32
|
`;
|
|
33
33
|
const Button = (0, react_1.forwardRef)((_a, ref) => {
|
|
34
|
-
var { disabled,
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), {
|
|
34
|
+
var { disabled, bgColor, textColor, borderRadius, gap, padding, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgColor", "textColor", "borderRadius", "gap", "padding", "children"]);
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { role: "button", ref: ref, "$bgColor": bgColor, "$textColor": textColor, "$borderRadius": borderRadius, "$gap": gap, "$padding": padding, "$disabled": disabled }, props, { children: children })));
|
|
36
36
|
});
|
|
37
37
|
exports.Button = Button;
|
|
38
38
|
Button.displayName = 'Button';
|
|
@@ -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;AAuBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAuBvC,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,EAAgF,EAAE,GAAG,EAAE,EAAE;QAAzF,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA9E,kFAAgF,CAAF;IAAY,OAAA,CACzF,uBAAC,YAAY,oBACP,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/C,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"}
|
|
@@ -26,27 +26,27 @@ const PushWalletConfigDefault = {
|
|
|
26
26
|
connectedLayout: constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER,
|
|
27
27
|
},
|
|
28
28
|
};
|
|
29
|
+
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
30
|
+
[data-pw-wrapper='${(props) => props.uid}']{
|
|
31
|
+
#w3m-modal {
|
|
32
|
+
z-index: 9999 !important;
|
|
33
|
+
position: fixed !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
${(props) => {
|
|
37
|
+
var _a;
|
|
38
|
+
const { themeMode, themeOverrides } = props.theme;
|
|
39
|
+
const isLightMode = themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT;
|
|
40
|
+
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
41
|
+
const newOverrides = Object.assign(Object.assign(Object.assign({}, Object.assign(Object.assign(Object.assign({}, token_1.themeDefault), token_1.buttonThemeDefault), (isLightMode ? token_1.lightThemeDefault : token_1.darkThemeDefault))), (0, theme_1.mapCoreToInt)(globalOverrides)), (0, theme_1.mapCoreToInt)((_a = (isLightMode ? light : dark)) !== null && _a !== void 0 ? _a : {}));
|
|
42
|
+
return Object.entries(newOverrides)
|
|
43
|
+
.map(([key, value]) => `${key}: ${value};`)
|
|
44
|
+
.join('\n');
|
|
45
|
+
}}
|
|
46
|
+
}
|
|
47
|
+
`;
|
|
29
48
|
const PushUniversalWalletProvider = ({ config, app, themeMode = constants_1.PushUI.CONSTANTS.THEME.LIGHT, themeOverrides = {}, children, }) => {
|
|
30
49
|
var _a;
|
|
31
|
-
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
32
|
-
[data-pw-wrapper='${(props) => props.uid}']{
|
|
33
|
-
#w3m-modal {
|
|
34
|
-
z-index: 9999 !important;
|
|
35
|
-
position: fixed !important;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
${(props) => {
|
|
39
|
-
var _a;
|
|
40
|
-
const { themeMode, themeOverrides } = props.theme;
|
|
41
|
-
const isLightMode = themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT;
|
|
42
|
-
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
43
|
-
const newOverrides = Object.assign(Object.assign(Object.assign({}, Object.assign(Object.assign(Object.assign({}, token_1.themeDefault), token_1.buttonThemeDefault), (isLightMode ? token_1.lightThemeDefault : token_1.darkThemeDefault))), (0, theme_1.mapCoreToInt)(globalOverrides)), (0, theme_1.mapCoreToInt)((_a = (isLightMode ? light : dark)) !== null && _a !== void 0 ? _a : {}));
|
|
44
|
-
return Object.entries(newOverrides)
|
|
45
|
-
.map(([key, value]) => `${key}: ${value};`)
|
|
46
|
-
.join('\n');
|
|
47
|
-
}}
|
|
48
|
-
}
|
|
49
|
-
`;
|
|
50
50
|
const mergedConfig = Object.assign(Object.assign(Object.assign({}, PushWalletConfigDefault), config), { login: Object.assign(Object.assign(Object.assign({}, loginDefaultConfig), ((config === null || config === void 0 ? void 0 : config.login) || {})), { wallet: Object.assign(Object.assign({}, loginDefaultConfig.wallet), (((_a = config === null || config === void 0 ? void 0 : config.login) === null || _a === void 0 ? void 0 : _a.wallet) || {})) }), modal: Object.assign(Object.assign({}, PushWalletConfigDefault.modal), config.modal) });
|
|
51
51
|
return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: { themeMode, themeOverrides }, children: [(0, jsx_runtime_1.jsx)(GlobalStyle, { uid: mergedConfig.uid }), (0, jsx_runtime_1.jsx)("div", { "data-pw-wrapper": mergedConfig.uid, children: (0, jsx_runtime_1.jsx)(WalletContext_1.WalletContextProvider, { config: mergedConfig, app: app, themeMode: themeMode, themeOverrides: themeOverrides, children: children }) })] }));
|
|
52
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PushWalletProvider.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/providers/PushWalletProvider.tsx"],"names":[],"mappings":";;;;;AAGA,4DAAiE;AACjE,4CAAsC;AACtC,yDAI2B;AAC3B,2CAMyB;AACzB,0CAA8C;AAO9C,MAAM,kBAAkB,GAAG;IACzB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE;QACN,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,uBAAuB,GAAwB;IACnD,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,kBAAM,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa;IACpD,KAAK,EAAE;QACL,WAAW,EAAE,kBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;QACjD,UAAU,EAAE,KAAK;QACjB,oBAAoB,EAAE,kBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI;QACjE,eAAe,EAAE,kBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;KACzD;CACF,CAAC;
|
|
1
|
+
{"version":3,"file":"PushWalletProvider.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/providers/PushWalletProvider.tsx"],"names":[],"mappings":"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"}
|