@lifi/widget 3.32.1 → 3.33.0

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 (151) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/esm/AppProvider.js +2 -1
  3. package/dist/esm/AppProvider.js.map +1 -1
  4. package/dist/esm/components/Header/NavigationHeader.js +4 -1
  5. package/dist/esm/components/Header/NavigationHeader.js.map +1 -1
  6. package/dist/esm/components/Tools/Tools.js +1 -1
  7. package/dist/esm/components/Tools/Tools.js.map +1 -1
  8. package/dist/esm/config/constants.d.ts +1 -1
  9. package/dist/esm/config/constants.js +1 -1
  10. package/dist/esm/config/constants.js.map +1 -1
  11. package/dist/esm/config/version.d.ts +1 -1
  12. package/dist/esm/config/version.js +1 -1
  13. package/dist/esm/hooks/useExplorer.js +2 -2
  14. package/dist/esm/hooks/useExplorer.js.map +1 -1
  15. package/dist/esm/hooks/useHeader.js +4 -1
  16. package/dist/esm/hooks/useHeader.js.map +1 -1
  17. package/dist/esm/hooks/useLanguages.d.ts +2 -3
  18. package/dist/esm/hooks/useLanguages.js +50 -14
  19. package/dist/esm/hooks/useLanguages.js.map +1 -1
  20. package/dist/esm/hooks/useRoutes.js +1 -1
  21. package/dist/esm/hooks/useRoutes.js.map +1 -1
  22. package/dist/esm/hooks/useSettingMonitor.js +2 -1
  23. package/dist/esm/hooks/useSettingMonitor.js.map +1 -1
  24. package/dist/esm/hooks/useTokenBalances.js +2 -1
  25. package/dist/esm/hooks/useTokenBalances.js.map +1 -1
  26. package/dist/esm/hooks/useTools.js +2 -1
  27. package/dist/esm/hooks/useTools.js.map +1 -1
  28. package/dist/esm/pages/LanguagesPage.js +6 -1
  29. package/dist/esm/pages/LanguagesPage.js.map +1 -1
  30. package/dist/esm/pages/SelectEnabledToolsPage.js +1 -1
  31. package/dist/esm/pages/SelectEnabledToolsPage.js.map +1 -1
  32. package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js +1 -1
  33. package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
  34. package/dist/esm/pages/SettingsPage/LanguageSetting.js +7 -2
  35. package/dist/esm/pages/SettingsPage/LanguageSetting.js.map +1 -1
  36. package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js +1 -1
  37. package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map +1 -1
  38. package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +14 -2
  39. package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
  40. package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.d.ts +2 -1
  41. package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js +3 -9
  42. package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js.map +1 -1
  43. package/dist/esm/providers/I18nProvider/I18nProvider.js +47 -41
  44. package/dist/esm/providers/I18nProvider/I18nProvider.js.map +1 -1
  45. package/dist/esm/providers/I18nProvider/constants.d.ts +3 -0
  46. package/dist/esm/providers/I18nProvider/constants.js +39 -0
  47. package/dist/esm/providers/I18nProvider/constants.js.map +1 -0
  48. package/dist/esm/providers/I18nProvider/enResource.d.ts +2 -0
  49. package/dist/esm/providers/I18nProvider/enResource.js +4 -0
  50. package/dist/esm/providers/I18nProvider/enResource.js.map +1 -0
  51. package/dist/esm/providers/I18nProvider/i18n.d.ts +3 -0
  52. package/dist/esm/providers/I18nProvider/i18n.js +19 -0
  53. package/dist/esm/providers/I18nProvider/i18n.js.map +1 -0
  54. package/dist/esm/providers/I18nProvider/types.d.ts +4 -11
  55. package/dist/esm/providers/WalletProvider/SDKProviders.js +1 -1
  56. package/dist/esm/providers/WalletProvider/SDKProviders.js.map +1 -1
  57. package/dist/esm/stores/bookmarks/createBookmarkStore.d.ts +19 -1
  58. package/dist/esm/stores/bookmarks/createBookmarkStore.js +3 -3
  59. package/dist/esm/stores/bookmarks/createBookmarkStore.js.map +1 -1
  60. package/dist/esm/stores/chains/ChainOrderStore.js +3 -1
  61. package/dist/esm/stores/chains/ChainOrderStore.js.map +1 -1
  62. package/dist/esm/stores/chains/createChainOrderStore.d.ts +33 -1
  63. package/dist/esm/stores/chains/createChainOrderStore.js +3 -3
  64. package/dist/esm/stores/chains/createChainOrderStore.js.map +1 -1
  65. package/dist/esm/stores/chains/useChainOrder.js +5 -2
  66. package/dist/esm/stores/chains/useChainOrder.js.map +1 -1
  67. package/dist/esm/stores/form/createFormStore.d.ts +1 -1
  68. package/dist/esm/stores/form/createFormStore.js +3 -3
  69. package/dist/esm/stores/form/createFormStore.js.map +1 -1
  70. package/dist/esm/stores/header/useHeaderStore.js +3 -3
  71. package/dist/esm/stores/header/useHeaderStore.js.map +1 -1
  72. package/dist/esm/stores/routes/createRouteExecutionStore.d.ts +17 -1
  73. package/dist/esm/stores/routes/createRouteExecutionStore.js +3 -3
  74. package/dist/esm/stores/routes/createRouteExecutionStore.js.map +1 -1
  75. package/dist/esm/stores/settings/SettingsStore.d.ts +9 -0
  76. package/dist/esm/stores/settings/SettingsStore.js +24 -0
  77. package/dist/esm/stores/settings/SettingsStore.js.map +1 -0
  78. package/dist/esm/stores/settings/createSettingsStore.d.ts +51 -0
  79. package/dist/esm/stores/settings/{useSettingsStore.js → createSettingsStore.js} +38 -11
  80. package/dist/esm/stores/settings/createSettingsStore.js.map +1 -0
  81. package/dist/esm/stores/settings/types.d.ts +7 -1
  82. package/dist/esm/stores/settings/types.js.map +1 -1
  83. package/dist/esm/stores/settings/useSendToWalletStore.d.ts +1 -1
  84. package/dist/esm/stores/settings/useSendToWalletStore.js +3 -3
  85. package/dist/esm/stores/settings/useSendToWalletStore.js.map +1 -1
  86. package/dist/esm/stores/settings/useSettings.js +1 -1
  87. package/dist/esm/stores/settings/useSettings.js.map +1 -1
  88. package/dist/esm/stores/settings/useSettingsActions.d.ts +1 -0
  89. package/dist/esm/stores/settings/useSettingsActions.js +9 -1
  90. package/dist/esm/stores/settings/useSettingsActions.js.map +1 -1
  91. package/dist/esm/stores/settings/useSplitSubvariantStore.js +3 -3
  92. package/dist/esm/stores/settings/useSplitSubvariantStore.js.map +1 -1
  93. package/dist/esm/stores/settings/utils/getStateValues.js +1 -0
  94. package/dist/esm/stores/settings/utils/getStateValues.js.map +1 -1
  95. package/dist/esm/utils/converters.js +5 -0
  96. package/dist/esm/utils/converters.js.map +1 -1
  97. package/dist/esm/utils/tokenList.d.ts +1 -1
  98. package/dist/esm/utils/tokenList.js +3 -3
  99. package/dist/esm/utils/tokenList.js.map +1 -1
  100. package/package.json +13 -13
  101. package/package.json.tmp +15 -15
  102. package/src/AppProvider.tsx +14 -11
  103. package/src/components/Header/NavigationHeader.tsx +4 -1
  104. package/src/components/Tools/Tools.tsx +1 -1
  105. package/src/config/constants.ts +1 -1
  106. package/src/config/version.ts +1 -1
  107. package/src/hooks/useExplorer.ts +2 -2
  108. package/src/hooks/useHeader.ts +4 -1
  109. package/src/hooks/useLanguages.ts +73 -15
  110. package/src/hooks/useRoutes.ts +1 -1
  111. package/src/hooks/useSettingMonitor.ts +2 -4
  112. package/src/hooks/useTokenBalances.ts +2 -1
  113. package/src/hooks/useTools.ts +3 -1
  114. package/src/pages/LanguagesPage.tsx +10 -1
  115. package/src/pages/SelectEnabledToolsPage.tsx +1 -1
  116. package/src/pages/SettingsPage/BridgeAndExchangeSettings.tsx +1 -1
  117. package/src/pages/SettingsPage/LanguageSetting.tsx +9 -2
  118. package/src/pages/SettingsPage/SlippageSettings/SlippageSettings.tsx +1 -1
  119. package/src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +25 -5
  120. package/src/pages/TransactionDetailsPage/TransferIdCard.tsx +8 -13
  121. package/src/providers/I18nProvider/I18nProvider.tsx +66 -51
  122. package/src/providers/I18nProvider/constants.ts +41 -0
  123. package/src/providers/I18nProvider/enResource.ts +4 -0
  124. package/src/providers/I18nProvider/i18n.ts +26 -0
  125. package/src/providers/I18nProvider/types.ts +21 -12
  126. package/src/providers/WalletProvider/SDKProviders.tsx +2 -1
  127. package/src/stores/bookmarks/createBookmarkStore.ts +3 -5
  128. package/src/stores/chains/ChainOrderStore.tsx +3 -1
  129. package/src/stores/chains/createChainOrderStore.ts +3 -5
  130. package/src/stores/chains/useChainOrder.ts +10 -2
  131. package/src/stores/form/createFormStore.ts +3 -3
  132. package/src/stores/header/useHeaderStore.tsx +31 -34
  133. package/src/stores/routes/createRouteExecutionStore.ts +3 -5
  134. package/src/stores/settings/SettingsStore.tsx +45 -0
  135. package/src/stores/settings/createSettingsStore.ts +223 -0
  136. package/src/stores/settings/types.ts +8 -1
  137. package/src/stores/settings/useSendToWalletStore.ts +8 -11
  138. package/src/stores/settings/useSettings.ts +1 -1
  139. package/src/stores/settings/useSettingsActions.ts +13 -4
  140. package/src/stores/settings/useSplitSubvariantStore.tsx +9 -12
  141. package/src/stores/settings/utils/getStateValues.ts +1 -0
  142. package/src/themes/types.ts +0 -3
  143. package/src/utils/converters.ts +5 -0
  144. package/src/utils/tokenList.ts +3 -3
  145. package/dist/esm/i18n/index.d.ts +0 -16
  146. package/dist/esm/i18n/index.js +0 -17
  147. package/dist/esm/i18n/index.js.map +0 -1
  148. package/dist/esm/stores/settings/useSettingsStore.d.ts +0 -5
  149. package/dist/esm/stores/settings/useSettingsStore.js.map +0 -1
  150. package/src/i18n/index.ts +0 -17
  151. package/src/stores/settings/useSettingsStore.ts +0 -185
