@bosonprotocol/react-kit 0.40.0-alpha.6 → 0.40.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.
Files changed (11) hide show
  1. package/dist/cjs/components/wallet2/web3Status/index.d.ts +1 -0
  2. package/dist/cjs/components/wallet2/web3Status/index.d.ts.map +1 -1
  3. package/dist/cjs/components/wallet2/web3Status/index.js +3 -18
  4. package/dist/cjs/components/wallet2/web3Status/index.js.map +1 -1
  5. package/dist/esm/components/wallet2/web3Status/index.d.ts +1 -0
  6. package/dist/esm/components/wallet2/web3Status/index.d.ts.map +1 -1
  7. package/dist/esm/components/wallet2/web3Status/index.js +3 -18
  8. package/dist/esm/components/wallet2/web3Status/index.js.map +1 -1
  9. package/package.json +4 -4
  10. package/src/components/wallet2/web3Status/index.tsx +5 -21
  11. package/src/stories/ConnectWallet.stories.tsx +5 -1
package/dist/cjs/components/wallet2/web3Status/index.d.ts CHANGED
@@ -16,6 +16,7 @@ export type ConnectWalletProps = {
16
16
  rightWrongNetworkChild?: ReactNode;
17
17
  leftConnectWalletChild?: ReactNode;
18
18
  rightConnectWalletChild?: ReactNode;
19
+ hideConnectedAddress?: boolean;
19
20
  };
20
21
  export declare const ConnectWallet: React.NamedExoticComponent<ConnectWalletProps>;
21
22
  export {};
package/dist/cjs/components/wallet2/web3Status/index.d.ts.map CHANGED
@@ -1 +1 @@
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;AA0LvE,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,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,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"}
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;AAe/E,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA0KvE,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,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,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;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
package/dist/cjs/components/wallet2/web3Status/index.js CHANGED
@@ -48,7 +48,6 @@ const useLast_1 = require("../../../hooks/useLast");
48
48
  const address_1 = require("../../../lib/address/address");
49
49
  const getConfigsByChainId_1 = require("../../../lib/config/getConfigsByChainId");
50
50
  const chains_1 = require("../../../lib/const/chains");
51
- const breakpoint_1 = require("../../../lib/ui/breakpoint");
52
51
  const hooks_2 = require("../../../state/hooks");
53
52
  const BaseButton_1 = require("../../buttons/BaseButton");
54
53
  const ConfigContext_1 = require("../../config/ConfigContext");
@@ -57,20 +56,6 @@ const Tooltip_1 = require("../../tooltip/Tooltip");
57
56
  const Grid_1 = require("../../ui/Grid");
58
57
  const accountDrawer_1 = require("../accountDrawer");
59
58
  const StatusIcon_1 = __importDefault(require("../identicon/StatusIcon"));
