@bosonprotocol/react-kit 0.34.0-alpha.6 → 0.34.0-alpha.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/dist/cjs/components/wallet2/selector/ChainSelector.d.ts +4 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.js +2 -4
- package/dist/cjs/components/wallet2/selector/ChainSelector.js.map +1 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.d.ts +4 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.js +3 -5
- package/dist/esm/components/wallet2/selector/ChainSelector.js.map +1 -1
- package/package.json +5 -5
- package/src/components/wallet2/selector/ChainSelector.tsx +25 -13
- package/src/stories/ConnectWallet.stories.tsx +3 -1
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { CSSProperties } from "styled-components";
|
|
2
|
+
import { EnvironmentType, CoreProtocolConfig } from "@bosonprotocol/core-sdk";
|
|
2
3
|
export interface ChainSelectorProps {
|
|
3
4
|
leftAlign?: boolean;
|
|
4
5
|
backgroundColor: CSSProperties["backgroundColor"];
|
|
6
|
+
config: CoreProtocolConfig;
|
|
7
|
+
getEnvConfigsFilteredByEnv?: (envName: EnvironmentType) => CoreProtocolConfig[];
|
|
5
8
|
}
|
|
6
|
-
export declare const ChainSelector: ({ leftAlign, backgroundColor }: ChainSelectorProps) => JSX.Element;
|
|
9
|
+
export declare const ChainSelector: ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv }: ChainSelectorProps) => JSX.Element;
|
|
7
10
|
//# sourceMappingURL=ChainSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAwB/D,OAAO,EAEL,eAAe,EACf,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAqDjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,eAAe,KACrB,kBAAkB,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,uEAKvB,kBAAkB,gBA+IpB,CAAC"}
|
|
@@ -52,7 +52,6 @@ const chainInfo_1 = require("../../../lib/const/chainInfo");
|
|
|
52
52
|
const useSyncChainQuery_1 = __importDefault(require("../../../hooks/connection/useSyncChainQuery"));
|
|
53
53
|
const ConnectionsProvider_1 = require("../../connection/ConnectionsProvider");
|
|
54
54
|
const chains_1 = require("../../../lib/const/chains");
|
|
55
|
-
const ConfigContext_1 = require("../../config/ConfigContext");
|
|
56
55
|
const getConfigsByChainId_1 = require("../../../lib/config/getConfigsByChainId");
|
|
57
56
|
const useSelectChain_1 = require("../../../hooks/connection/useSelectChain");
|
|
58
57
|
const SvgImage_1 = require("../../ui/SvgImage");
|
|
@@ -94,9 +93,8 @@ const chevronProps = {
|
|
|
94
93
|
height: 20,
|
|
95
94
|
width: 20
|
|
96
95
|
};
|
|
97
|
-
const ChainSelector = ({ leftAlign, backgroundColor }) => {
|
|
98
|
-
const
|
|
99
|
-
const NETWORK_SELECTOR_CHAINS = (0, react_1.useMemo)(() => (0, getConfigsByChainId_1.getEnvConfigsFilteredByEnv)(config.envName), [config.envName]);
|
|
96
|
+
const ChainSelector = ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv = getConfigsByChainId_1.getEnvConfigsFilteredByEnv }) => {
|
|
97
|
+
const NETWORK_SELECTOR_CHAINS = (0, react_1.useMemo)(() => getEnvConfigsFilteredByEnv(config.envName), [config.envName, getEnvConfigsFilteredByEnv]);
|
|
100
98
|
const NETWORK_SELECTOR_CHAINS_IDS = NETWORK_SELECTOR_CHAINS.map((config) => config.chainId);
|
|
101
99
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
102
100
|
const { isXS: isMobile } = (0, useBreakpoints_1.useBreakpoints)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAAgD;AAChD,mDAIwB;AACxB,iCAA0E;AAC1E,uEAA+D;AAE/D,kDAA0B;AAC1B,kDAAwD;AAExD,kEAA+D;AAC/D,gDAA6C;AAC7C,mDAAgD;AAChD,4DAAyD;AACzD,0EAAkD;AAClD,wEAAqE;AACrE,4DAA4D;AAC5D,oGAA4E;AAC5E,8EAG8C;AAC9C,sDAImC;AACnC,
|
|
1
|
+
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { CSSProperties } from "styled-components";
|
|
2
|
+
import { EnvironmentType, CoreProtocolConfig } from "@bosonprotocol/core-sdk";
|
|
2
3
|
export interface ChainSelectorProps {
|
|
3
4
|
leftAlign?: boolean;
|
|
4
5
|
backgroundColor: CSSProperties["backgroundColor"];
|
|
6
|
+
config: CoreProtocolConfig;
|
|
7
|
+
getEnvConfigsFilteredByEnv?: (envName: EnvironmentType) => CoreProtocolConfig[];
|
|
5
8
|
}
|
|
6
|
-
export declare const ChainSelector: ({ leftAlign, backgroundColor }: ChainSelectorProps) => JSX.Element;
|
|
9
|
+
export declare const ChainSelector: ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv }: ChainSelectorProps) => JSX.Element;
|
|
7
10
|
//# sourceMappingURL=ChainSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAwB/D,OAAO,EAEL,eAAe,EACf,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAqDjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,eAAe,KACrB,kBAAkB,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,uEAKvB,kBAAkB,gBA+IpB,CAAC"}
|
|
@@ -14,8 +14,7 @@ import { getChainInfo } from "../../../lib/const/chainInfo";
|
|
|
14
14
|
import useSyncChainQuery from "../../../hooks/connection/useSyncChainQuery";
|
|
15
15
|
import { getConnection, useConnections } from "../../connection/ConnectionsProvider";
|
|
16
16
|
import { TESTNET_CHAIN_IDS, UniWalletSupportedChains, getChainPriority } from "../../../lib/const/chains";
|
|
17
|
-
import {
|
|
18
|
-
import { getEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
17
|
+
import { getEnvConfigsFilteredByEnv as importedGetEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
19
18
|
import { useSelectChain } from "../../../hooks/connection/useSelectChain";
|
|
20
19
|
import { SvgImage } from "../../ui/SvgImage";
|
|
21
20
|
const IconAndChevron = styled.div `
|
|
@@ -55,9 +54,8 @@ const chevronProps = {
|
|
|
55
54
|
height: 20,
|
|
56
55
|
width: 20
|
|
57
56
|
};
|
|
58
|
-
export const ChainSelector = ({ leftAlign, backgroundColor }) => {
|
|
59
|
-
const
|
|
60
|
-
const NETWORK_SELECTOR_CHAINS = useMemo(() => getEnvConfigsFilteredByEnv(config.envName), [config.envName]);
|
|
57
|
+
export const ChainSelector = ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv = importedGetEnvConfigsFilteredByEnv }) => {
|
|
58
|
+
const NETWORK_SELECTOR_CHAINS = useMemo(() => getEnvConfigsFilteredByEnv(config.envName), [config.envName, getEnvConfigsFilteredByEnv]);
|
|
61
59
|
const NETWORK_SELECTOR_CHAINS_IDS = NETWORK_SELECTOR_CHAINS.map((config) => config.chainId);
|
|
62
60
|
const [isOpen, setIsOpen] = useState(false);
|
|
63
61
|
const { isXS: isMobile } = useBreakpoints();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,SAAS,IAAI,WAAW,EACxB,OAAO,IAAI,SAAS,EACpB,OAAO,IAAI,aAAa,EACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,iBAAiB,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EACL,aAAa,EACb,cAAc,EACf,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.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.34.0-alpha.
|
|
4
|
+
"version": "0.34.0-alpha.7",
|
|
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.
|
|
20
|
-
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.41.0-alpha.9",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.14.6-alpha.0",
|
|
20
|
+
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.7",
|
|
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": "11ea7c704198b1d8f57928f48e70598a704d9f09"
|
|
192
192
|
}
|
|
@@ -28,10 +28,13 @@ import {
|
|
|
28
28
|
UniWalletSupportedChains,
|
|
29
29
|
getChainPriority
|
|
30
30
|
} from "../../../lib/const/chains";
|
|
31
|
-
import {
|
|
32
|
-
import { getEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
31
|
+
import { getEnvConfigsFilteredByEnv as importedGetEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
33
32
|
import { useSelectChain } from "../../../hooks/connection/useSelectChain";
|
|
34
|
-
import {
|
|
33
|
+
import {
|
|
34
|
+
ConfigId,
|
|
35
|
+
EnvironmentType,
|
|
36
|
+
CoreProtocolConfig
|
|
37
|
+
} from "@bosonprotocol/core-sdk";
|
|
35
38
|
import { SvgImage } from "../../ui/SvgImage";
|
|
36
39
|
|
|
37
40
|
const IconAndChevron = styled.div<{
|
|
@@ -57,11 +60,6 @@ const IconAndChevron = styled.div<{
|
|
|
57
60
|
}
|
|
58
61
|
`;
|
|
59
62
|
|
|
60
|
-
export interface ChainSelectorProps {
|
|
61
|
-
leftAlign?: boolean;
|
|
62
|
-
backgroundColor: CSSProperties["backgroundColor"];
|
|
63
|
-
}
|
|
64
|
-
|
|
65
63
|
function useWalletSupportedChains({
|
|
66
64
|
NETWORK_SELECTOR_CHAINS_IDS
|
|
67
65
|
}: {
|
|
@@ -88,14 +86,25 @@ const chevronProps = {
|
|
|
88
86
|
height: 20,
|
|
89
87
|
width: 20
|
|
90
88
|
};
|
|
89
|
+
|
|
90
|
+
export interface ChainSelectorProps {
|
|
91
|
+
leftAlign?: boolean;
|
|
92
|
+
backgroundColor: CSSProperties["backgroundColor"];
|
|
93
|
+
config: CoreProtocolConfig;
|
|
94
|
+
getEnvConfigsFilteredByEnv?: (
|
|
95
|
+
envName: EnvironmentType
|
|
96
|
+
) => CoreProtocolConfig[];
|
|
97
|
+
}
|
|
98
|
+
|
|
91
99
|
export const ChainSelector = ({
|
|
92
100
|
leftAlign,
|
|
93
|
-
backgroundColor
|
|
101
|
+
backgroundColor,
|
|
102
|
+
config,
|
|
103
|
+
getEnvConfigsFilteredByEnv = importedGetEnvConfigsFilteredByEnv
|
|
94
104
|
}: ChainSelectorProps) => {
|
|
95
|
-
const { config } = useConfigContext();
|
|
96
105
|
const NETWORK_SELECTOR_CHAINS = useMemo(
|
|
97
106
|
() => getEnvConfigsFilteredByEnv(config.envName),
|
|
98
|
-
[config.envName]
|
|
107
|
+
[config.envName, getEnvConfigsFilteredByEnv]
|
|
99
108
|
);
|
|
100
109
|
const NETWORK_SELECTOR_CHAINS_IDS = NETWORK_SELECTOR_CHAINS.map(
|
|
101
110
|
(config) => config.chainId as ChainId
|
|
@@ -128,7 +137,10 @@ export const ChainSelector = ({
|
|
|
128
137
|
}
|
|
129
138
|
return acc;
|
|
130
139
|
},
|
|
131
|
-
{ supported: [], unsupported: [] } as Record<
|
|
140
|
+
{ supported: [], unsupported: [] } as Record<
|
|
141
|
+
string,
|
|
142
|
+
CoreProtocolConfig[]
|
|
143
|
+
>
|
|
132
144
|
);
|
|
133
145
|
return [supported, unsupported];
|
|
134
146
|
}, [NETWORK_SELECTOR_CHAINS, walletSupportsChain]);
|
|
@@ -148,7 +160,7 @@ export const ChainSelector = ({
|
|
|
148
160
|
|
|
149
161
|
const [pendingConfigId, setPendingConfigId] = useState<ConfigId>();
|
|
150
162
|
const onSelectChain = useCallback(
|
|
151
|
-
async (config:
|
|
163
|
+
async (config: CoreProtocolConfig) => {
|
|
152
164
|
try {
|
|
153
165
|
setPendingConfigId(config.configId);
|
|
154
166
|
await selectChain(config.configId);
|
|
@@ -30,7 +30,8 @@ const errorButtonTheme = bosonButtonThemes({ withBosonStyle: false })[
|
|
|
30
30
|
const envName =
|
|
31
31
|
(process.env.STORYBOOK_DATA_ENV_NAME as EnvironmentType) || "testing";
|
|
32
32
|
const envConfig = getEnvConfigs(envName);
|
|
33
|
-
const
|
|
33
|
+
const config = envConfig[0];
|
|
34
|
+
const configId = config.configId;
|
|
34
35
|
const ColorGlobalStyle = createGlobalStyle<{ color: CSSProperties["color"] }>`
|
|
35
36
|
html, body{
|
|
36
37
|
color: ${({ color }) => color};
|
|
@@ -114,6 +115,7 @@ const Component = ({
|
|
|
114
115
|
<ChainSelector
|
|
115
116
|
leftAlign={true}
|
|
116
117
|
backgroundColor={chainSelectorBackgroundColor}
|
|
118
|
+
config={config}
|
|
117
119
|
/>
|
|
118
120
|
<ConnectWallet
|
|
119
121
|
successButtonTheme={{
|