@bosonprotocol/react-kit 0.36.0-alpha.18 → 0.36.0-alpha.3

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 (225) hide show
  1. package/dist/cjs/colors.d.ts +3 -5
  2. package/dist/cjs/colors.d.ts.map +1 -1
  3. package/dist/cjs/colors.js +3 -5
  4. package/dist/cjs/colors.js.map +1 -1
  5. package/dist/cjs/components/connection/index.d.ts.map +1 -1
  6. package/dist/cjs/components/connection/index.js +2 -4
  7. package/dist/cjs/components/connection/index.js.map +1 -1
  8. package/dist/cjs/components/form/Field.styles.d.ts +0 -1
  9. package/dist/cjs/components/form/Field.styles.d.ts.map +1 -1
  10. package/dist/cjs/components/form/Field.styles.js +5 -8
  11. package/dist/cjs/components/form/Field.styles.js.map +1 -1
  12. package/dist/cjs/components/form/Upload/BaseUpload.d.ts +0 -2
  13. package/dist/cjs/components/form/Upload/BaseUpload.d.ts.map +1 -1
  14. package/dist/cjs/components/image/Image.js +1 -1
  15. package/dist/cjs/components/image/Image.js.map +1 -1
  16. package/dist/cjs/components/image/Image.styles.d.ts +1 -1
  17. package/dist/cjs/components/image/Image.styles.d.ts.map +1 -1
  18. package/dist/cjs/components/image/Image.styles.js +2 -2
  19. package/dist/cjs/components/image/Image.styles.js.map +1 -1
  20. package/dist/cjs/components/modal/components/Redeem/RedeemNonModal.js +1 -2
  21. package/dist/cjs/components/modal/components/Redeem/RedeemNonModal.js.map +1 -1
  22. package/dist/cjs/components/modal/components/SellerFinance/FinanceWithdraw.js +1 -1
  23. package/dist/cjs/components/modal/components/SellerFinance/FinanceWithdraw.js.map +1 -1
  24. package/dist/cjs/components/modal/components/SellerFinance/FinancesStyles.d.ts.map +1 -1
  25. package/dist/cjs/components/modal/components/SellerFinance/FinancesStyles.js +8 -37
  26. package/dist/cjs/components/modal/components/SellerFinance/FinancesStyles.js.map +1 -1
  27. package/dist/cjs/components/ui/IpfsImage.d.ts.map +1 -1
  28. package/dist/cjs/components/ui/IpfsImage.js +31 -41
  29. package/dist/cjs/components/ui/IpfsImage.js.map +1 -1
  30. package/dist/cjs/components/ui/SvgImage.d.ts.map +1 -1
  31. package/dist/cjs/components/ui/SvgImage.js +1 -2
  32. package/dist/cjs/components/ui/SvgImage.js.map +1 -1
  33. package/dist/cjs/components/widgets/commit/CommitWidgetProviders.d.ts +2 -2
  34. package/dist/cjs/components/widgets/commit/CommitWidgetProviders.d.ts.map +1 -1
  35. package/dist/cjs/components/widgets/commit/CommitWidgetProviders.js +3 -3
  36. package/dist/cjs/components/widgets/commit/CommitWidgetProviders.js.map +1 -1
  37. package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.d.ts +1 -3
  38. package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.d.ts.map +1 -1
  39. package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js +12 -17
  40. package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js.map +1 -1
  41. package/dist/cjs/components/widgets/finance/useSellerRoles.d.ts +8 -1
  42. package/dist/cjs/components/widgets/finance/useSellerRoles.d.ts.map +1 -1
  43. package/dist/cjs/components/widgets/finance/useSellerRoles.js +25 -3
  44. package/dist/cjs/components/widgets/finance/useSellerRoles.js.map +1 -1
  45. package/dist/cjs/components/widgets/index.d.ts +0 -2
  46. package/dist/cjs/components/widgets/index.d.ts.map +1 -1
  47. package/dist/cjs/components/widgets/index.js +1 -4
  48. package/dist/cjs/components/widgets/index.js.map +1 -1
  49. package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.d.ts +1 -3
  50. package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.d.ts.map +1 -1
  51. package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js +17 -22
  52. package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js.map +1 -1
  53. package/dist/cjs/components/widgets/roblox/components/ConnectRoblox.d.ts.map +1 -1
  54. package/dist/cjs/components/widgets/roblox/components/ConnectRoblox.js +7 -11
  55. package/dist/cjs/components/widgets/roblox/components/ConnectRoblox.js.map +1 -1
  56. package/dist/cjs/components/widgets/roblox/components/LoginWithRoblox.d.ts.map +1 -1
  57. package/dist/cjs/components/widgets/roblox/components/LoginWithRoblox.js +1 -2
  58. package/dist/cjs/components/widgets/roblox/components/LoginWithRoblox.js.map +1 -1
  59. package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.d.ts.map +1 -1
  60. package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.js +1 -2
  61. package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.js.map +1 -1
  62. package/dist/cjs/hooks/connection/useSwitchChain.d.ts.map +1 -1
  63. package/dist/cjs/hooks/connection/useSwitchChain.js +2 -2
  64. package/dist/cjs/hooks/connection/useSwitchChain.js.map +1 -1
  65. package/dist/cjs/hooks/contracts/useBlockNumber.d.ts +5 -0
  66. package/dist/cjs/hooks/contracts/useBlockNumber.d.ts.map +1 -1
  67. package/dist/cjs/hooks/contracts/useBlockNumber.js +91 -4
  68. package/dist/cjs/hooks/contracts/useBlockNumber.js.map +1 -1
  69. package/dist/cjs/index.d.ts +0 -2
  70. package/dist/cjs/index.d.ts.map +1 -1
  71. package/dist/cjs/index.js +0 -2
  72. package/dist/cjs/index.js.map +1 -1
  73. package/dist/cjs/lib/chains/getNativeLogoURI.d.ts.map +1 -1
  74. package/dist/cjs/lib/chains/getNativeLogoURI.js +1 -2
  75. package/dist/cjs/lib/chains/getNativeLogoURI.js.map +1 -1
  76. package/dist/cjs/lib/const/chainInfo.d.ts.map +1 -1
  77. package/dist/cjs/lib/const/chainInfo.js +2 -2
  78. package/dist/cjs/lib/const/chainInfo.js.map +1 -1
  79. package/dist/cjs/lib/const/networks.d.ts.map +1 -1
  80. package/dist/cjs/lib/const/networks.js +6 -7
  81. package/dist/cjs/lib/const/networks.js.map +1 -1
  82. package/dist/cjs/lib/const/providers.d.ts +1 -1
  83. package/dist/cjs/lib/const/providers.d.ts.map +1 -1
  84. package/dist/cjs/lib/const/providers.js +1 -3
  85. package/dist/cjs/lib/const/providers.js.map +1 -1
  86. package/dist/cjs/lib/const/routing.d.ts.map +1 -1
  87. package/dist/cjs/lib/const/routing.js +0 -10
  88. package/dist/cjs/lib/const/routing.js.map +1 -1
  89. package/dist/cjs/lib/const/tokens.d.ts +3 -3
  90. package/dist/cjs/lib/const/tokens.d.ts.map +1 -1
  91. package/dist/cjs/lib/const/tokens.js +3 -5
  92. package/dist/cjs/lib/const/tokens.js.map +1 -1
  93. package/dist/esm/colors.d.ts +3 -5
  94. package/dist/esm/colors.d.ts.map +1 -1
  95. package/dist/esm/colors.js +3 -5
  96. package/dist/esm/colors.js.map +1 -1
  97. package/dist/esm/components/connection/index.d.ts.map +1 -1
  98. package/dist/esm/components/connection/index.js +2 -4
  99. package/dist/esm/components/connection/index.js.map +1 -1
  100. package/dist/esm/components/form/Field.styles.d.ts +0 -1
  101. package/dist/esm/components/form/Field.styles.d.ts.map +1 -1
  102. package/dist/esm/components/form/Field.styles.js +5 -7
  103. package/dist/esm/components/form/Field.styles.js.map +1 -1
  104. package/dist/esm/components/form/Upload/BaseUpload.d.ts +0 -2
  105. package/dist/esm/components/form/Upload/BaseUpload.d.ts.map +1 -1
  106. package/dist/esm/components/image/Image.js +2 -2
  107. package/dist/esm/components/image/Image.js.map +1 -1
  108. package/dist/esm/components/image/Image.styles.d.ts +1 -1
  109. package/dist/esm/components/image/Image.styles.d.ts.map +1 -1
  110. package/dist/esm/components/image/Image.styles.js +1 -1
  111. package/dist/esm/components/image/Image.styles.js.map +1 -1
  112. package/dist/esm/components/modal/components/Redeem/RedeemNonModal.js +1 -2
  113. package/dist/esm/components/modal/components/Redeem/RedeemNonModal.js.map +1 -1
  114. package/dist/esm/components/modal/components/SellerFinance/FinanceWithdraw.js +1 -1
  115. package/dist/esm/components/modal/components/SellerFinance/FinanceWithdraw.js.map +1 -1
  116. package/dist/esm/components/modal/components/SellerFinance/FinancesStyles.d.ts.map +1 -1
  117. package/dist/esm/components/modal/components/SellerFinance/FinancesStyles.js +5 -4
  118. package/dist/esm/components/modal/components/SellerFinance/FinancesStyles.js.map +1 -1
  119. package/dist/esm/components/ui/IpfsImage.d.ts.map +1 -1
  120. package/dist/esm/components/ui/IpfsImage.js +31 -41
  121. package/dist/esm/components/ui/IpfsImage.js.map +1 -1
  122. package/dist/esm/components/ui/SvgImage.d.ts.map +1 -1
  123. package/dist/esm/components/ui/SvgImage.js +1 -2
  124. package/dist/esm/components/ui/SvgImage.js.map +1 -1
  125. package/dist/esm/components/widgets/commit/CommitWidgetProviders.d.ts +2 -2
  126. package/dist/esm/components/widgets/commit/CommitWidgetProviders.d.ts.map +1 -1
  127. package/dist/esm/components/widgets/commit/CommitWidgetProviders.js +2 -2
  128. package/dist/esm/components/widgets/commit/CommitWidgetProviders.js.map +1 -1
  129. package/dist/esm/components/widgets/finance/FinanceWidgetProviders.d.ts +1 -3
  130. package/dist/esm/components/widgets/finance/FinanceWidgetProviders.d.ts.map +1 -1
  131. package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js +12 -17
  132. package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js.map +1 -1
  133. package/dist/esm/components/widgets/finance/useSellerRoles.d.ts +8 -1
  134. package/dist/esm/components/widgets/finance/useSellerRoles.d.ts.map +1 -1
  135. package/dist/esm/components/widgets/finance/useSellerRoles.js +24 -3
  136. package/dist/esm/components/widgets/finance/useSellerRoles.js.map +1 -1
  137. package/dist/esm/components/widgets/index.d.ts +0 -2
  138. package/dist/esm/components/widgets/index.d.ts.map +1 -1
  139. package/dist/esm/components/widgets/index.js +0 -2
  140. package/dist/esm/components/widgets/index.js.map +1 -1
  141. package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.d.ts +1 -3
  142. package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.d.ts.map +1 -1
  143. package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js +17 -22
  144. package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js.map +1 -1
  145. package/dist/esm/components/widgets/roblox/components/ConnectRoblox.d.ts.map +1 -1
  146. package/dist/esm/components/widgets/roblox/components/ConnectRoblox.js +7 -11
  147. package/dist/esm/components/widgets/roblox/components/ConnectRoblox.js.map +1 -1
  148. package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.d.ts.map +1 -1
  149. package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.js +1 -2
  150. package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.js.map +1 -1
  151. package/dist/esm/components/widgets/roblox/components/RobloxExchangesGrid.d.ts.map +1 -1
  152. package/dist/esm/components/widgets/roblox/components/RobloxExchangesGrid.js +1 -2
  153. package/dist/esm/components/widgets/roblox/components/RobloxExchangesGrid.js.map +1 -1
  154. package/dist/esm/hooks/connection/useSwitchChain.d.ts.map +1 -1
  155. package/dist/esm/hooks/connection/useSwitchChain.js +3 -3
  156. package/dist/esm/hooks/connection/useSwitchChain.js.map +1 -1
  157. package/dist/esm/hooks/contracts/useBlockNumber.d.ts +5 -0
  158. package/dist/esm/hooks/contracts/useBlockNumber.d.ts.map +1 -1
  159. package/dist/esm/hooks/contracts/useBlockNumber.js +85 -2
  160. package/dist/esm/hooks/contracts/useBlockNumber.js.map +1 -1
  161. package/dist/esm/index.d.ts +0 -2
  162. package/dist/esm/index.d.ts.map +1 -1
  163. package/dist/esm/index.js +0 -2
  164. package/dist/esm/index.js.map +1 -1
  165. package/dist/esm/lib/chains/getNativeLogoURI.d.ts.map +1 -1
  166. package/dist/esm/lib/chains/getNativeLogoURI.js +1 -2
  167. package/dist/esm/lib/chains/getNativeLogoURI.js.map +1 -1
  168. package/dist/esm/lib/const/chainInfo.d.ts.map +1 -1
  169. package/dist/esm/lib/const/chainInfo.js +3 -3
  170. package/dist/esm/lib/const/chainInfo.js.map +1 -1
  171. package/dist/esm/lib/const/networks.d.ts.map +1 -1
  172. package/dist/esm/lib/const/networks.js +6 -7
  173. package/dist/esm/lib/const/networks.js.map +1 -1
  174. package/dist/esm/lib/const/providers.d.ts +1 -1
  175. package/dist/esm/lib/const/providers.d.ts.map +1 -1
  176. package/dist/esm/lib/const/providers.js +2 -4
  177. package/dist/esm/lib/const/providers.js.map +1 -1
  178. package/dist/esm/lib/const/routing.d.ts.map +1 -1
  179. package/dist/esm/lib/const/routing.js +1 -11
  180. package/dist/esm/lib/const/routing.js.map +1 -1
  181. package/dist/esm/lib/const/tokens.d.ts +3 -3
  182. package/dist/esm/lib/const/tokens.d.ts.map +1 -1
  183. package/dist/esm/lib/const/tokens.js +2 -5
  184. package/dist/esm/lib/const/tokens.js.map +1 -1
  185. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  186. package/package.json +4 -4
  187. package/src/colors.ts +3 -5
  188. package/src/components/connection/index.ts +2 -4
  189. package/src/components/form/Field.styles.ts +5 -8
  190. package/src/components/image/Image.styles.ts +1 -1
  191. package/src/components/image/Image.tsx +2 -2
  192. package/src/components/modal/components/Redeem/RedeemNonModal.tsx +1 -2
  193. package/src/components/modal/components/SellerFinance/FinanceWithdraw.tsx +1 -1
  194. package/src/components/modal/components/SellerFinance/FinancesStyles.tsx +5 -4
  195. package/src/components/ui/IpfsImage.tsx +53 -58
  196. package/src/components/ui/SvgImage.tsx +1 -3
  197. package/src/components/widgets/commit/CommitWidgetProviders.tsx +5 -5
  198. package/src/components/widgets/finance/FinanceWidgetProviders.tsx +28 -44
  199. package/src/components/widgets/finance/useSellerRoles.ts +38 -4
  200. package/src/components/widgets/index.tsx +0 -2
  201. package/src/components/widgets/redemption/RedemptionWidgetProviders.tsx +40 -56
  202. package/src/components/widgets/roblox/components/ConnectRoblox.tsx +8 -21
  203. package/src/components/widgets/roblox/components/LoginWithRoblox.tsx +1 -2
  204. package/src/components/widgets/roblox/components/RobloxExchangesGrid.tsx +1 -2
  205. package/src/hooks/connection/useSwitchChain.ts +3 -8
  206. package/src/hooks/contracts/useBlockNumber.tsx +127 -2
  207. package/src/index.tsx +0 -2
  208. package/src/lib/chains/getNativeLogoURI.ts +1 -2
  209. package/src/lib/const/chainInfo.ts +3 -9
  210. package/src/lib/const/networks.ts +6 -7
  211. package/src/lib/const/providers.ts +3 -10
  212. package/src/lib/const/routing.ts +1 -12
  213. package/src/lib/const/tokens.ts +7 -24
  214. package/src/stories/ConnectWallet.stories.tsx +6 -3
  215. package/src/stories/buttons/Upload.stories.tsx +1 -8
  216. package/src/stories/widgets/Roblox.stories.tsx +1 -1
  217. package/dist/cjs/hooks/contracts/BlockNumberProvider.d.ts +0 -12
  218. package/dist/cjs/hooks/contracts/BlockNumberProvider.d.ts.map +0 -1
  219. package/dist/cjs/hooks/contracts/BlockNumberProvider.js +0 -93
  220. package/dist/cjs/hooks/contracts/BlockNumberProvider.js.map +0 -1
  221. package/dist/esm/hooks/contracts/BlockNumberProvider.d.ts +0 -12
  222. package/dist/esm/hooks/contracts/BlockNumberProvider.d.ts.map +0 -1
  223. package/dist/esm/hooks/contracts/BlockNumberProvider.js +0 -86
  224. package/dist/esm/hooks/contracts/BlockNumberProvider.js.map +0 -1
  225. package/src/hooks/contracts/BlockNumberProvider.tsx +0 -126