@@ -1,185 +0,0 @@
1
- /** biome-ignore-all lint/correctness/noUnusedVariables: allowed in this store */
2
- import type { StateCreator } from 'zustand'
3
- import { persist } from 'zustand/middleware'
4
- import { useShallow } from 'zustand/shallow'
5
- import { createWithEqualityFn } from 'zustand/traditional'
6
- import type { SettingsProps, SettingsState } from './types.js'
7
- import { SettingsToolTypes } from './types.js'
8
- import { getStateValues } from './utils/getStateValues.js'
9
-
10
- export const defaultSlippage = undefined
11
-
12
- export const defaultConfigurableSettings: Pick<
13
- SettingsState,
14
- 'routePriority' | 'slippage' | 'gasPrice'
15
- > = {
16
- routePriority: 'CHEAPEST',
17
- slippage: defaultSlippage,
18
- gasPrice: 'normal',
19
- }
20
-
21
- const defaultSettings: SettingsProps = {
22
- gasPrice: 'normal',
23
- enabledAutoRefuel: true,
24
- disabledBridges: [],
25
- disabledExchanges: [],
26
- enabledBridges: [],
27
- enabledExchanges: [],
28
- _enabledBridges: {},
29
- _enabledExchanges: {},
30
- }
31
-
32
- export const settingsStore = createWithEqualityFn<SettingsState>(
33
- persist(
34
- (set, get) => ({
35
- ...defaultSettings,
36
- setValue: (key, value) =>
37
- set(() => ({
38
- [key]: value,
39
- })),
40
- getSettings: () => getStateValues(get()),
41
- getValue: (key) => get()[key],
42
- initializeTools: (toolType, tools, reset) => {
43
- if (!tools.length) {
44
- return
45
- }
46
- set((state) => {
47
- const updatedState = { ...state }
48
- if (!reset) {
49
- // Add new tools
50
- tools.forEach((tool) => {
51
- if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) {
52
- updatedState[`_enabled${toolType}`][tool] = true
53
- }
54
- })
55
- // Filter tools we no longer have
56
- updatedState[`_enabled${toolType}`] = Object.fromEntries(
57
- Object.entries(updatedState[`_enabled${toolType}`]).filter(
58
- ([key]) => tools.includes(key)
59
- )
60
- )
61
- } else {
62
- tools.forEach((tool) => {
63
- updatedState[`_enabled${toolType}`][tool] = true
64
- })
65
- }
66
- const enabledToolKeys = Object.keys(
67
- updatedState[`_enabled${toolType}`]
68
- )
69
- updatedState[`enabled${toolType}`] = enabledToolKeys.filter(
70
- (key) => updatedState[`_enabled${toolType}`][key]
71
- )
72
- updatedState[`disabled${toolType}`] = enabledToolKeys.filter(
73
- (key) => !updatedState[`_enabled${toolType}`][key]
74
- )
75
- return updatedState
76
- })
77
- },
78
- setToolValue: (toolType, tool, value) =>
79
- set((state) => {
80
- const enabledTools = {
81
- ...state[`_enabled${toolType}`],
82
- [tool]: value,
83
- }
84
- const enabledToolKeys = Object.keys(enabledTools)
85
- return {
86
- [`_enabled${toolType}`]: enabledTools,
87
- [`enabled${toolType}`]: enabledToolKeys.filter(
88
- (key) => enabledTools[key]
89
- ),
90
- [`disabled${toolType}`]: enabledToolKeys.filter(
91
- (key) => !enabledTools[key]
92
- ),
93
- }
94
- }),
95
- toggleToolKeys: (toolType, toolKeys) =>
96
- set((state) => {
97
- const allKeysInCollectionEnabled = toolKeys.every(
98
- (toolKey) => state[`_enabled${toolType}`][toolKey]
99
- )
100
-
101
- // then toggle those keys to false
102
- const updatedTools = toolKeys.reduce(
103
- (accum, toolKey) => {
104
- accum[toolKey] = !allKeysInCollectionEnabled
105
- return accum
106
- },
107
- {
108
- ...state[`_enabled${toolType}`],
109
- }
110
- )
111
-
112
- const enableKeys: string[] = []
113
- const disabledKeys: string[] = []
114
-
115
- Object.entries(updatedTools).forEach(([key, value]) => {
116
- if (value) {
117
- enableKeys.push(key)
118
- } else {
119
- disabledKeys.push(key)
120
- }
121
- })
122
-
123
- return {
124
- [`_enabled${toolType}`]: updatedTools,
125
- [`enabled${toolType}`]: enableKeys,
126
- [`disabled${toolType}`]: disabledKeys,
127
- }
128
- }),
129
- reset: (bridges, exchanges) => {
130
- set(() => ({
131
- ...defaultSettings,
132
- ...defaultConfigurableSettings,
133
- }))
134
- get().initializeTools('Bridges', bridges, true)
135
- get().initializeTools('Exchanges', exchanges, true)
136
- return { ...get() }
137
- },
138
- }),
139
- {
140
- name: 'li.fi-widget-settings',
141
- version: 5,
142
- partialize: (state) => {
143
- const {
144
- disabledBridges,
145
- disabledExchanges,
146
- enabledBridges,
147
- enabledExchanges,
148
- ...partializedState
149
- } = state
150
- return partializedState
151
- },
152
- merge: (persistedState: any, currentState: SettingsState) => {
153
- const state = { ...currentState, ...persistedState }
154
- SettingsToolTypes.forEach((toolType) => {
155
- const enabledToolKeys = Object.keys(
156
- persistedState[`_enabled${toolType}`]
157
- )
158
- state[`enabled${toolType}`] = enabledToolKeys.filter(
159
- (key) => persistedState[`_enabled${toolType}`][key]
160
- )
161
- state[`disabled${toolType}`] = enabledToolKeys.filter(
162
- (key) => !persistedState[`_enabled${toolType}`][key]
163
- )
164
- })
165
- return state
166
- },
167
- migrate: (persistedState: any, version) => {
168
- if (version === 1) {
169
- persistedState.slippage = defaultConfigurableSettings.slippage
170
- }
171
- if (version <= 3) {
172
- persistedState.routePriority = 'CHEAPEST'
173
- }
174
- return persistedState as SettingsState
175
- },
176
- }
177
- ) as StateCreator<SettingsState, [], [], SettingsState>,
178
- Object.is
179
- )
180
-
181
- export const useSettingsStore = <T>(
182
- selector: (state: SettingsState) => T
183
- ): T => {
184
- return settingsStore(useShallow(selector))
185
- }