@0xsquid/ui 0.17.1 → 0.17.2-beta.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 (65) hide show
  1. package/dist/cjs/index.js +45480 -124
  2. package/dist/cjs/types/components/badges/LoadingSkeleton.d.ts +11 -2
  3. package/dist/cjs/types/components/buttons/FilterButton.d.ts +2 -1
  4. package/dist/cjs/types/components/layout/AppContainer.d.ts +531 -0
  5. package/dist/cjs/types/components/{icons/Separator.d.ts → layout/PipeSeparator.d.ts} +0 -1
  6. package/dist/cjs/types/components/layout/TokenPair.d.ts +2 -2
  7. package/dist/cjs/types/components/layout/TransactionFilters.d.ts +9 -9
  8. package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +3 -2
  9. package/dist/cjs/types/components/layout/TransactionSearch.d.ts +4 -1
  10. package/dist/cjs/types/components/layout/index.d.ts +2 -1
  11. package/dist/cjs/types/components/layout/useOnClickOutside.d.ts +4 -0
  12. package/dist/cjs/types/components/lists/PropertyListItem.d.ts +3 -3
  13. package/dist/cjs/types/components/lists/TransactionAction/ApproveAction.d.ts +3 -3
  14. package/dist/cjs/types/components/lists/TransactionAction/BridgeAction.d.ts +3 -3
  15. package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts +3 -2
  16. package/dist/cjs/types/components/lists/TransactionAction/StartAction.d.ts +3 -3
  17. package/dist/cjs/types/components/lists/TransactionAction/SuccessAction.d.ts +3 -3
  18. package/dist/cjs/types/components/lists/TransactionAction/SwapAction.d.ts +3 -3
  19. package/dist/cjs/types/components/lists/TransactionAction/WrapAction.d.ts +3 -3
  20. package/dist/cjs/types/components/lists/TransactionItem.d.ts +3 -2
  21. package/dist/cjs/types/components/typography/HeadingText.d.ts +2 -1
  22. package/dist/cjs/types/components/views/TransactionView/TransactionViewLayout.d.ts +6 -5
  23. package/dist/cjs/types/components/views/index.d.ts +6 -0
  24. package/dist/cjs/types/core/utils.d.ts +5 -0
  25. package/dist/cjs/types/hooks/useVersion.d.ts +1 -0
  26. package/dist/cjs/types/services/internal/colorService.d.ts +1 -1
  27. package/dist/cjs/types/stories/data/actions.d.ts +6 -4
  28. package/dist/{esm/types/stories/layout/ExploreLayout.stories.d.ts → cjs/types/stories/layout/AppContainer.stories.d.ts} +2 -2
  29. package/dist/esm/index.js +45471 -125
  30. package/dist/esm/types/components/badges/LoadingSkeleton.d.ts +11 -2
  31. package/dist/esm/types/components/buttons/FilterButton.d.ts +2 -1
  32. package/dist/esm/types/components/layout/AppContainer.d.ts +531 -0
  33. package/dist/esm/types/components/{icons/Separator.d.ts → layout/PipeSeparator.d.ts} +0 -1
  34. package/dist/esm/types/components/layout/TokenPair.d.ts +2 -2
  35. package/dist/esm/types/components/layout/TransactionFilters.d.ts +9 -9
  36. package/dist/esm/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +3 -2
  37. package/dist/esm/types/components/layout/TransactionSearch.d.ts +4 -1
  38. package/dist/esm/types/components/layout/index.d.ts +2 -1
  39. package/dist/esm/types/components/layout/useOnClickOutside.d.ts +4 -0
  40. package/dist/esm/types/components/lists/PropertyListItem.d.ts +3 -3
  41. package/dist/esm/types/components/lists/TransactionAction/ApproveAction.d.ts +3 -3
  42. package/dist/esm/types/components/lists/TransactionAction/BridgeAction.d.ts +3 -3
  43. package/dist/esm/types/components/lists/TransactionAction/FeesAction.d.ts +3 -2
  44. package/dist/esm/types/components/lists/TransactionAction/StartAction.d.ts +3 -3
  45. package/dist/esm/types/components/lists/TransactionAction/SuccessAction.d.ts +3 -3
  46. package/dist/esm/types/components/lists/TransactionAction/SwapAction.d.ts +3 -3
  47. package/dist/esm/types/components/lists/TransactionAction/WrapAction.d.ts +3 -3
  48. package/dist/esm/types/components/lists/TransactionItem.d.ts +3 -2
  49. package/dist/esm/types/components/typography/HeadingText.d.ts +2 -1
  50. package/dist/esm/types/components/views/TransactionView/TransactionViewLayout.d.ts +6 -5
  51. package/dist/esm/types/components/views/index.d.ts +6 -0
  52. package/dist/esm/types/core/utils.d.ts +5 -0
  53. package/dist/esm/types/hooks/useVersion.d.ts +1 -0
  54. package/dist/esm/types/services/internal/colorService.d.ts +1 -1
  55. package/dist/esm/types/stories/data/actions.d.ts +6 -4
  56. package/dist/{cjs/types/stories/layout/ExploreLayout.stories.d.ts → esm/types/stories/layout/AppContainer.stories.d.ts} +2 -2
  57. package/dist/index.css +1 -1
  58. package/dist/index.d.ts +680 -64
  59. package/package.json +2 -1
  60. package/dist/cjs/types/components/layout/ExploreLayout.d.ts +0 -7
  61. package/dist/cjs/types/stories/data/transaction.d.ts +0 -49
  62. package/dist/cjs/types/types/data.d.ts +0 -155
  63. package/dist/esm/types/components/layout/ExploreLayout.d.ts +0 -7
  64. package/dist/esm/types/stories/data/transaction.d.ts +0 -49
  65. package/dist/esm/types/types/data.d.ts +0 -155
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "0.17.1",
8
+ "version": "0.17.2-beta.0",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {
@@ -33,6 +33,7 @@
33
33
  "clsx": "2.1.0",
34
34
  "color": "4.2.3",
35
35
  "date-fns": "^3.6.0",
36
+ "framer-motion": "^11.2.12",
36
37
  "react-day-picker": "^8.10.1",
37
38
  "tailwind-merge": "2.3.0"
38
39
  },
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface ExploreLayoutProps {
3
- navigation?: ReactNode;
4
- children?: ReactNode;
5
- }
6
- export declare function ExploreLayout({ navigation, children }: ExploreLayoutProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,49 +0,0 @@
1
- import { TransactionData } from '../../types/data';
2
- export declare const rawTransactionData: TransactionData;
3
- export declare const ethereumChainData: {
4
- axelarChainName: string;
5
- networkIdentifier: string;
6
- chainType: string;
7
- rpc: string;
8
- networkName: string;
9
- chainId: string;
10
- nativeCurrency: {
11
- name: string;
12
- symbol: string;
13
- decimals: number;
14
- icon: string;
15
- };
16
- swapAmountForGas: string;
17
- sameChainSwapsSupported: boolean;
18
- chainIconURI: string;
19
- blockExplorerUrls: string[];
20
- chainNativeContracts: {
21
- wrappedNativeToken: string;
22
- ensRegistry: string;
23
- multicall: string;
24
- usdcToken: string;
25
- };
26
- bridges: {
27
- axelar: {
28
- gateway: string;
29
- itsService: string;
30
- };
31
- cctp: {
32
- cctpDomain: number;
33
- tokenMessenger: string;
34
- messageTransmitter: string;
35
- };
36
- };
37
- squidContracts: {
38
- squidRouter: string;
39
- defaultCrosschainToken: string;
40
- squidMulticall: string;
41
- squidFeeCollector: string;
42
- };
43
- compliance: {
44
- trmIdentifier: string;
45
- };
46
- estimatedRouteDuration: number;
47
- estimatedBoostRouteDuration: number;
48
- enableBoostByDefault: boolean;
49
- };
@@ -1,155 +0,0 @@
1
- export interface TokenData {
2
- type: string;
3
- chainId: string;
4
- address: string;
5
- name: string;
6
- symbol: string;
7
- disabled?: boolean;
8
- axelarNetworkSymbol?: string;
9
- subGraphIds?: string[];
10
- subGraphOnly?: boolean;
11
- decimals: number;
12
- logoURI: string;
13
- coingeckoId: string;
14
- usdPrice: number;
15
- }
16
- export interface BaseActionData {
17
- status: string;
18
- explorerURL: string;
19
- txHash: string;
20
- toAmountReceived: string;
21
- toAmountReceivedUSD: string;
22
- exchangeRateReceived: string;
23
- timestamp: number;
24
- chainType: string;
25
- type: string;
26
- data: unknown;
27
- fromChain: string;
28
- toChain: string;
29
- fromToken: TokenData;
30
- toToken: TokenData;
31
- fromAmount: string;
32
- toAmount: string;
33
- toAmountMin: string;
34
- exchangeRate: string;
35
- priceImpact: string;
36
- stage: number;
37
- provider: string;
38
- description: string;
39
- logoURI?: string;
40
- }
41
- export interface WrapActionData extends BaseActionData {
42
- type: 'wrap';
43
- data: {
44
- address: string;
45
- chainId: string;
46
- type: string;
47
- path: string[];
48
- name: string;
49
- logoURI: string;
50
- target: string;
51
- direction: string;
52
- };
53
- }
54
- export interface SwapActionData extends BaseActionData {
55
- type: 'swap';
56
- data: {
57
- address: string;
58
- chainId: string;
59
- coinAddresses: string[];
60
- dex: string;
61
- enabled: boolean;
62
- tickSpacing?: number;
63
- path: string[];
64
- slippage: number;
65
- target: string;
66
- };
67
- }
68
- export interface BridgeActionData extends BaseActionData {
69
- type: 'bridge';
70
- duration: number;
71
- estimatedDuration: number;
72
- data: {
73
- name: string;
74
- provider: string;
75
- type: string;
76
- logoURI: string;
77
- };
78
- }
79
- export type ActionData = WrapActionData | SwapActionData | BridgeActionData;
80
- export interface FeeCostData {
81
- amount: string;
82
- amountUsd: string;
83
- description: string;
84
- gasLimit?: string;
85
- gasMultiplier?: number;
86
- name: string;
87
- token: TokenData;
88
- }
89
- export interface GasCostData {
90
- type: string;
91
- token: TokenData;
92
- amount: string;
93
- gasLimit: string;
94
- amountUsd: string;
95
- }
96
- export interface TransactionData {
97
- status: {
98
- results: {
99
- actions: ActionData[];
100
- fromAmount: string;
101
- toAmount: string;
102
- toAmountMin: string;
103
- toAmountReceived: string;
104
- sendAmount: string;
105
- exchangeRate: string;
106
- exchangeRateReceived: string;
107
- aggregatePriceImpact: string;
108
- fromAmountUSD: string;
109
- toAmountUSD: string;
110
- toAmountMinUSD: string;
111
- toAmountReceivedUSD: string;
112
- aggregateSlippage: number;
113
- onChainQuoting: boolean;
114
- index: number;
115
- fromToken: TokenData;
116
- toToken: TokenData;
117
- toTokenReceived: TokenData;
118
- isBoostSupported: boolean;
119
- feeCosts: FeeCostData[];
120
- gasCosts: GasCostData[];
121
- gasUsed: GasCostData[];
122
- estimatedRouteDuration: number;
123
- routeDuration: number;
124
- routeMetrics: {
125
- bestRoute: string;
126
- bestComparedToOne: string;
127
- bestComparedToTwo: string;
128
- };
129
- };
130
- transactionRequest: {
131
- routeType: string;
132
- target: string;
133
- data: string;
134
- value: string;
135
- gasLimit: string;
136
- lastBaseFeePerGas: string;
137
- maxFeePerGas: string;
138
- maxPriorityFeePerGas: string;
139
- gasPrice: string;
140
- requestId: string;
141
- };
142
- params: {
143
- fromChain: string;
144
- fromToken: string;
145
- fromAddress: string;
146
- fromAmount: string;
147
- toChain: string;
148
- toToken: string;
149
- toAddress: string;
150
- quoteOnly: boolean;
151
- enableBoost: boolean;
152
- onChainQuoting: boolean;
153
- };
154
- };
155
- }
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface ExploreLayoutProps {
3
- navigation?: ReactNode;
4
- children?: ReactNode;
5
- }
6
- export declare function ExploreLayout({ navigation, children }: ExploreLayoutProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,49 +0,0 @@
1
- import { TransactionData } from '../../types/data';
2
- export declare const rawTransactionData: TransactionData;
3
- export declare const ethereumChainData: {
4
- axelarChainName: string;
5
- networkIdentifier: string;
6
- chainType: string;
7
- rpc: string;
8
- networkName: string;
9
- chainId: string;
10
- nativeCurrency: {
11
- name: string;
12
- symbol: string;
13
- decimals: number;
14
- icon: string;
15
- };
16
- swapAmountForGas: string;
17
- sameChainSwapsSupported: boolean;
18
- chainIconURI: string;
19
- blockExplorerUrls: string[];
20
- chainNativeContracts: {
21
- wrappedNativeToken: string;
22
- ensRegistry: string;
23
- multicall: string;
24
- usdcToken: string;
25
- };
26
- bridges: {
27
- axelar: {
28
- gateway: string;
29
- itsService: string;
30
- };
31
- cctp: {
32
- cctpDomain: number;
33
- tokenMessenger: string;
34
- messageTransmitter: string;
35
- };
36
- };
37
- squidContracts: {
38
- squidRouter: string;
39
- defaultCrosschainToken: string;
40
- squidMulticall: string;
41
- squidFeeCollector: string;
42
- };
43
- compliance: {
44
- trmIdentifier: string;
45
- };
46
- estimatedRouteDuration: number;
47
- estimatedBoostRouteDuration: number;
48
- enableBoostByDefault: boolean;
49
- };
@@ -1,155 +0,0 @@
1
- export interface TokenData {
2
- type: string;
3
- chainId: string;
4
- address: string;
5
- name: string;
6
- symbol: string;
7
- disabled?: boolean;
8
- axelarNetworkSymbol?: string;
9
- subGraphIds?: string[];
10
- subGraphOnly?: boolean;
11
- decimals: number;
12
- logoURI: string;
13
- coingeckoId: string;
14
- usdPrice: number;
15
- }
16
- export interface BaseActionData {
17
- status: string;
18
- explorerURL: string;
19
- txHash: string;
20
- toAmountReceived: string;
21
- toAmountReceivedUSD: string;
22
- exchangeRateReceived: string;
23
- timestamp: number;
24
- chainType: string;
25
- type: string;
26
- data: unknown;
27
- fromChain: string;
28
- toChain: string;
29
- fromToken: TokenData;
30
- toToken: TokenData;
31
- fromAmount: string;
32
- toAmount: string;
33
- toAmountMin: string;
34
- exchangeRate: string;
35
- priceImpact: string;
36
- stage: number;
37
- provider: string;
38
- description: string;
39
- logoURI?: string;
40
- }
41
- export interface WrapActionData extends BaseActionData {
42
- type: 'wrap';
43
- data: {
44
- address: string;
45
- chainId: string;
46
- type: string;
47
- path: string[];
48
- name: string;
49
- logoURI: string;
50
- target: string;
51
- direction: string;
52
- };
53
- }
54
- export interface SwapActionData extends BaseActionData {
55
- type: 'swap';
56
- data: {
57
- address: string;
58
- chainId: string;
59
- coinAddresses: string[];
60
- dex: string;
61
- enabled: boolean;
62
- tickSpacing?: number;
63
- path: string[];
64
- slippage: number;
65
- target: string;
66
- };
67
- }
68
- export interface BridgeActionData extends BaseActionData {
69
- type: 'bridge';
70
- duration: number;
71
- estimatedDuration: number;
72
- data: {
73
- name: string;
74
- provider: string;
75
- type: string;
76
- logoURI: string;
77
- };
78
- }
79
- export type ActionData = WrapActionData | SwapActionData | BridgeActionData;
80
- export interface FeeCostData {
81
- amount: string;
82
- amountUsd: string;
83
- description: string;
84
- gasLimit?: string;
85
- gasMultiplier?: number;
86
- name: string;
87
- token: TokenData;
88
- }
89
- export interface GasCostData {
90
- type: string;
91
- token: TokenData;
92
- amount: string;
93
- gasLimit: string;
94
- amountUsd: string;
95
- }
96
- export interface TransactionData {
97
- status: {
98
- results: {
99
- actions: ActionData[];
100
- fromAmount: string;
101
- toAmount: string;
102
- toAmountMin: string;
103
- toAmountReceived: string;
104
- sendAmount: string;
105
- exchangeRate: string;
106
- exchangeRateReceived: string;
107
- aggregatePriceImpact: string;
108
- fromAmountUSD: string;
109
- toAmountUSD: string;
110
- toAmountMinUSD: string;
111
- toAmountReceivedUSD: string;
112
- aggregateSlippage: number;
113
- onChainQuoting: boolean;
114
- index: number;
115
- fromToken: TokenData;
116
- toToken: TokenData;
117
- toTokenReceived: TokenData;
118
- isBoostSupported: boolean;
119
- feeCosts: FeeCostData[];
120
- gasCosts: GasCostData[];
121
- gasUsed: GasCostData[];
122
- estimatedRouteDuration: number;
123
- routeDuration: number;
124
- routeMetrics: {
125
- bestRoute: string;
126
- bestComparedToOne: string;
127
- bestComparedToTwo: string;
128
- };
129
- };
130
- transactionRequest: {
131
- routeType: string;
132
- target: string;
133
- data: string;
134
- value: string;
135
- gasLimit: string;
136
- lastBaseFeePerGas: string;
137
- maxFeePerGas: string;
138
- maxPriorityFeePerGas: string;
139
- gasPrice: string;
140
- requestId: string;
141
- };
142
- params: {
143
- fromChain: string;
144
- fromToken: string;
145
- fromAddress: string;
146
- fromAmount: string;
147
- toChain: string;
148
- toToken: string;
149
- toAddress: string;
150
- quoteOnly: boolean;
151
- enableBoost: boolean;
152
- onChainQuoting: boolean;
153
- };
154
- };
155
- }