@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.
Files changed (60) hide show
  1. package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
  2. package/dist/components/Layout/Layout.d.ts.map +1 -1
  3. package/dist/components/NoResult/NoResult.d.ts.map +1 -1
  4. package/dist/components/Slippage/Slippage.d.ts.map +1 -1
  5. package/dist/containers/App/App.d.ts.map +1 -1
  6. package/dist/containers/Wallets/Wallets.d.ts.map +1 -1
  7. package/dist/containers/WidgetInfo/WidgetInfo.d.ts.map +1 -1
  8. package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts +9 -1
  9. package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts.map +1 -1
  10. package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts +8 -1
  11. package/dist/containers/WidgetInfo/WidgetInfo.types.d.ts.map +1 -1
  12. package/dist/hooks/useLanguage.d.ts.map +1 -1
  13. package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
  14. package/dist/hooks/useTheme.d.ts +1 -1
  15. package/dist/hooks/useTheme.d.ts.map +1 -1
  16. package/dist/index.js +1 -1
  17. package/dist/index.js.map +4 -4
  18. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  19. package/dist/pages/LiquiditySourcePage.d.ts.map +1 -1
  20. package/dist/pages/SettingsPage.d.ts.map +1 -1
  21. package/dist/pages/ThemePage.d.ts.map +1 -1
  22. package/dist/store/AppStore.d.ts +37 -1
  23. package/dist/store/AppStore.d.ts.map +1 -1
  24. package/dist/store/app.d.ts +39 -2
  25. package/dist/store/app.d.ts.map +1 -1
  26. package/dist/store/slices/settings.d.ts +39 -0
  27. package/dist/store/slices/settings.d.ts.map +1 -0
  28. package/dist/types/config.d.ts +28 -9
  29. package/dist/types/config.d.ts.map +1 -1
  30. package/dist/utils/settings.d.ts +4 -1
  31. package/dist/utils/settings.d.ts.map +1 -1
  32. package/package.json +1 -1
  33. package/src/components/HeaderButtons/HomeButtons.tsx +28 -18
  34. package/src/components/Layout/Layout.tsx +11 -1
  35. package/src/components/NoResult/NoResult.tsx +2 -5
  36. package/src/components/QuoteWarningsAndErrors/SlippageWariningModal.tsx +2 -2
  37. package/src/components/Slippage/Slippage.tsx +3 -5
  38. package/src/containers/App/App.tsx +1 -4
  39. package/src/containers/Wallets/Wallets.tsx +6 -1
  40. package/src/containers/WidgetInfo/WidgetInfo.helpers.ts +20 -1
  41. package/src/containers/WidgetInfo/WidgetInfo.tsx +15 -1
  42. package/src/containers/WidgetInfo/WidgetInfo.types.ts +8 -1
  43. package/src/hooks/useConfirmSwap/useConfirmSwap.ts +4 -4
  44. package/src/hooks/useLanguage.ts +2 -3
  45. package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.ts +2 -2
  46. package/src/hooks/useSwapInput.ts +4 -4
  47. package/src/hooks/useSyncStoresWithConfig.ts +1 -2
  48. package/src/hooks/useTheme.ts +4 -5
  49. package/src/pages/ConfirmSwapPage.tsx +2 -3
  50. package/src/pages/LiquiditySourcePage.tsx +3 -3
  51. package/src/pages/SettingsPage.tsx +22 -11
  52. package/src/pages/ThemePage.tsx +2 -3
  53. package/src/store/AppStore.tsx +7 -1
  54. package/src/store/app.ts +31 -5
  55. package/src/store/slices/settings.ts +168 -0
  56. package/src/types/config.ts +38 -8
  57. package/src/utils/settings.ts +11 -5
  58. package/dist/store/settings.d.ts +0 -83
  59. package/dist/store/settings.d.ts.map +0 -1
  60. 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"}
@@ -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
- );