60
- const breakpointWhenConnectButtonOverflows = "1300px";
61
- const AddressAndChevronContainer = styled_components_1.default.div `
62
- display: flex;
63
-
64
- ${breakpoint_1.breakpoint.xxs} {
65
- display: none;
66
- }
67
- @media (min-width: ${breakpoint_1.breakpointNumbers.l}px) and (max-width: ${breakpointWhenConnectButtonOverflows}) {
68
- display: none;
69
- }
70
- @media (min-width: ${breakpointWhenConnectButtonOverflows}) {
71
- display: flex;
72
- }
73
- `;
74
59
  const Text = styled_components_1.default.p `
75
60
  flex: 1 1 auto;
76
61
  overflow: hidden;
@@ -88,7 +73,7 @@ const getCommonWalletButtonProps = (isXXS) => ({
88
73
  whiteSpace: "pre"
89
74
  }
90
75
  });
91
- function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletButtonDisabled, connectWalletChild = react_1.default.createElement(react_1.default.Fragment, null, "Connect account"), showStatusIcon = true, wrongNetworkChild = react_1.default.createElement(react_1.default.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild }) {
76
+ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletButtonDisabled, connectWalletChild = react_1.default.createElement(react_1.default.Fragment, null, "Connect account"), showStatusIcon = true, wrongNetworkChild = react_1.default.createElement(react_1.default.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild, hideConnectedAddress }) {
92
77
  const switchingChain = (0, hooks_2.useAppSelector)((state) => state.wallets.switchingChain);
93
78
  const ignoreWhileSwitchingChain = (0, react_1.useCallback)(() => !switchingChain, [switchingChain]);
94
79
  const { address: account } = (0, useLast_1.useLast)((0, connection_1.useAccount)(), ignoreWhileSwitchingChain);
@@ -126,11 +111,11 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme,
126
111
  ? !(configsCurrentChain === null || configsCurrentChain === void 0 ? void 0 : configsCurrentChain.length)
127
112
  : wasConnected && !(configsPreviousChain === null || configsPreviousChain === void 0 ? void 0 : configsPreviousChain.length) && isActive;
128
113
  if (!connectedToWrongChainId && account) {
114
+ const connectedText = ENSName || (0, address_1.formatAddress)(account);
129
115
  return (react_1.default.createElement(BaseButton_1.BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: connectedButtonTheme },
130
116
  showStatusIcon && (react_1.default.createElement(StatusIcon_1.default, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon })),
131
117
  leftConnectedChild,
132
- react_1.default.createElement(AddressAndChevronContainer, null,
133
- react_1.default.createElement(Text, null, ENSName || (0, address_1.formatAddress)(account))),
118
+ !hideConnectedAddress && react_1.default.createElement(Text, null, connectedText),
134
119
  rightConnectedChild));
135
120
  }
136
121
  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,
package/dist/cjs/components/wallet2/web3Status/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/wallet2/web3Status/index.d.ts CHANGED
@@ -16,6 +16,7 @@ export type ConnectWalletProps = {
16
16
  rightWrongNetworkChild?: ReactNode;
17
17
  leftConnectWalletChild?: ReactNode;
18
18
  rightConnectWalletChild?: ReactNode;
19
+ hideConnectedAddress?: boolean;
19
20
  };
20
21
  export declare const ConnectWallet: React.NamedExoticComponent<ConnectWalletProps>;
21
22
  export {};
package/dist/esm/components/wallet2/web3Status/index.d.ts.map CHANGED
@@ -1 +1 @@
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;AA0LvE,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,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,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"}
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;AAe/E,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA0KvE,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,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,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;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
package/dist/esm/components/wallet2/web3Status/index.js CHANGED
@@ -9,7 +9,6 @@ import { useLast } from "../../../hooks/useLast";
9
9
  import { formatAddress } from "../../../lib/address/address";
10
10
  import { getConfigsByChainId, getEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
11
11
  import { CHAIN_IDS_TO_FRIENDLY_NAMES } from "../../../lib/const/chains";
12
- import { breakpoint, breakpointNumbers } from "../../../lib/ui/breakpoint";
13
12
  import { useAppSelector } from "../../../state/hooks";
14
13
  import { BaseButton } from "../../buttons/BaseButton";
15
14
  import { useConfigContext } from "../../config/ConfigContext";
@@ -18,20 +17,6 @@ import { Tooltip } from "../../tooltip/Tooltip";
18
17
  import { Grid } from "../../ui/Grid";
19
18
  import { useAccountDrawer } from "../accountDrawer";
20
19
  import StatusIcon from "../identicon/StatusIcon";
21
- const breakpointWhenConnectButtonOverflows = "1300px";
22
- const AddressAndChevronContainer = styled.div `
23
- display: flex;
24
-
25
- ${breakpoint.xxs} {
26
- display: none;
27
- }
28
- @media (min-width: ${breakpointNumbers.l}px) and (max-width: ${breakpointWhenConnectButtonOverflows}) {
29
- display: none;
30
- }
31
- @media (min-width: ${breakpointWhenConnectButtonOverflows}) {
32
- display: flex;
33
- }
34
- `;
35
20
  const Text = styled.p `
