@lifi/widget 1.32.0 → 1.32.1

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 (78) hide show
  1. package/AppDrawer.style.d.ts +1 -1
  2. package/cjs/AppDrawer.style.d.ts +1 -1
  3. package/cjs/components/ActiveSwaps/ActiveSwaps.style.d.ts +2 -2
  4. package/cjs/components/Header/Header.style.d.ts +1 -1
  5. package/cjs/components/ReverseTokensButton/ReverseTokensButton.style.d.ts +1 -1
  6. package/cjs/components/SendToWallet/SendToWallet.style.d.ts +1 -1
  7. package/cjs/components/Step/StepProcess.style.d.ts +1 -1
  8. package/cjs/components/SwapInput/SwapInput.style.d.ts +1 -1
  9. package/cjs/components/SwapInput/SwapInputAdornment.style.d.ts +1 -1
  10. package/cjs/components/SwapRouteCard/SwapRouteCard.style.d.ts +1 -1
  11. package/cjs/components/TokenList/TokenList.style.d.ts +1 -1
  12. package/cjs/config/version.d.ts +1 -1
  13. package/cjs/config/version.js +1 -1
  14. package/cjs/hooks/useTools.js +1 -2
  15. package/cjs/i18n/en.json +0 -4
  16. package/cjs/i18n/uk.json +8 -8
  17. package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts +1 -1
  18. package/cjs/providers/WidgetProvider/WidgetProvider.js +3 -5
  19. package/cjs/stores/StoreProvider.js +1 -7
  20. package/cjs/stores/chains/index.d.ts +1 -2
  21. package/cjs/stores/chains/index.js +1 -2
  22. package/cjs/stores/chains/useChainOrder.js +2 -2
  23. package/cjs/stores/chains/useChainOrderStore.d.ts +3 -0
  24. package/cjs/stores/chains/{createChainOrderStore.js → useChainOrderStore.js} +3 -4
  25. package/cjs/stores/routes/types.d.ts +1 -1
  26. package/cjs/stores/routes/useRecommendedRouteStore.d.ts +10 -2
  27. package/cjs/stores/routes/useRecommendedRouteStore.js +30 -2
  28. package/cjs/stores/settings/index.d.ts +1 -1
  29. package/cjs/stores/settings/index.js +1 -1
  30. package/cjs/stores/settings/useAppearance.js +2 -2
  31. package/cjs/stores/settings/useSettings.js +2 -2
  32. package/cjs/stores/settings/useSettingsStore.d.ts +6 -0
  33. package/cjs/stores/settings/{createSettingsStore.js → useSettingsStore.js} +20 -4
  34. package/components/ActiveSwaps/ActiveSwaps.style.d.ts +2 -2
  35. package/components/Header/Header.style.d.ts +1 -1
  36. package/components/ReverseTokensButton/ReverseTokensButton.style.d.ts +1 -1
  37. package/components/SendToWallet/SendToWallet.style.d.ts +1 -1
  38. package/components/Step/StepProcess.style.d.ts +1 -1
  39. package/components/SwapInput/SwapInput.style.d.ts +1 -1
  40. package/components/SwapInput/SwapInputAdornment.style.d.ts +1 -1
  41. package/components/SwapRouteCard/SwapRouteCard.style.d.ts +1 -1
  42. package/components/TokenList/TokenList.style.d.ts +1 -1
  43. package/config/version.d.ts +1 -1
  44. package/config/version.js +1 -1
  45. package/hooks/useTools.js +2 -3
  46. package/i18n/en.json +0 -4
  47. package/i18n/uk.json +8 -8
  48. package/package.json +1 -1
  49. package/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts +1 -1
  50. package/providers/WidgetProvider/WidgetProvider.js +5 -7
  51. package/stores/StoreProvider.js +2 -8
  52. package/stores/chains/index.d.ts +1 -2
  53. package/stores/chains/index.js +1 -2
  54. package/stores/chains/useChainOrder.js +1 -1
  55. package/stores/chains/useChainOrderStore.d.ts +3 -0
  56. package/stores/chains/{createChainOrderStore.js → useChainOrderStore.js} +2 -2
  57. package/stores/routes/types.d.ts +1 -1
  58. package/stores/routes/useRecommendedRouteStore.d.ts +10 -2
  59. package/stores/routes/useRecommendedRouteStore.js +25 -1
  60. package/stores/settings/index.d.ts +1 -1
  61. package/stores/settings/index.js +1 -1
  62. package/stores/settings/useAppearance.js +1 -1
  63. package/stores/settings/useSettings.js +1 -1
  64. package/stores/settings/useSettingsStore.d.ts +6 -0
  65. package/stores/settings/{createSettingsStore.js → useSettingsStore.js} +18 -2
  66. package/tsconfig.cjs.tsbuildinfo +1 -1
  67. package/cjs/stores/chains/ChainOrderStore.d.ts +0 -9
  68. package/cjs/stores/chains/ChainOrderStore.js +0 -32
  69. package/cjs/stores/chains/createChainOrderStore.d.ts +0 -4
  70. package/cjs/stores/settings/SettingsStore.d.ts +0 -11
  71. package/cjs/stores/settings/SettingsStore.js +0 -48
  72. package/cjs/stores/settings/createSettingsStore.d.ts +0 -5
  73. package/stores/chains/ChainOrderStore.d.ts +0 -9
  74. package/stores/chains/ChainOrderStore.js +0 -26
  75. package/stores/chains/createChainOrderStore.d.ts +0 -4
  76. package/stores/settings/SettingsStore.d.ts +0 -11
  77. package/stores/settings/SettingsStore.js +0 -41
  78. package/stores/settings/createSettingsStore.d.ts +0 -5
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { StoreApi, UseBoundStore } from 'zustand';
3
- import type { PersistStoreProviderProps } from '../types';
4
- import type { ChainOrderState } from './types';
5
- export type ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>;
6
- export declare const ChainOrderStoreContext: import("react").Context<ChainOrderStore | null>;
7
- export declare function ChainOrderStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
8
- export declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
9
- export declare function useChainOrderStoreContext(): ChainOrderStore;
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useChainOrderStoreContext = exports.useChainOrderStore = exports.ChainOrderStoreProvider = exports.ChainOrderStoreContext = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- /* eslint-disable no-underscore-dangle */
6
- const react_1 = require("react");
7
- const createChainOrderStore_1 = require("./createChainOrderStore");
8
- exports.ChainOrderStoreContext = (0, react_1.createContext)(null);
9
- function ChainOrderStoreProvider({ children, ...props }) {
10
- const storeRef = (0, react_1.useRef)();
11
- if (!storeRef.current) {
12
- storeRef.current = (0, createChainOrderStore_1.createChainOrderStore)(props);
13
- }
14
- return ((0, jsx_runtime_1.jsx)(exports.ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
15
- }
16
- exports.ChainOrderStoreProvider = ChainOrderStoreProvider;
17
- function useChainOrderStore(selector, equalityFn) {
18
- const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
19
- if (!useStore) {
20
- throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
21
- }
22
- return useStore(selector, equalityFn);
23
- }
24
- exports.useChainOrderStore = useChainOrderStore;
25
- function useChainOrderStoreContext() {
26
- const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
27
- if (!useStore) {
28
- throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
29
- }
30
- return useStore;
31
- }
32
- exports.useChainOrderStoreContext = useChainOrderStoreContext;
@@ -1,4 +0,0 @@
1
- import type { PersistStoreProps } from '../types';
2
- import type { ChainOrderState } from './types';
3
- export declare const maxChainToOrder = 9;
4
- export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { WidgetConfig } from '@lifi/widget';
3
- import type { StoreApi, UseBoundStore } from 'zustand';
4
- import type { PersistStoreProviderProps } from '../types';
5
- import type { SettingsState } from './types';
6
- export type SettingsStore = UseBoundStore<StoreApi<SettingsState>>;
7
- export declare const SettingsStoreContext: import("react").Context<SettingsStore | null>;
8
- export declare function SettingsStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
9
- export declare function useSettingsStore<T>(selector: (state: SettingsState) => T, equalityFn?: (left: T, right: T) => boolean): T;
10
- export declare function useSettingsStoreContext(): SettingsStore;
11
- export declare const setDefaultSettings: (useSettingsStore: SettingsStore, config?: WidgetConfig) => void;
@@ -1,48 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.setDefaultSettings = exports.useSettingsStoreContext = exports.useSettingsStore = exports.SettingsStoreProvider = exports.SettingsStoreContext = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const createSettingsStore_1 = require("./createSettingsStore");
7
- exports.SettingsStoreContext = (0, react_1.createContext)(null);
8
- function SettingsStoreProvider({ children, ...props }) {
9
- const storeRef = (0, react_1.useRef)();
10
- if (!storeRef.current) {
11
- storeRef.current = (0, createSettingsStore_1.createSettingsStore)(props);
12
- }
13
- return ((0, jsx_runtime_1.jsx)(exports.SettingsStoreContext.Provider, { value: storeRef.current, children: children }));
14
- }
15
- exports.SettingsStoreProvider = SettingsStoreProvider;
16
- function useSettingsStore(selector, equalityFn) {
17
- const useStore = (0, react_1.useContext)(exports.SettingsStoreContext);
18
- if (!useStore) {
19
- throw new Error(`You forgot to wrap your component in <${SettingsStoreProvider.name}>.`);
20
- }
21
- return useStore(selector, equalityFn);
22
- }
23
- exports.useSettingsStore = useSettingsStore;
24
- function useSettingsStoreContext() {
25
- const useStore = (0, react_1.useContext)(exports.SettingsStoreContext);
26
- if (!useStore) {
27
- throw new Error(`You forgot to wrap your component in <${SettingsStoreProvider.name}>.`);
28
- }
29
- return useStore;
30
- }
31
- exports.useSettingsStoreContext = useSettingsStoreContext;
32
- const setDefaultSettings = (useSettingsStore, config) => {
33
- const { slippage, routePriority, setValue } = useSettingsStore.getState();
34
- const defaultSlippage = (config?.slippage ||
35
- config?.sdkConfig?.defaultRouteOptions?.slippage ||
36
- 0) * 100;
37
- const defaultRoutePriority = config?.routePriority || config?.sdkConfig?.defaultRouteOptions?.order;
38
- createSettingsStore_1.defaultConfigurableSettings.slippage = (defaultSlippage || createSettingsStore_1.defaultConfigurableSettings.slippage)?.toString();
39
- createSettingsStore_1.defaultConfigurableSettings.routePriority =
40
- defaultRoutePriority || createSettingsStore_1.defaultConfigurableSettings.routePriority;
41
- if (!slippage) {
42
- setValue('slippage', createSettingsStore_1.defaultConfigurableSettings.slippage);
43
- }
44
- if (!routePriority) {
45
- setValue('routePriority', createSettingsStore_1.defaultConfigurableSettings.routePriority);
46
- }
47
- };
48
- exports.setDefaultSettings = setDefaultSettings;
@@ -1,5 +0,0 @@
1
- import type { PersistStoreProps } from '../types';
2
- import type { SettingsProps, SettingsState } from './types';
3
- export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
4
- export declare const defaultSettings: SettingsProps;
5
- export declare const createSettingsStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<SettingsState>>;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { StoreApi, UseBoundStore } from 'zustand';
3
- import type { PersistStoreProviderProps } from '../types';
4
- import type { ChainOrderState } from './types';
5
- export type ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>;
6
- export declare const ChainOrderStoreContext: import("react").Context<ChainOrderStore | null>;
7
- export declare function ChainOrderStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
8
- export declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
9
- export declare function useChainOrderStoreContext(): ChainOrderStore;
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /* eslint-disable no-underscore-dangle */
3
- import { createContext, useContext, useRef } from 'react';
4
- import { createChainOrderStore } from './createChainOrderStore';
5
- export const ChainOrderStoreContext = createContext(null);
6
- export function ChainOrderStoreProvider({ children, ...props }) {
7
- const storeRef = useRef();
8
- if (!storeRef.current) {
9
- storeRef.current = createChainOrderStore(props);
10
- }
11
- return (_jsx(ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
12
- }
13
- export function useChainOrderStore(selector, equalityFn) {
14
- const useStore = useContext(ChainOrderStoreContext);
15
- if (!useStore) {
16
- throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
17
- }
18
- return useStore(selector, equalityFn);
19
- }
20
- export function useChainOrderStoreContext() {
21
- const useStore = useContext(ChainOrderStoreContext);
22
- if (!useStore) {
23
- throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
24
- }
25
- return useStore;
26
- }
@@ -1,4 +0,0 @@
1
- import type { PersistStoreProps } from '../types';
2
- import type { ChainOrderState } from './types';
3
- export declare const maxChainToOrder = 9;
4
- export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { WidgetConfig } from '@lifi/widget';
3
- import type { StoreApi, UseBoundStore } from 'zustand';
4
- import type { PersistStoreProviderProps } from '../types';
5
- import type { SettingsState } from './types';
6
- export type SettingsStore = UseBoundStore<StoreApi<SettingsState>>;
7
- export declare const SettingsStoreContext: import("react").Context<SettingsStore | null>;
8
- export declare function SettingsStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
9
- export declare function useSettingsStore<T>(selector: (state: SettingsState) => T, equalityFn?: (left: T, right: T) => boolean): T;
10
- export declare function useSettingsStoreContext(): SettingsStore;
11
- export declare const setDefaultSettings: (useSettingsStore: SettingsStore, config?: WidgetConfig) => void;
@@ -1,41 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createContext, useContext, useRef } from 'react';
3
- import { createSettingsStore, defaultConfigurableSettings, } from './createSettingsStore';
4
- export const SettingsStoreContext = createContext(null);
5
- export function SettingsStoreProvider({ children, ...props }) {
6
- const storeRef = useRef();
7
- if (!storeRef.current) {
8
- storeRef.current = createSettingsStore(props);
9
- }
10
- return (_jsx(SettingsStoreContext.Provider, { value: storeRef.current, children: children }));
11
- }
12
- export function useSettingsStore(selector, equalityFn) {
13
- const useStore = useContext(SettingsStoreContext);
14
- if (!useStore) {
15
- throw new Error(`You forgot to wrap your component in <${SettingsStoreProvider.name}>.`);
16
- }
17
- return useStore(selector, equalityFn);
18
- }
19
- export function useSettingsStoreContext() {
20
- const useStore = useContext(SettingsStoreContext);
21
- if (!useStore) {
22
- throw new Error(`You forgot to wrap your component in <${SettingsStoreProvider.name}>.`);
23
- }
24
- return useStore;
25
- }
26
- export const setDefaultSettings = (useSettingsStore, config) => {
27
- const { slippage, routePriority, setValue } = useSettingsStore.getState();
28
- const defaultSlippage = (config?.slippage ||
29
- config?.sdkConfig?.defaultRouteOptions?.slippage ||
30
- 0) * 100;
31
- const defaultRoutePriority = config?.routePriority || config?.sdkConfig?.defaultRouteOptions?.order;
32
- defaultConfigurableSettings.slippage = (defaultSlippage || defaultConfigurableSettings.slippage)?.toString();
33
- defaultConfigurableSettings.routePriority =
34
- defaultRoutePriority || defaultConfigurableSettings.routePriority;
35
- if (!slippage) {
36
- setValue('slippage', defaultConfigurableSettings.slippage);
37
- }
38
- if (!routePriority) {
39
- setValue('routePriority', defaultConfigurableSettings.routePriority);
40
- }
41
- };
@@ -1,5 +0,0 @@
1
- import type { PersistStoreProps } from '../types';
2
- import type { SettingsProps, SettingsState } from './types';
3
- export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
4
- export declare const defaultSettings: SettingsProps;
5
- export declare const createSettingsStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<SettingsState>>;