@@ -1,126 +0,0 @@
1
- import React from "react";
2
- import { ChainId } from "@uniswap/sdk-core";
3
- import {
4
- createContext,
5
- ReactNode,
6
- useCallback,
7
- useEffect,
8
- useMemo,
9
- useState
10
- } from "react";
11
- import { useIsWindowVisible } from "../uniswap/useIsWindowVisible";
12
- import { RPC_PROVIDERS } from "../../lib/const/providers";
13
- import { useChainId, useProvider } from "../connection/connection";
14
-
15
- export const MISSING_PROVIDER = Symbol();
16
- export const BlockNumberContext = createContext<
17
- | {
18
- fastForward(block: number): void;
19
- block?: number;
20
- mainnetBlock?: number;
21
- }
22
- | typeof MISSING_PROVIDER
23
- >(MISSING_PROVIDER);
24
-
25
- export function BlockNumberProvider({ children }: { children: ReactNode }) {
26
- const activeChainId = useChainId();
27
- const provider = useProvider();
28
-
29
- const [{ chainId, block, mainnetBlock }, setChainBlock] = useState<{
30
- chainId?: number;
31
- block?: number;
32
- mainnetBlock?: number;
33
- }>({
34
- chainId: activeChainId
35
- });
36
-
37
- const onChainBlock = useCallback((chainId: number, block: number) => {
38
- setChainBlock((chainBlock) => {
39
- if (chainBlock.chainId === chainId) {
40
- if (!chainBlock.block || chainBlock.block < block) {
41
- return {
42
- chainId,
43
- block,
44
- mainnetBlock:
45
- chainId === ChainId.MAINNET ? block : chainBlock.mainnetBlock
46
- };
47
- }
48
- } else if (chainId === ChainId.MAINNET) {
49
- if (!chainBlock.mainnetBlock || chainBlock.mainnetBlock < block) {
50
- return { ...chainBlock, mainnetBlock: block };
51
- }
52
- }
53
- return chainBlock;
54
- });
55
- }, []);
56
-
57
- const windowVisible = useIsWindowVisible();
58
- useEffect(() => {
59
- let stale = false;
60
-
61
- if (provider && activeChainId && windowVisible) {
62
- // If chainId hasn't changed, don't clear the block. This prevents re-fetching still valid data.
63
- setChainBlock((chainBlock) =>
64
- chainBlock.chainId === activeChainId
65
- ? chainBlock
66
- : { chainId: activeChainId, mainnetBlock: chainBlock.mainnetBlock }
67
- );
68
-
69
- provider
70
- .getBlockNumber()
71
- .then((block) => {
72
- if (!stale) onChainBlock(activeChainId, block);
73
- })
74
- .catch((error) => {
75
- console.error(
76
- `Failed to get block number for chainId ${activeChainId}`,
77
- error
78
- );
79
- });
80
-
81
- const onBlock = (block: number) => onChainBlock(activeChainId, block);
82
- provider.on("block", onBlock);
83
- return () => {
84
- stale = true;
85
- provider.removeListener("block", onBlock);
86
- };
87
- }
88
-
89
- return void 0;
90
- }, [activeChainId, provider, windowVisible, onChainBlock]);
91
-
92
- useEffect(() => {
93
- if (mainnetBlock === undefined) {
94
- RPC_PROVIDERS[ChainId.MAINNET]
95
- .getBlockNumber()
96
- .then((block) => {
97
- onChainBlock(ChainId.MAINNET, block);
98
- })
99
- // swallow errors - it's ok if this fails, as we'll try again if we activate mainnet
100
- .catch(() => undefined);
101
- }
102
- }, [mainnetBlock, onChainBlock]);
103
-
104
- const value = useMemo(
105
- () => ({
106
- fastForward: (update: number) => {
107
- if (block && update > block) {
108
- setChainBlock({
109
- chainId: activeChainId,
110
- block: update,
111
- mainnetBlock:
112
- activeChainId === ChainId.MAINNET ? update : mainnetBlock
113
- });
114
- }
115
- },
116
- block: chainId === activeChainId ? block : undefined,
117
- mainnetBlock
118
- }),
119
- [activeChainId, block, chainId, mainnetBlock]
120
- );
121
- return (
122
- <BlockNumberContext.Provider value={value}>
123
- {children}
124
- </BlockNumberContext.Provider>
125
- );
126
- }