36
21
  flex: 1 1 auto;
37
22
  overflow: hidden;
@@ -49,7 +34,7 @@ const getCommonWalletButtonProps = (isXXS) => ({
49
34
  whiteSpace: "pre"
50
35
  }
51
36
  });
52
- function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletButtonDisabled, connectWalletChild = React.createElement(React.Fragment, null, "Connect account"), showStatusIcon = true, wrongNetworkChild = React.createElement(React.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild }) {
37
+ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletButtonDisabled, connectWalletChild = React.createElement(React.Fragment, null, "Connect account"), showStatusIcon = true, wrongNetworkChild = React.createElement(React.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild, hideConnectedAddress }) {
53
38
  const switchingChain = useAppSelector((state) => state.wallets.switchingChain);
54
39
  const ignoreWhileSwitchingChain = useCallback(() => !switchingChain, [switchingChain]);
55
40
  const { address: account } = useLast(useAccount(), ignoreWhileSwitchingChain);
@@ -87,11 +72,11 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme,
87
72
  ? !configsCurrentChain?.length
88
73
  : wasConnected && !configsPreviousChain?.length && isActive;
89
74
  if (!connectedToWrongChainId && account) {
75
+ const connectedText = ENSName || formatAddress(account);
90
76
  return (React.createElement(BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: connectedButtonTheme },
91
77
  showStatusIcon && (React.createElement(StatusIcon, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon })),
92
78
  leftConnectedChild,
93
- React.createElement(AddressAndChevronContainer, null,
94
- React.createElement(Text, null, ENSName || formatAddress(account))),
79
+ !hideConnectedAddress && React.createElement(Text, null, connectedText),
95
80
  rightConnectedChild));
96
81
  }
