@bosonprotocol/react-kit 0.34.0-alpha.7 → 0.34.0-alpha.8
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/dist/cjs/components/wallet2/web3Status/index.d.ts +14 -2
- package/dist/cjs/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.js +13 -5
- package/dist/cjs/components/wallet2/web3Status/index.js.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.d.ts +14 -2
- package/dist/esm/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.js +14 -6
- package/dist/esm/components/wallet2/web3Status/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/wallet2/web3Status/index.tsx +43 -15
- package/src/stories/ConnectWallet.stories.tsx +26 -4
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
3
|
+
type SuccessButtonTheme = Omit<BaseButtonTheme, "color" | "background"> & Required<Pick<BaseButtonTheme, "color" | "background">>;
|
|
3
4
|
export type ConnectWalletProps = {
|
|
4
5
|
showOnlyIcon?: boolean;
|
|
5
6
|
errorButtonTheme: BaseButtonTheme;
|
|
6
|
-
|
|
7
|
+
connectedButtonTheme: SuccessButtonTheme;
|
|
8
|
+
connectWalletButtonTheme: SuccessButtonTheme;
|
|
9
|
+
connectWalletChild?: ReactNode;
|
|
10
|
+
wrongNetworkChild?: ReactNode;
|
|
11
|
+
showStatusIcon?: boolean;
|
|
12
|
+
leftConnectedChild?: ReactNode;
|
|
13
|
+
rightConnectedChild?: ReactNode;
|
|
14
|
+
leftWrongNetworkChild?: ReactNode;
|
|
15
|
+
rightWrongNetworkChild?: ReactNode;
|
|
16
|
+
leftConnectWalletChild?: ReactNode;
|
|
17
|
+
rightConnectWalletChild?: ReactNode;
|
|
7
18
|
};
|
|
8
19
|
export declare const ConnectWallet: React.NamedExoticComponent<ConnectWalletProps>;
|
|
20
|
+
export {};
|
|
9
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAgB/E,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAwLvE,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GACrE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,wBAAwB,EAAE,kBAAkB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
|
|
@@ -78,7 +78,7 @@ const getCommonWalletButtonProps = (isXXS) => ({
|
|
|
78
78
|
whiteSpace: "pre"
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
|
-
function Web3StatusInner({ showOnlyIcon, errorButtonTheme,
|
|
81
|
+
function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletChild = react_1.default.createElement(react_1.default.Fragment, null, "Connect Wallet"), showStatusIcon = true, wrongNetworkChild = react_1.default.createElement(react_1.default.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild }) {
|
|
82
82
|
const switchingChain = (0, hooks_2.useAppSelector)((state) => state.wallets.switchingChain);
|
|
83
83
|
const ignoreWhileSwitchingChain = (0, react_1.useCallback)(() => !switchingChain, [switchingChain]);
|
|
84
84
|
const { address: account } = (0, useLast_1.useLast)((0, connection_1.useAccount)(), ignoreWhileSwitchingChain);
|
|
@@ -116,10 +116,12 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
116
116
|
? !(configsCurrentChain === null || configsCurrentChain === void 0 ? void 0 : configsCurrentChain.length)
|
|
117
117
|
: wasConnected && !(configsPreviousChain === null || configsPreviousChain === void 0 ? void 0 : configsPreviousChain.length) && isActive;
|
|
118
118
|
if (!connectedToWrongChainId && account) {
|
|
119
|
-
return (react_1.default.createElement(BaseButton_1.BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme:
|
|
120
|
-
react_1.default.createElement(StatusIcon_1.default, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon }),
|
|
119
|
+
return (react_1.default.createElement(BaseButton_1.BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: connectedButtonTheme },
|
|
120
|
+
showStatusIcon && (react_1.default.createElement(StatusIcon_1.default, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon })),
|
|
121
|
+
leftConnectedChild,
|
|
121
122
|
react_1.default.createElement(AddressAndChevronContainer, null,
|
|
122
|
-
react_1.default.createElement(Text, null, ENSName || (0, address_1.formatAddress)(account)))
|
|
123
|
+
react_1.default.createElement(Text, null, ENSName || (0, address_1.formatAddress)(account))),
|
|
124
|
+
rightConnectedChild));
|
|
123
125
|
}
|
|
124
126
|
return (react_1.default.createElement(Grid_1.Grid, { justifyContent: "center", flexDirection: "column" }, connectedToWrongChainId ? (react_1.default.createElement(Tooltip_1.Tooltip, { content: react_1.default.createElement("div", null,
|
|
125
127
|
"Connect to",
|
|
@@ -129,7 +131,13 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
129
131
|
.join(", "),
|
|
130
132
|
" ",
|
|
131
133
|
"and click here again") },
|
|
132
|
-
react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({}, getCommonWalletButtonProps(isXXS), { onClick: handleWalletDropdownClick, theme: errorButtonTheme }),
|
|
134
|
+
react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({}, getCommonWalletButtonProps(isXXS), { onClick: handleWalletDropdownClick, theme: errorButtonTheme }),
|
|
135
|
+
leftWrongNetworkChild,
|
|
136
|
+
wrongNetworkChild,
|
|
137
|
+
rightWrongNetworkChild))) : (react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({ onClick: handleWalletDropdownClick, "data-testid": "navbar-connect-wallet" }, getCommonWalletButtonProps(isXXS), { theme: connectWalletButtonTheme, style: Object.assign({}, getCommonWalletButtonProps(isXXS).style) }),
|
|
138
|
+
leftConnectWalletChild,
|
|
139
|
+
connectWalletChild,
|
|
140
|
+
rightConnectWalletChild))));
|
|
133
141
|
}
|
|
134
142
|
exports.ConnectWallet = (0, react_1.memo)(function Web3Status(props) {
|
|
135
143
|
return (react_1.default.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAgD;AAChD,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
3
|
+
type SuccessButtonTheme = Omit<BaseButtonTheme, "color" | "background"> & Required<Pick<BaseButtonTheme, "color" | "background">>;
|
|
3
4
|
export type ConnectWalletProps = {
|
|
4
5
|
showOnlyIcon?: boolean;
|
|
5
6
|
errorButtonTheme: BaseButtonTheme;
|
|
6
|
-
|
|
7
|
+
connectedButtonTheme: SuccessButtonTheme;
|
|
8
|
+
connectWalletButtonTheme: SuccessButtonTheme;
|
|
9
|
+
connectWalletChild?: ReactNode;
|
|
10
|
+
wrongNetworkChild?: ReactNode;
|
|
11
|
+
showStatusIcon?: boolean;
|
|
12
|
+
leftConnectedChild?: ReactNode;
|
|
13
|
+
rightConnectedChild?: ReactNode;
|
|
14
|
+
leftWrongNetworkChild?: ReactNode;
|
|
15
|
+
rightWrongNetworkChild?: ReactNode;
|
|
16
|
+
leftConnectWalletChild?: ReactNode;
|
|
17
|
+
rightConnectWalletChild?: ReactNode;
|
|
7
18
|
};
|
|
8
19
|
export declare const ConnectWallet: React.NamedExoticComponent<ConnectWalletProps>;
|
|
20
|
+
export {};
|
|
9
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAgB/E,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAwLvE,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GACrE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,wBAAwB,EAAE,kBAAkB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
|
|
@@ -49,7 +49,7 @@ const getCommonWalletButtonProps = (isXXS) => ({
|
|
|
49
49
|
whiteSpace: "pre"
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
function Web3StatusInner({ showOnlyIcon, errorButtonTheme,
|
|
52
|
+
function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletChild = React.createElement(React.Fragment, null, "Connect Wallet"), showStatusIcon = true, wrongNetworkChild = React.createElement(React.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild }) {
|
|
53
53
|
const switchingChain = useAppSelector((state) => state.wallets.switchingChain);
|
|
54
54
|
const ignoreWhileSwitchingChain = useCallback(() => !switchingChain, [switchingChain]);
|
|
55
55
|
const { address: account } = useLast(useAccount(), ignoreWhileSwitchingChain);
|
|
@@ -87,10 +87,12 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
87
87
|
? !configsCurrentChain?.length
|
|
88
88
|
: wasConnected && !configsPreviousChain?.length && isActive;
|
|
89
89
|
if (!connectedToWrongChainId && account) {
|
|
90
|
-
return (React.createElement(BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme:
|
|
91
|
-
React.createElement(StatusIcon, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon }),
|
|
90
|
+
return (React.createElement(BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: connectedButtonTheme },
|
|
91
|
+
showStatusIcon && (React.createElement(StatusIcon, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon })),
|
|
92
|
+
leftConnectedChild,
|
|
92
93
|
React.createElement(AddressAndChevronContainer, null,
|
|
93
|
-
React.createElement(Text, null, ENSName || formatAddress(account)))
|
|
94
|
+
React.createElement(Text, null, ENSName || formatAddress(account))),
|
|
95
|
+
rightConnectedChild));
|
|
94
96
|
}
|
|
95
97
|
return (React.createElement(Grid, { justifyContent: "center", flexDirection: "column" }, connectedToWrongChainId ? (React.createElement(Tooltip, { content: React.createElement("div", null,
|
|
96
98
|
"Connect to",
|
|
@@ -100,9 +102,15 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
100
102
|
.join(", "),
|
|
101
103
|
" ",
|
|
102
104
|
"and click here again") },
|
|
103
|
-
React.createElement(BaseButton, { ...getCommonWalletButtonProps(isXXS), onClick: handleWalletDropdownClick, theme: errorButtonTheme },
|
|
105
|
+
React.createElement(BaseButton, { ...getCommonWalletButtonProps(isXXS), onClick: handleWalletDropdownClick, theme: errorButtonTheme },
|
|
106
|
+
leftWrongNetworkChild,
|
|
107
|
+
wrongNetworkChild,
|
|
108
|
+
rightWrongNetworkChild))) : (React.createElement(BaseButton, { onClick: handleWalletDropdownClick, "data-testid": "navbar-connect-wallet", ...getCommonWalletButtonProps(isXXS), theme: connectWalletButtonTheme, style: {
|
|
104
109
|
...getCommonWalletButtonProps(isXXS).style
|
|
105
|
-
} },
|
|
110
|
+
} },
|
|
111
|
+
leftConnectWalletChild,
|
|
112
|
+
connectWalletChild,
|
|
113
|
+
rightConnectWalletChild))));
|
|
106
114
|
}
|
|
107
115
|
export const ConnectWallet = memo(function Web3Status(props) {
|
|
108
116
|
return (React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,EAAa,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC3B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAmB,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,aAAa,EACb,cAAc,EACf,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,oCAAoC,GAAG,QAAQ,CAAC;AAEtD,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;IAGzC,UAAU,CAAC,GAAG;;;uBAGK,iBAAiB,CAAC,CAAC,uBAAuB,oCAAoC;;;uBAG9E,oCAAoC;;;CAG1D,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;CASpB,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,KAAc,EAAE,EAAE,CACpD,CAAC;IACC,QAAQ,EAAE,CAAC;IACX,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;IACjC,KAAK,EAAE;QACL,UAAU,EAAE,KAAK;KAClB;CACF,CAAU,CAAC;AACd,SAAS,eAAe,CAAC,EACvB,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,kBAAkB,GAAG,2DAAmB,EACxC,cAAc,GAAG,IAAI,EACrB,iBAAiB,GAAG,0DAAkB,EACtC,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACH;IACnB,MAAM,cAAc,GAAG,cAAc,CACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CACxC,CAAC;IACF,MAAM,yBAAyB,GAAG,WAAW,CAC3C,GAAG,EAAE,CAAC,CAAC,cAAc,EACrB,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,EAAE,yBAAyB,CAAC,CAAC;IAE9E,MAAM,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YAClC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE;YACxD,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,YAAY,EAAE,EAAE,yBAAyB,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAExC,MAAM,CAAC,EAAE,mBAAmB,CAAC,GAAG,gBAAgB,EAAE,CAAC;IACnD,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE;QACjD,mBAAmB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC1B,MAAM,YAAY,GAAG,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;IAC1C,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,MAAM,oBAAoB,GAAG,mBAAmB,CAC9C,eAAe,EACf,MAAM,CAAC,OAAO,CACf,CAAC;IACF,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,uBAAuB,GAAG,eAAe;QAC7C,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM;YAC9B,CAAC,CAAC,YAAY,IAAI,CAAC,oBAAoB,EAAE,MAAM,IAAI,QAAQ,CAAC;IAEhE,IAAI,CAAC,uBAAuB,IAAI,OAAO,EAAE;QACvC,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,iBACrB,uBAAuB,EACnC,OAAO,EAAE,yBAAyB,EAClC,KAAK,EAAE,oBAAoB;YAE1B,cAAc,IAAI,CACjB,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,YAAY,GAC3B,CACH;YACA,kBAAkB;YACnB,oBAAC,0BAA0B;gBACzB,oBAAC,IAAI,QAAE,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,CAAQ,CACrB;YAC5B,mBAAmB,CACT,CACd,CAAC;KACH;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,IACjD,uBAAuB,CAAC,CAAC,CAAC,CACzB,oBAAC,OAAO,IACN,OAAO,EACL;;YACa,GAAG;YACb,0BAA0B,CAAC,MAAM,CAAC,OAAO,CAAC;iBACxC,GAAG,CACF,CAAC,MAAM,EAAE,EAAE,CACT,GACE,2BAA2B,CACzB,MAAM,CAAC,OAAmD,CAE9D,KAAK,MAAM,CAAC,OAAO,GAAG,CACzB;iBACA,IAAI,CAAC,IAAI,CAAC;YAAE,GAAG;mCAEd;QAGR,oBAAC,UAAU,OACL,0BAA0B,CAAC,KAAK,CAAC,EACrC,OAAO,EAAE,yBAAyB,EAClC,KAAK,EAAE,gBAAgB;YAEtB,qBAAqB;YACrB,iBAAiB;YACjB,sBAAsB,CACZ,CACL,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IACT,OAAO,EAAE,yBAAyB,iBACtB,uBAAuB,KAC/B,0BAA0B,CAAC,KAAK,CAAC,EACrC,KAAK,EAAE,wBAAwB,EAC/B,KAAK,EAAE;YACL,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC,KAAK;SAC3C;QAEA,sBAAsB;QACtB,kBAAkB;QAClB,uBAAuB,CACb,CACd,CACI,CACR,CAAC;AACJ,CAAC;AAmBD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,UAAU,CACnD,KAAyB;IAEzB,OAAO,CACL;QACE,oBAAC,eAAe,OAAK,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.34.0-alpha.
|
|
4
|
+
"version": "0.34.0-alpha.8",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.41.0-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.14.6-alpha.
|
|
20
|
-
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.41.0-alpha.10",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.14.6-alpha.1",
|
|
20
|
+
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.8",
|
|
21
21
|
"@davatar/react": "1.11.1",
|
|
22
22
|
"@ethersproject/units": "5.6.0",
|
|
23
23
|
"@glidejs/glide": "3.6.0",
|
|
@@ -188,5 +188,5 @@
|
|
|
188
188
|
"overrides": {
|
|
189
189
|
"typescript": "^5.1.6"
|
|
190
190
|
},
|
|
191
|
-
"gitHead": "
|
|
191
|
+
"gitHead": "8623afeb07a6e23445ba6559e7d7474e4b01cd76"
|
|
192
192
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useWeb3React } from "@web3-react/core";
|
|
2
|
-
import React, { memo, useCallback, useEffect, useRef } from "react";
|
|
2
|
+
import React, { ReactNode, memo, useCallback, useEffect, useRef } from "react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
4
|
|
|
5
5
|
import { useIsMagicLoggedIn } from "../../../hooks";
|
|
@@ -64,7 +64,17 @@ const getCommonWalletButtonProps = (isXXS: boolean) =>
|
|
|
64
64
|
function Web3StatusInner({
|
|
65
65
|
showOnlyIcon,
|
|
66
66
|
errorButtonTheme,
|
|
67
|
-
|
|
67
|
+
connectedButtonTheme,
|
|
68
|
+
connectWalletButtonTheme,
|
|
69
|
+
connectWalletChild = <>Connect Wallet</>,
|
|
70
|
+
showStatusIcon = true,
|
|
71
|
+
wrongNetworkChild = <>Wrong network</>,
|
|
72
|
+
leftConnectWalletChild,
|
|
73
|
+
leftConnectedChild,
|
|
74
|
+
leftWrongNetworkChild,
|
|
75
|
+
rightConnectWalletChild,
|
|
76
|
+
rightConnectedChild,
|
|
77
|
+
rightWrongNetworkChild
|
|
68
78
|
}: ConnectWalletProps) {
|
|
69
79
|
const switchingChain = useAppSelector(
|
|
70
80
|
(state) => state.wallets.switchingChain
|
|
@@ -121,18 +131,21 @@ function Web3StatusInner({
|
|
|
121
131
|
disabled={Boolean(switchingChain)}
|
|
122
132
|
data-testid="web3-status-connected"
|
|
123
133
|
onClick={handleWalletDropdownClick}
|
|
124
|
-
theme={
|
|
134
|
+
theme={connectedButtonTheme}
|
|
125
135
|
>
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
136
|
+
{showStatusIcon && (
|
|
137
|
+
<StatusIcon
|
|
138
|
+
account={account}
|
|
139
|
+
size={24}
|
|
140
|
+
connection={connection}
|
|
141
|
+
showMiniIcons={showOnlyIcon}
|
|
142
|
+
/>
|
|
143
|
+
)}
|
|
144
|
+
{leftConnectedChild}
|
|
133
145
|
<AddressAndChevronContainer>
|
|
134
146
|
<Text>{ENSName || formatAddress(account)}</Text>
|
|
135
147
|
</AddressAndChevronContainer>
|
|
148
|
+
{rightConnectedChild}
|
|
136
149
|
</BaseButton>
|
|
137
150
|
);
|
|
138
151
|
}
|
|
@@ -163,7 +176,9 @@ function Web3StatusInner({
|
|
|
163
176
|
onClick={handleWalletDropdownClick}
|
|
164
177
|
theme={errorButtonTheme}
|
|
165
178
|
>
|
|
166
|
-
|
|
179
|
+
{leftWrongNetworkChild}
|
|
180
|
+
{wrongNetworkChild}
|
|
181
|
+
{rightWrongNetworkChild}
|
|
167
182
|
</BaseButton>
|
|
168
183
|
</Tooltip>
|
|
169
184
|
) : (
|
|
@@ -171,23 +186,36 @@ function Web3StatusInner({
|
|
|
171
186
|
onClick={handleWalletDropdownClick}
|
|
172
187
|
data-testid="navbar-connect-wallet"
|
|
173
188
|
{...getCommonWalletButtonProps(isXXS)}
|
|
174
|
-
theme={
|
|
189
|
+
theme={connectWalletButtonTheme}
|
|
175
190
|
style={{
|
|
176
191
|
...getCommonWalletButtonProps(isXXS).style
|
|
177
192
|
}}
|
|
178
193
|
>
|
|
179
|
-
|
|
194
|
+
{leftConnectWalletChild}
|
|
195
|
+
{connectWalletChild}
|
|
196
|
+
{rightConnectWalletChild}
|
|
180
197
|
</BaseButton>
|
|
181
198
|
)}
|
|
182
199
|
</Grid>
|
|
183
200
|
);
|
|
184
201
|
}
|
|
202
|
+
type SuccessButtonTheme = Omit<BaseButtonTheme, "color" | "background"> &
|
|
203
|
+
Required<Pick<BaseButtonTheme, "color" | "background">>;
|
|
185
204
|
|
|
186
205
|
export type ConnectWalletProps = {
|
|
187
206
|
showOnlyIcon?: boolean;
|
|
188
207
|
errorButtonTheme: BaseButtonTheme;
|
|
189
|
-
|
|
190
|
-
|
|
208
|
+
connectedButtonTheme: SuccessButtonTheme;
|
|
209
|
+
connectWalletButtonTheme: SuccessButtonTheme;
|
|
210
|
+
connectWalletChild?: ReactNode;
|
|
211
|
+
wrongNetworkChild?: ReactNode;
|
|
212
|
+
showStatusIcon?: boolean;
|
|
213
|
+
leftConnectedChild?: ReactNode;
|
|
214
|
+
rightConnectedChild?: ReactNode;
|
|
215
|
+
leftWrongNetworkChild?: ReactNode;
|
|
216
|
+
rightWrongNetworkChild?: ReactNode;
|
|
217
|
+
leftConnectWalletChild?: ReactNode;
|
|
218
|
+
rightConnectWalletChild?: ReactNode;
|
|
191
219
|
};
|
|
192
220
|
export const ConnectWallet = memo(function Web3Status(
|
|
193
221
|
props: ConnectWalletProps
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { fn } from "@storybook/test";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { ReactNode } from "react";
|
|
3
3
|
import { Meta } from "@storybook/react";
|
|
4
4
|
import {
|
|
5
5
|
ChainSelector,
|
|
@@ -17,8 +17,9 @@ import {
|
|
|
17
17
|
import { HashRouter, Route, Routes } from "react-router-dom";
|
|
18
18
|
import { bosonButtonThemeKeys } from "../components/ui/ThemedButton";
|
|
19
19
|
import { CSSProperties, createGlobalStyle } from "styled-components";
|
|
20
|
+
import { Wallet } from "phosphor-react";
|
|
20
21
|
const colors = theme.colors.light;
|
|
21
|
-
const successButtonTheme: ConnectWalletProps["
|
|
22
|
+
const successButtonTheme: ConnectWalletProps["connectWalletButtonTheme"] = {
|
|
22
23
|
...bosonButtonThemes({ withBosonStyle: false })["primary"],
|
|
23
24
|
color: "inherit",
|
|
24
25
|
background: "var(--buttonBgColor)"
|
|
@@ -38,6 +39,9 @@ const ColorGlobalStyle = createGlobalStyle<{ color: CSSProperties["color"] }>`
|
|
|
38
39
|
}
|
|
39
40
|
`;
|
|
40
41
|
const Component = ({
|
|
42
|
+
showStatusIcon,
|
|
43
|
+
rightConnectedChild,
|
|
44
|
+
connectWalletChild,
|
|
41
45
|
textColor,
|
|
42
46
|
chainSelectorBackgroundColor,
|
|
43
47
|
connectWalletBorderRadius,
|
|
@@ -59,7 +63,10 @@ const Component = ({
|
|
|
59
63
|
magicLoginButtonBorderRadiusPx,
|
|
60
64
|
onUserDisconnect
|
|
61
65
|
}: {
|
|
66
|
+
showStatusIcon: boolean;
|
|
67
|
+
rightConnectedChild?: ReactNode;
|
|
62
68
|
textColor: string;
|
|
69
|
+
connectWalletChild: string;
|
|
63
70
|
chainSelectorBackgroundColor: string | undefined;
|
|
64
71
|
connectWalletBorderRadius: string | undefined;
|
|
65
72
|
connectWalletSuccessButtonThemeKey: string | undefined;
|
|
@@ -118,7 +125,19 @@ const Component = ({
|
|
|
118
125
|
config={config}
|
|
119
126
|
/>
|
|
120
127
|
<ConnectWallet
|
|
121
|
-
|
|
128
|
+
showStatusIcon={showStatusIcon}
|
|
129
|
+
connectWalletChild={connectWalletChild}
|
|
130
|
+
rightConnectedChild={rightConnectedChild}
|
|
131
|
+
connectWalletButtonTheme={{
|
|
132
|
+
...(connectWalletSuccessButtonThemeKey
|
|
133
|
+
? bosonButtonThemes({ withBosonStyle: false })[
|
|
134
|
+
connectWalletSuccessButtonThemeKey
|
|
135
|
+
]
|
|
136
|
+
: successButtonTheme),
|
|
137
|
+
borderRadius: connectWalletBorderRadius,
|
|
138
|
+
gap: "2px"
|
|
139
|
+
}}
|
|
140
|
+
connectedButtonTheme={{
|
|
122
141
|
...(connectWalletSuccessButtonThemeKey
|
|
123
142
|
? bosonButtonThemes({ withBosonStyle: false })[
|
|
124
143
|
connectWalletSuccessButtonThemeKey
|
|
@@ -285,6 +304,9 @@ export const CustomTheme = {
|
|
|
285
304
|
walletHoverFocusBackgroundColor: "#e89f0e",
|
|
286
305
|
walletHoverColor: "#ff0000",
|
|
287
306
|
magicLoginButtonThemeKey: "orangeInverse",
|
|
288
|
-
magicLoginButtonBorderRadiusPx: "50"
|
|
307
|
+
magicLoginButtonBorderRadiusPx: "50",
|
|
308
|
+
showStatusIcon: false,
|
|
309
|
+
connectWalletChild: <>Connect</>,
|
|
310
|
+
rightConnectedChild: <Wallet />
|
|
289
311
|
}
|
|
290
312
|
};
|