@rango-dev/widget-embedded 0.17.1-next.26 → 0.17.1-next.28
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/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
- package/dist/components/Layout/Layout.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.d.ts.map +1 -1
- package/dist/containers/App/App.d.ts.map +1 -1
- package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
- package/dist/containers/WidgetInfo/WidgetInfo.d.ts.map +1 -1
- package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts +9 -1
- package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts.map +1 -1
- package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts +8 -1
- package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts.map +1 -1
- package/dist/hooks/useLanguage.d.ts.map +1 -1
- package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
- package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
- package/dist/pages/SettingsPage.d.ts.map +1 -1
- package/dist/pages/ThemePage.d.ts.map +1 -1
- package/dist/store/AppStore.d.ts +37 -1
- package/dist/store/AppStore.d.ts.map +1 -1
- package/dist/store/app.d.ts +39 -2
- package/dist/store/app.d.ts.map +1 -1
- package/dist/store/slices/settings.d.ts +39 -0
- package/dist/store/slices/settings.d.ts.map +1 -0
- package/dist/types/config.d.ts +28 -9
- package/dist/types/config.d.ts.map +1 -1
- package/dist/utils/settings.d.ts +4 -1
- package/dist/utils/settings.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/HeaderButtons/HomeButtons.tsx +28 -18
- package/src/components/Layout/Layout.tsx +11 -1
- package/src/components/NoResult/NoResult.tsx +2 -5
- package/src/components/QuoteWarningsAndErrors/SlippageWariningModal.tsx +2 -2
- package/src/components/Slippage/Slippage.tsx +3 -5
- package/src/containers/App/App.tsx +1 -4
- package/src/containers/Wallets/Wallets.tsx +6 -1
- package/src/containers/WidgetInfo/WidgetInfo.helpers.ts +20 -1
- package/src/containers/WidgetInfo/WidgetInfo.tsx +15 -1
- package/src/containers/WidgetInfo/WidgetInfo.types.ts +8 -1
- package/src/hooks/useConfirmSwap/useConfirmSwap.ts +4 -4
- package/src/hooks/useLanguage.ts +2 -3
- package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.ts +2 -2
- package/src/hooks/useSwapInput.ts +4 -4
- package/src/hooks/useSyncStoresWithConfig.ts +1 -2
- package/src/hooks/useTheme.ts +4 -5
- package/src/pages/ConfirmSwapPage.tsx +2 -3
- package/src/pages/LiquiditySourcePage.tsx +3 -3
- package/src/pages/SettingsPage.tsx +22 -11
- package/src/pages/ThemePage.tsx +2 -3
- package/src/store/AppStore.tsx +7 -1
- package/src/store/app.ts +31 -5
- package/src/store/slices/settings.ts +168 -0
- package/src/types/config.ts +38 -8
- package/src/utils/settings.ts +11 -5
- package/dist/store/settings.d.ts +0 -83
- package/dist/store/settings.d.ts.map +0 -1
- package/src/store/settings.ts +0 -161
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/store/settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAW9C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAEnD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,yBAAyB,EAAE,CACzB,QAAQ,EAAE,WAAW,EAAE,EACvB,WAAW,CAAC,EAAE,OAAO,KAClB,IAAI,CAAC;IACV,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CACnB,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,KAC/C,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAlBH,MAAM,KAAK,IAAI;kDACH,MAAM,GAAG,IAAI,KAAK,IAAI;2CAC7B,IAAI;4CACH,MAAM,KAAK,IAAI;gCAC3B,SAAS,KAAK,IAAI;sCACZ,QAAQ,KAAK,IAAI;oDAE7B,WAAW,EAAE,gBACT,OAAO,KAClB,IAAI;8CACuB,MAAM,GAAG,IAAI,KAAK,IAAI;sDACd,MAAM,GAAG,IAAI,KAAK,IAAI;;;qBAGzD,IAAI;mDAC4B,MAAM,KAAK,IAAI;;CAqHrD,CAAC"}
|
package/src/store/settings.ts
DELETED
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import type { SwapperMeta } from 'rango-sdk';
|
|
2
|
-
|
|
3
|
-
import { type Language } from '@rango-dev/ui';
|
|
4
|
-
import { create } from 'zustand';
|
|
5
|
-
import { persist, subscribeWithSelector } from 'zustand/middleware';
|
|
6
|
-
|
|
7
|
-
import { BLOCKCHAIN_LIST_SIZE } from '../constants/configs';
|
|
8
|
-
import { DEFAULT_LANGUAGE } from '../constants/languages';
|
|
9
|
-
import { DEFAULT_SLIPPAGE } from '../constants/swapSettings';
|
|
10
|
-
import { removeDuplicateFrom } from '../utils/common';
|
|
11
|
-
|
|
12
|
-
import createSelectors from './selectors';
|
|
13
|
-
|
|
14
|
-
export type ThemeMode = 'auto' | 'dark' | 'light';
|
|
15
|
-
|
|
16
|
-
export interface SettingsState {
|
|
17
|
-
/** Keeping a history of blockchains that user has selected (in Swap process) */
|
|
18
|
-
preferredBlockchains: string[];
|
|
19
|
-
slippage: number;
|
|
20
|
-
customSlippage: number | null;
|
|
21
|
-
infiniteApprove: boolean;
|
|
22
|
-
disabledLiquiditySources: string[];
|
|
23
|
-
theme: ThemeMode;
|
|
24
|
-
language: Language;
|
|
25
|
-
affiliateRef: string | null;
|
|
26
|
-
affiliatePercent: number | null;
|
|
27
|
-
affiliateWallets: { [key: string]: string } | null;
|
|
28
|
-
|
|
29
|
-
setSlippage: (slippage: number) => void;
|
|
30
|
-
setCustomSlippage: (customSlippage: number | null) => void;
|
|
31
|
-
toggleInfiniteApprove: () => void;
|
|
32
|
-
toggleLiquiditySource: (name: string) => void;
|
|
33
|
-
setTheme: (theme: ThemeMode) => void;
|
|
34
|
-
setLanguage: (language: Language) => void;
|
|
35
|
-
toggleAllLiquiditySources: (
|
|
36
|
-
swappers: SwapperMeta[],
|
|
37
|
-
shouldReset?: boolean
|
|
38
|
-
) => void;
|
|
39
|
-
setAffiliateRef: (affiliateRef: string | null) => void;
|
|
40
|
-
setAffiliatePercent: (affiliatePercent: number | null) => void;
|
|
41
|
-
setAffiliateWallets: (
|
|
42
|
-
affiliateWallets: { [key: string]: string } | null
|
|
43
|
-
) => void;
|
|
44
|
-
addPreferredBlockchain: (blockchain: string) => void;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export const useSettingsStore = createSelectors(
|
|
48
|
-
create<SettingsState>()(
|
|
49
|
-
persist(
|
|
50
|
-
subscribeWithSelector((set, get) => ({
|
|
51
|
-
preferredBlockchains: [],
|
|
52
|
-
slippage: DEFAULT_SLIPPAGE,
|
|
53
|
-
customSlippage: null,
|
|
54
|
-
infiniteApprove: false,
|
|
55
|
-
affiliateRef: null,
|
|
56
|
-
affiliatePercent: null,
|
|
57
|
-
affiliateWallets: null,
|
|
58
|
-
disabledLiquiditySources: [],
|
|
59
|
-
theme: 'auto',
|
|
60
|
-
language: DEFAULT_LANGUAGE,
|
|
61
|
-
addPreferredBlockchain: (blockchain) => {
|
|
62
|
-
const currentPreferredBlockchains = get().preferredBlockchains;
|
|
63
|
-
|
|
64
|
-
const noNeedToDoAnything = currentPreferredBlockchains.find(
|
|
65
|
-
(preferredBlockchain, index) => {
|
|
66
|
-
const isSameBlockchain = preferredBlockchain === blockchain;
|
|
67
|
-
const isInVisibleList = index <= BLOCKCHAIN_LIST_SIZE - 1;
|
|
68
|
-
|
|
69
|
-
return isSameBlockchain && isInVisibleList;
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
|
|
73
|
-
if (noNeedToDoAnything) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
const nextPreferredBlockchains: string[] =
|
|
78
|
-
currentPreferredBlockchains.filter((preferredBlockchain) => {
|
|
79
|
-
const isSameBlockchain = preferredBlockchain === blockchain;
|
|
80
|
-
|
|
81
|
-
return !isSameBlockchain;
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
set(() => ({
|
|
85
|
-
preferredBlockchains: [blockchain, ...nextPreferredBlockchains],
|
|
86
|
-
}));
|
|
87
|
-
},
|
|
88
|
-
setSlippage: (slippage) =>
|
|
89
|
-
set(() => ({
|
|
90
|
-
slippage: slippage,
|
|
91
|
-
})),
|
|
92
|
-
setCustomSlippage: (customSlippage) =>
|
|
93
|
-
set(() => ({
|
|
94
|
-
customSlippage: customSlippage,
|
|
95
|
-
})),
|
|
96
|
-
setAffiliateRef: (affiliateRef) =>
|
|
97
|
-
set(() => ({
|
|
98
|
-
affiliateRef,
|
|
99
|
-
})),
|
|
100
|
-
setAffiliatePercent: (affiliatePercent) =>
|
|
101
|
-
set(() => ({
|
|
102
|
-
affiliatePercent,
|
|
103
|
-
})),
|
|
104
|
-
|
|
105
|
-
setAffiliateWallets: (affiliateWallets) =>
|
|
106
|
-
set(() => ({
|
|
107
|
-
affiliateWallets,
|
|
108
|
-
})),
|
|
109
|
-
toggleAllLiquiditySources: (swappers, shouldReset) =>
|
|
110
|
-
set((state) => {
|
|
111
|
-
if (shouldReset) {
|
|
112
|
-
return { disabledLiquiditySources: [] };
|
|
113
|
-
}
|
|
114
|
-
const swappersGroup = removeDuplicateFrom(
|
|
115
|
-
swappers.map((swapper) => swapper.swapperGroup)
|
|
116
|
-
);
|
|
117
|
-
|
|
118
|
-
if (
|
|
119
|
-
swappersGroup.length === state.disabledLiquiditySources.length
|
|
120
|
-
) {
|
|
121
|
-
return { disabledLiquiditySources: [] };
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return {
|
|
125
|
-
disabledLiquiditySources: swappersGroup,
|
|
126
|
-
};
|
|
127
|
-
}),
|
|
128
|
-
toggleInfiniteApprove: () =>
|
|
129
|
-
set((state) => ({
|
|
130
|
-
infiniteApprove: !state.infiniteApprove,
|
|
131
|
-
})),
|
|
132
|
-
toggleLiquiditySource: (name) =>
|
|
133
|
-
set((state) => {
|
|
134
|
-
if (state.disabledLiquiditySources.includes(name)) {
|
|
135
|
-
return {
|
|
136
|
-
disabledLiquiditySources: state.disabledLiquiditySources.filter(
|
|
137
|
-
(liquiditySource) => liquiditySource != name
|
|
138
|
-
),
|
|
139
|
-
};
|
|
140
|
-
}
|
|
141
|
-
return {
|
|
142
|
-
disabledLiquiditySources:
|
|
143
|
-
state.disabledLiquiditySources.concat(name),
|
|
144
|
-
};
|
|
145
|
-
}),
|
|
146
|
-
setTheme: (theme) =>
|
|
147
|
-
set(() => ({
|
|
148
|
-
theme,
|
|
149
|
-
})),
|
|
150
|
-
setLanguage: (language) =>
|
|
151
|
-
set(() => ({
|
|
152
|
-
language,
|
|
153
|
-
})),
|
|
154
|
-
})),
|
|
155
|
-
{
|
|
156
|
-
name: 'user-settings',
|
|
157
|
-
skipHydration: true,
|
|
158
|
-
}
|
|
159
|
-
)
|
|
160
|
-
)
|
|
161
|
-
);
|