97
82
  return (React.createElement(Grid, { justifyContent: "center", flexDirection: "column" }, connectedToWrongChainId ? (React.createElement(Tooltip, { content: React.createElement("div", null,
package/dist/esm/components/wallet2/web3Status/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
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.40.0-alpha.6",
4
+ "version": "0.40.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,8 +15,8 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.44.0-alpha.4",
19
- "@bosonprotocol/ethers-sdk": "^1.16.0-alpha.3",
18
+ "@bosonprotocol/core-sdk": "^1.44.0-alpha.6",
19
+ "@bosonprotocol/ethers-sdk": "^1.16.0-alpha.5",
20
20
  "@bosonprotocol/ipfs-storage": "^1.12.0",
21
21
  "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.19",
22
22
  "@davatar/react": "1.11.1",
@@ -206,5 +206,5 @@
206
206
  "overrides": {
207
207
  "typescript": "^5.1.6"
208
208
  },
209
- "gitHead": "3b8d7eda174aa250a8fbf9d46a213a11ab53f793"
209
+ "gitHead": "3fd81773af35a981ccb2147b8df4a7a8dc9f88a5"
210
210
  }
package/src/components/wallet2/web3Status/index.tsx CHANGED
@@ -13,7 +13,6 @@ import {
13
13
  getEnvConfigsFilteredByEnv
14
14
  } from "../../../lib/config/getConfigsByChainId";
15
15
  import { CHAIN_IDS_TO_FRIENDLY_NAMES } from "../../../lib/const/chains";
16
- import { breakpoint, breakpointNumbers } from "../../../lib/ui/breakpoint";
17
16
  import { useAppSelector } from "../../../state/hooks";
18
17
  import { BaseButton, BaseButtonTheme } from "../../buttons/BaseButton";
19
18
  import { useConfigContext } from "../../config/ConfigContext";
@@ -26,22 +25,6 @@ import { Grid } from "../../ui/Grid";
26
25
  import { useAccountDrawer } from "../accountDrawer";
27
26
  import StatusIcon from "../identicon/StatusIcon";
28
27
 
29
- const breakpointWhenConnectButtonOverflows = "1300px";
30
-
31
- const AddressAndChevronContainer = styled.div`
32
- display: flex;
33
-
34
- ${breakpoint.xxs} {
35
- display: none;
36
- }
37
- @media (min-width: ${breakpointNumbers.l}px) and (max-width: ${breakpointWhenConnectButtonOverflows}) {
38
- display: none;
39
- }
40
- @media (min-width: ${breakpointWhenConnectButtonOverflows}) {
41
- display: flex;
42
- }
43
- `;
44
-
45
28
  const Text = styled.p`
46
29
  flex: 1 1 auto;
47
30
  overflow: hidden;
@@ -75,7 +58,8 @@ function Web3StatusInner({
75
58
  leftWrongNetworkChild,
76
59
  rightConnectWalletChild,
77
60
  rightConnectedChild,
78
- rightWrongNetworkChild
61
+ rightWrongNetworkChild,
62
+ hideConnectedAddress
79
63
  }: ConnectWalletProps) {
80
64
  const switchingChain = useAppSelector(
81
65
  (state) => state.wallets.switchingChain
@@ -127,6 +111,7 @@ function Web3StatusInner({
127
111
  : wasConnected && !configsPreviousChain?.length && isActive;
128
112
 
129
113
  if (!connectedToWrongChainId && account) {
114
+ const connectedText = ENSName || formatAddress(account);
130
115
  return (
131
116
  <BaseButton
132
117
  disabled={Boolean(switchingChain)}
@@ -143,9 +128,7 @@ function Web3StatusInner({
143
128
  />
144
129
  )}
145
130
  {leftConnectedChild}
146
- <AddressAndChevronContainer>
147
- <Text>{ENSName || formatAddress(account)}</Text>
148
- </AddressAndChevronContainer>
131
+ {!hideConnectedAddress && <Text>{connectedText}</Text>}
149
132
  {rightConnectedChild}
150
133
  </BaseButton>
151
134
  );
@@ -219,6 +202,7 @@ export type ConnectWalletProps = {
219
202
  rightWrongNetworkChild?: ReactNode;
220
203
  leftConnectWalletChild?: ReactNode;
221
204
  rightConnectWalletChild?: ReactNode;
205
+ hideConnectedAddress?: boolean;
222
206
  };
223
207
  export const ConnectWallet = memo(function Web3Status(
224
208
  props: ConnectWalletProps
package/src/stories/ConnectWallet.stories.tsx CHANGED
@@ -39,6 +39,7 @@ const ColorGlobalStyle = createGlobalStyle<{ color: CSSProperties["color"] }>`
39
39
  `;
40
40
  const Component = ({
41
41
  showStatusIcon,
42
+ hideConnectedAddress,
42
43
  rightConnectedChild,
43
44
  connectWalletChild,
44
45
  textColor,
@@ -66,6 +67,7 @@ const Component = ({
66
67
  onUserDisconnect
67
68
  }: {
68
69
  showStatusIcon: boolean;
70
+ hideConnectedAddress?: boolean;
69
71
  rightConnectedChild?: ReactNode;
70
72
  textColor: string;
71
73
  connectWalletChild: string;
@@ -142,6 +144,7 @@ const Component = ({
142
144
  />
143
145
  <ConnectWallet
144
146
  showStatusIcon={showStatusIcon}
147
+ hideConnectedAddress={hideConnectedAddress}
145
148
  connectWalletChild={connectWalletChild}
146
149
  rightConnectedChild={rightConnectedChild}
147
150
  connectWalletButtonTheme={{
@@ -299,7 +302,8 @@ export default {
299
302
  } satisfies Meta<typeof Component>;
300
303
 
301
304
  const BASE_ARGS = {
302
- PrivacyPolicy: () => <div>privacy policy</div>
305
+ PrivacyPolicy: () => <div>privacy policy</div>,
306
+ hideConnectedAddress: false
303
307
  } as const;
304
308
 
305
309
  // More on args: https://storybook.js.org/docs/react/writing-stories/args